ocean-ds / ocean-web

Blu's Design System for Web

Home Page:https://ocean-ds.github.io/ocean-web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Adjust Checkbox size (Web)

julianasouza-s opened this issue · comments

Checkbox

  • width: 20px
  • height: 20px

I've made some tweaks using the inspect tool on google chrome and came to this values:

.ods-checkbox__checkmark::after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 8px;
    margin-left: 6px;
    margin-top: 3px;
    transform: rotate(40deg);
    width: 4px;
}

Should be something like:
image