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

Make buttons larger on medium screen

Browse Source
This commit is contained in:
Félix Péault
2021-11-10 23:11:00 +01:00
parent b0e4351b05
commit a8b76e2702
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@
text-decoration: none; text-decoration: none;
transition: background-color 0.55s var(--ease-quart), color 0.55s var(--ease-quart); transition: background-color 0.55s var(--ease-quart), color 0.55s var(--ease-quart);
@include bp (sm) { @include bp (md) {
height: 48px; height: 48px;
padding: 1px 24px 0; padding: 1px 24px 0;
font-size: rem(18px); font-size: rem(18px);
@@ -44,7 +44,7 @@
height: 32px; height: 32px;
padding: 0 6px; padding: 0 6px;
@include bp (sm) { @include bp (md) {
height: 32px; height: 32px;
padding: 0 16px; padding: 0 16px;
font-size: rem(14px); font-size: rem(14px);
@@ -56,7 +56,7 @@
height: 40px; height: 40px;
padding: 0 16px; padding: 0 16px;
@include bp (sm) { @include bp (md) {
height: 40px; height: 40px;
padding: 0 16px; padding: 0 16px;
} }
@@ -67,7 +67,7 @@
height: 56px; height: 56px;
font-size: rem(16px); font-size: rem(16px);
@include bp (sm) { @include bp (md) {
height: 72px; height: 72px;
height: 72px; height: 72px;
padding: 0 40px; padding: 0 40px;