styling button sizes
This commit is contained in:
parent
535fcb56da
commit
ed5502dc12
|
@ -1,5 +1,23 @@
|
|||
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 {
|
||||
button,.button {
|
||||
|
@ -9,10 +27,14 @@ button,.button {
|
|||
font-size: $global-font-size*1.3;
|
||||
border-color: $button-color-alt;
|
||||
border-radius: 4rem;
|
||||
// margin: $global-margin*2 0;
|
||||
&:hover{
|
||||
color: $anchor-color;
|
||||
border-color: $anchor-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search {
|
||||
button,.button {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue