Add large size buttons variant and make disabled state global
This commit is contained in:
@@ -22,7 +22,10 @@
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
// Size variants
|
||||
|
||||
/*
|
||||
** Size variants
|
||||
*/
|
||||
// Small
|
||||
&--small {
|
||||
height: 40px;
|
||||
@@ -34,10 +37,34 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Color Variants
|
||||
// Large
|
||||
&--large {
|
||||
height: 56px;
|
||||
font-size: rem(16px);
|
||||
|
||||
@include bp (sm) {
|
||||
height: 72px;
|
||||
height: 72px;
|
||||
padding: 0 40px;
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
** Color Variants
|
||||
*/
|
||||
// Pink
|
||||
&--pink {
|
||||
background: $color-secondary-light;
|
||||
}
|
||||
&--beige {
|
||||
$color-button: #F2D3B8;
|
||||
background: $color-button;
|
||||
|
||||
&[disabled] {
|
||||
background: none;
|
||||
border: 2px solid darken($color-button, 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user