110 lines
2.1 KiB
SCSS
110 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;
|
|
&: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;
|
|
}
|
|
}
|