styling button sizes
This commit is contained in:
parent
535fcb56da
commit
ed5502dc12
|
@ -1,5 +1,23 @@
|
||||||
button,.button {
|
button,.button {
|
||||||
min-width: 20rem;
|
&:not(.large,.small,.tiny){
|
||||||
|
// min-width: 20rem;
|
||||||
|
}
|
||||||
|
&.primary {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
&.success {
|
||||||
|
border-color: $success-color;
|
||||||
|
}
|
||||||
|
&.alert {
|
||||||
|
border-color: $alert-color;
|
||||||
|
color: $white;
|
||||||
|
&:hover{
|
||||||
|
color:$white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.secondary {
|
||||||
|
border-color: $secondary-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.hero {
|
.hero {
|
||||||
button,.button {
|
button,.button {
|
||||||
|
@ -9,10 +27,14 @@ button,.button {
|
||||||
font-size: $global-font-size*1.3;
|
font-size: $global-font-size*1.3;
|
||||||
border-color: $button-color-alt;
|
border-color: $button-color-alt;
|
||||||
border-radius: 4rem;
|
border-radius: 4rem;
|
||||||
// margin: $global-margin*2 0;
|
|
||||||
&:hover{
|
&:hover{
|
||||||
color: $anchor-color;
|
color: $anchor-color;
|
||||||
border-color: $anchor-color;
|
border-color: $anchor-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.search {
|
||||||
|
button,.button {
|
||||||
|
border-color: $primary-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue