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
.wpcf7-form-control[type="submit"] {
@ -80,7 +63,21 @@ button,.button {
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 {
.button {
border-color: $primary-color;
@ -99,16 +96,13 @@ button,.button {
}
}
.end_of_page_button {
// @extend .button.small;
@extend .button;
display: flex;
margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size;
}
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}

View File

@ -321,10 +321,10 @@ main {
padding: 0;
margin: 0;
overflow:hidden;
a {
@include flex;
@include flex-align (center,middle);
}
// button,.button {
// @include flex;
// @include flex-align (center,middle);
// }
&.widget_text p{
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
@ -419,20 +419,36 @@ main {
}
}
}
&.hero-main {
aside {
background-color: $secondary-color;
.slides {
.slide {
&:nth-child(odd) {
background-color: $secondary-color;
&.hero-main {
aside {
background-color: $secondary-color;
.slides {
.slide {
&:nth-child(odd) {
background-color: $secondary-color;
}
}
}
}
}
}
&.hero-announcement {
}
&.hero-middle{
.slides {
background-color: $forest-green;
* {
color: $white;
}
}
}
&.hero-last{
.slides {
background-color: $raspberry-purple;
* {
color: $white;
}
}
}
&.hero-announcement {
}
//hero secondary
&.secondary {
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
.wpcf7-form-control[type="submit"] {
@ -80,7 +63,21 @@ button,.button {
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 {
.button {
border-color: $primary-color;
@ -99,16 +96,13 @@ button,.button {
}
}
.end_of_page_button {
// @extend .button.small;
@extend .button;
display: flex;
margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size;
}
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}

View File

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