flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add responsive for buttons

Browse Source
This commit is contained in:
Félix Péault
2021-10-16 15:42:30 +02:00
parent 90a4be5b4d
commit 60ea3d2cb1
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/style/atoms/_button.scss
View File

@@ -1,15 +1,21 @@
.button { .button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
height: 48px; height: 40px;
padding: 0 24px; padding: 0 12px;
background: #fff; background: #fff;
font: 900 #{rem(18px)}/1 $font-sans; font: 900 #{rem(16px)}/1 $font-sans;
color: $color-text; color: $color-text;
border-radius: 100vh; border-radius: 100vh;
border: none; border: none;
text-decoration: none; text-decoration: none;
@include bp (sm) {
height: 48px;
padding: 1px 16px 0;
font-size: rem(18px);
}
// Icon // Icon
img, svg { img, svg {
display: block; display: block;
@@ -21,6 +27,11 @@
&--small { &--small {
height: 40px; height: 40px;
padding: 0 16px; padding: 0 16px;
@include bp (sm) {
height: 40px;
padding: 0 16px;
}
} }
// Color Variants // Color Variants