styled buttons and widgets areas backgrounds
This commit is contained in:
parent
9d9af983cc
commit
197da4a524
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue