styled buttons and widgets areas backgrounds

This commit is contained in:
jorge 2022-04-28 20:29:14 +02:00
parent 9d9af983cc
commit 197da4a524
5 changed files with 89 additions and 69 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,3 @@
//button,.button {
// // min-width: 20rem;
//}
//.hero {
// button,.button {
// min-width: 20vw;
// color: $button-color-alt;
// font-size: $global-font-size*1.3;
// border-color: $button-color-alt;
// border-radius: 4rem;
// &:hover{
// color: $anchor-color;
// border-color: $anchor-color;
// }
// }
//}
// wordpress // wordpress
.wpcf7-form-control[type="submit"] { .wpcf7-form-control[type="submit"] {
@ -80,7 +63,21 @@ button,.button {
border-color: $anchor-color; border-color: $anchor-color;
} }
} }
&.hero-middle,&.hero-last,&.hero-announcement{
button,.button {
font-size: $global-font-size;
border-color: $white;
padding: $global-padding $global-padding*2;
min-width: unset;
margin:auto;
&:hover{
color: scale-color($anchor-color, $lightness: 90%);
background-color: scale-color($white, $alpha: -60%);
}
}
}
} }
.search { .search {
.button { .button {
border-color: $primary-color; border-color: $primary-color;
@ -99,16 +96,13 @@ button,.button {
} }
} }
.end_of_page_button { .end_of_page_button {
// @extend .button.small;
@extend .button; @extend .button;
display: flex; display: flex;
margin: $global-margin auto; margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size; font-size: $global-font-size;
} }
.accordion-item.is-active { .accordion-item.is-active {
& button, & .button { & button, & .button {
// @extend .button;
background-color: $input-background; background-color: $input-background;
} }
} }

View File

@ -321,10 +321,10 @@ main {
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
a { // button,.button {
@include flex; // @include flex;
@include flex-align (center,middle); // @include flex-align (center,middle);
} // }
&.widget_text p{ &.widget_text p{
font-size: $global-font-size*1.2; font-size: $global-font-size*1.2;
padding: $global-padding * 2; padding: $global-padding * 2;
@ -419,7 +419,7 @@ main {
} }
} }
} }
&.hero-main { &.hero-main {
aside { aside {
background-color: $secondary-color; background-color: $secondary-color;
.slides { .slides {
@ -430,9 +430,25 @@ main {
} }
} }
} }
} }
&.hero-announcement { &.hero-middle{
} .slides {
background-color: $forest-green;
* {
color: $white;
}
}
}
&.hero-last{
.slides {
background-color: $raspberry-purple;
* {
color: $white;
}
}
}
&.hero-announcement {
}
//hero secondary //hero secondary
&.secondary { &.secondary {
border-top: none; border-top: none;

View File

@ -1,20 +1,3 @@
//button,.button {
// // min-width: 20rem;
//}
//.hero {
// button,.button {
// min-width: 20vw;
// color: $button-color-alt;
// font-size: $global-font-size*1.3;
// border-color: $button-color-alt;
// border-radius: 4rem;
// &:hover{
// color: $anchor-color;
// border-color: $anchor-color;
// }
// }
//}
// wordpress // wordpress
.wpcf7-form-control[type="submit"] { .wpcf7-form-control[type="submit"] {
@ -80,7 +63,21 @@ button,.button {
border-color: $anchor-color; border-color: $anchor-color;
} }
} }
&.hero-middle,&.hero-last,&.hero-announcement{
button,.button {
font-size: $global-font-size;
border-color: $white;
padding: $global-padding $global-padding*2;
min-width: unset;
margin:auto;
&:hover{
color: scale-color($anchor-color, $lightness: 90%);
background-color: scale-color($white, $alpha: -60%);
}
}
}
} }
.search { .search {
.button { .button {
border-color: $primary-color; border-color: $primary-color;
@ -99,16 +96,13 @@ button,.button {
} }
} }
.end_of_page_button { .end_of_page_button {
// @extend .button.small;
@extend .button; @extend .button;
display: flex; display: flex;
margin: $global-margin auto; margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size; font-size: $global-font-size;
} }
.accordion-item.is-active { .accordion-item.is-active {
& button, & .button { & button, & .button {
// @extend .button;
background-color: $input-background; background-color: $input-background;
} }
} }

View File

@ -321,10 +321,10 @@ main {
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
a { // button,.button {
@include flex; // @include flex;
@include flex-align (center,middle); // @include flex-align (center,middle);
} // }
&.widget_text p{ &.widget_text p{
font-size: $global-font-size*1.2; font-size: $global-font-size*1.2;
padding: $global-padding * 2; padding: $global-padding * 2;
@ -419,7 +419,7 @@ main {
} }
} }
} }
&.hero-main { &.hero-main {
aside { aside {
background-color: $secondary-color; background-color: $secondary-color;
.slides { .slides {
@ -430,9 +430,25 @@ main {
} }
} }
} }
} }
&.hero-announcement { &.hero-middle{
} .slides {
background-color: $forest-green;
* {
color: $white;
}
}
}
&.hero-last{
.slides {
background-color: $raspberry-purple;
* {
color: $white;
}
}
}
&.hero-announcement {
}
//hero secondary //hero secondary
&.secondary { &.secondary {
border-top: none; border-top: none;