arc-hive-wordpress-theme/dist/assets/scss/components/_buttons.scss

111 lines
2.1 KiB
SCSS

// wordpress
.wpcf7-form-control[type="submit"] {
@extend .button;
min-width: unset;
}
.post-next,.post-previous {
a {
@extend button;
@extend .hollow;
}
}
// untill here wordpress
button {
@extend .button;
}
button,.button {
&.small{
padding: $global-padding*0.5 $global-padding*1.5;
}
&.tiny{
padding: $global-padding*0.3 $global-padding*1.1;
}
&:not(.large,.small,.tiny){
}
&.primary {
color: $white;
}
&.success {
border-color: $success-color;
}
&.alert {
border-color: $alert-color;
color: $white;
&:hover{
color:$white;
}
}
&.secondary {
border-color: $secondary-color;
}
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
}
.hero {
button,.button {
min-width: 20vw;
padding: $global-padding*0.3 $global-padding*2;
color: $button-color-alt;
font-size: $global-font-size*1.3;
border-color: $button-color-alt;
border-radius: $global-radius-archive*2;
&:hover{
color: $anchor-color;
border-color: $anchor-color;
}
}
}
.hero-middle,.hero-last,.hero-announcement{
:not(.search-form),:not(.search){
button,.button {
font-size: $global-font-size;
border-color: $white;
padding: $global-padding $global-padding*2;
min-width: unset;
color:$white;
&:hover{
color: scale-color($anchor-color, $lightness: 90%);
background-color: scale-color($white, $alpha: -60%);
}
}
}
}
.search {
.button {
border-color: $primary-color;
}
button.appear{
min-width: unset;
background-color: $primary-color;
color: $white;
border-radius:$global-radius-archive;
border: none;
}
}
.load_more {
button,.button {
font-size: $global-font-size;
}
}
.end_of_page_button {
@extend .button;
display: flex;
margin: $global-margin auto;
font-size: $global-font-size;
}
.accordion-item.is-active {
& button, & .button {
background-color: $input-background;
}
}