SCSS em to px: last refactor fixes

This commit is contained in:
Juan Ferrer 2020-04-02 16:29:13 +02:00
parent 2249f68d6e
commit d75b975b14
5 changed files with 12 additions and 13 deletions

View File

@ -4,7 +4,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 44px; height: 36px;
border: none; border: none;
border-radius: 1px; border-radius: 1px;
font-family: vn-font-bold; font-family: vn-font-bold;
@ -16,7 +16,7 @@
& > button { & > button {
width: 100%; width: 100%;
padding: 0 16px; padding: 0 12px;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -34,7 +34,6 @@
& > vn-icon { & > vn-icon {
vertical-align: middle; vertical-align: middle;
color: inherit; color: inherit;
font-size: 1.68rem;
} }
} }
&.colored { &.colored {
@ -80,8 +79,8 @@
} }
&.round { &.round {
border-radius: 50%; border-radius: 50%;
height: 60px; height: 54px;
width: 60px; width: 54px;
& > button > span { & > button > span {
display: none; display: none;

View File

@ -25,7 +25,7 @@
margin-bottom: 8px; margin-bottom: 8px;
padding: 8px 0; padding: 8px 0;
font-weight: bold; font-weight: bold;
font-size: .75rem; font-size: .8rem;
text-align: center; text-align: center;
& > section { & > section {
@ -41,7 +41,7 @@
& > .day { & > .day {
width: 14.28%; width: 14.28%;
height: 40px; height: 42px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -62,9 +62,9 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
font-size: .85rem; font-size: .9rem;
width: 35px; width: 32px;
height: 35px; height: 32px;
cursor: pointer; cursor: pointer;
outline: 0; outline: 0;
transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out;

View File

@ -39,7 +39,7 @@
color: $color-button; color: $color-button;
font-family: vn-font-bold; font-family: vn-font-bold;
padding: 11px; padding: 11px;
margin: -1px; margin: -11px;
margin-left: 11px; margin-left: 11px;
} }
} }

View File

@ -1,6 +1,6 @@
vn-icon { vn-icon {
display: inline-block; display: inline-block;
font-size: 1.5rem; font-size: 1.7em;
text-align: center; text-align: center;
outline: 0; outline: 0;

View File

@ -50,7 +50,7 @@ vn-layout {
} }
.vn-button { .vn-button {
color: inherit; color: inherit;
font-size: 1rem; font-size: 1.05rem;
padding: 0; padding: 0;
} }
} }