modified buttons in header
This commit is contained in:
parent
31dcb2fe3e
commit
5c05c0f1e3
File diff suppressed because one or more lines are too long
|
@ -63,13 +63,15 @@ button,.button {
|
|||
border-color: $anchor-color;
|
||||
}
|
||||
}
|
||||
&.hero-middle,&.hero-last,&.hero-announcement{
|
||||
}
|
||||
.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%);
|
||||
|
@ -77,7 +79,6 @@ button,.button {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
.button {
|
||||
|
|
|
@ -304,6 +304,7 @@ main {
|
|||
}
|
||||
&.widget_media_image {
|
||||
overflow: hidden;
|
||||
// max-height: 40vh;
|
||||
img {
|
||||
width:100%;
|
||||
}
|
||||
|
@ -313,7 +314,6 @@ main {
|
|||
&.widget_text p{
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
|
@ -323,7 +323,9 @@ main {
|
|||
overflow:hidden;
|
||||
&.widget_text p{
|
||||
font-size: $global-font-size*1.2;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
&.widget_media_image {
|
||||
// max-height: unset;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
|
@ -355,11 +357,11 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
&.secondary {
|
||||
.slide,.slide:nth-child(odd) {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
// &.secondary {
|
||||
// .slide,.slide:nth-child(odd) {
|
||||
// background-color: $white;
|
||||
// }
|
||||
// }
|
||||
&.announcement {
|
||||
.slide {
|
||||
width: 100%;
|
||||
|
@ -381,13 +383,13 @@ main {
|
|||
overflow: visible;
|
||||
}
|
||||
}
|
||||
&.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
// &.top.secondary {
|
||||
// align-content: center;
|
||||
// justify-content: center;
|
||||
// ul {
|
||||
// margin: 2rem 0;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
|
@ -416,28 +418,47 @@ main {
|
|||
}
|
||||
}
|
||||
//hero secondary
|
||||
&.secondary {
|
||||
border-top: none;
|
||||
background-color: $secondary-color;
|
||||
.slide{
|
||||
figure {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
// &.secondary {
|
||||
// border-top: none;
|
||||
// background-color: $secondary-color;
|
||||
// .slide{
|
||||
// figure {
|
||||
// background-color: unset;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
.hero-main {
|
||||
// aside {
|
||||
// background-color: $secondary-color;
|
||||
.slides {
|
||||
.slide {
|
||||
@include breakpoint(medium){
|
||||
&.widget_media_image {
|
||||
max-height: 35vh;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
&.widget_media_image {
|
||||
max-height: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
background-color: $secondary-color;
|
||||
.slides {
|
||||
// &.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
// }
|
||||
// background-color: $secondary-color;
|
||||
.slide {
|
||||
&:nth-child(odd) {
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
}
|
||||
}
|
||||
.hero-middle{
|
||||
.slides {
|
||||
|
|
|
@ -53,20 +53,45 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(right, middle);
|
||||
// @include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
margin: inherit;
|
||||
padding: inherit;
|
||||
// padding-bottom:0;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.1;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin/2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
// @include xy-cell(auto);
|
||||
// @include flex;
|
||||
@include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
// margin: inherit;
|
||||
// padding: inherit;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
// justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.4;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -63,13 +63,15 @@ button,.button {
|
|||
border-color: $anchor-color;
|
||||
}
|
||||
}
|
||||
&.hero-middle,&.hero-last,&.hero-announcement{
|
||||
}
|
||||
.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%);
|
||||
|
@ -77,7 +79,6 @@ button,.button {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
.button {
|
||||
|
|
|
@ -304,6 +304,7 @@ main {
|
|||
}
|
||||
&.widget_media_image {
|
||||
overflow: hidden;
|
||||
// max-height: 40vh;
|
||||
img {
|
||||
width:100%;
|
||||
}
|
||||
|
@ -313,7 +314,6 @@ main {
|
|||
&.widget_text p{
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
|
@ -323,7 +323,9 @@ main {
|
|||
overflow:hidden;
|
||||
&.widget_text p{
|
||||
font-size: $global-font-size*1.2;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
&.widget_media_image {
|
||||
// max-height: unset;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
|
@ -355,11 +357,11 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
&.secondary {
|
||||
.slide,.slide:nth-child(odd) {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
// &.secondary {
|
||||
// .slide,.slide:nth-child(odd) {
|
||||
// background-color: $white;
|
||||
// }
|
||||
// }
|
||||
&.announcement {
|
||||
.slide {
|
||||
width: 100%;
|
||||
|
@ -381,13 +383,13 @@ main {
|
|||
overflow: visible;
|
||||
}
|
||||
}
|
||||
&.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
// &.top.secondary {
|
||||
// align-content: center;
|
||||
// justify-content: center;
|
||||
// ul {
|
||||
// margin: 2rem 0;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
|
@ -416,28 +418,47 @@ main {
|
|||
}
|
||||
}
|
||||
//hero secondary
|
||||
&.secondary {
|
||||
border-top: none;
|
||||
background-color: $secondary-color;
|
||||
.slide{
|
||||
figure {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
// &.secondary {
|
||||
// border-top: none;
|
||||
// background-color: $secondary-color;
|
||||
// .slide{
|
||||
// figure {
|
||||
// background-color: unset;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
.hero-main {
|
||||
// aside {
|
||||
// background-color: $secondary-color;
|
||||
.slides {
|
||||
.slide {
|
||||
@include breakpoint(medium){
|
||||
&.widget_media_image {
|
||||
max-height: 35vh;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
&.widget_media_image {
|
||||
max-height: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
background-color: $secondary-color;
|
||||
.slides {
|
||||
// &.top.secondary {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
// }
|
||||
// background-color: $secondary-color;
|
||||
.slide {
|
||||
&:nth-child(odd) {
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
}
|
||||
}
|
||||
.hero-middle{
|
||||
.slides {
|
||||
|
|
|
@ -53,20 +53,45 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(right, middle);
|
||||
// @include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
margin: inherit;
|
||||
padding: inherit;
|
||||
// padding-bottom:0;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.1;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin/2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
// @include xy-cell(auto);
|
||||
// @include flex;
|
||||
@include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
// margin: inherit;
|
||||
// padding: inherit;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
// justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.4;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue