modified buttons in header

This commit is contained in:
jorge 2022-04-29 14:32:54 +02:00
parent 31dcb2fe3e
commit 5c05c0f1e3
7 changed files with 155 additions and 61 deletions

File diff suppressed because one or more lines are too long

View File

@ -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 {

View File

@ -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 {
.slide {
@include breakpoint(medium){
&.widget_media_image {
max-height: 35vh;
}
}
@include breakpoint(large){
&.widget_media_image {
max-height: unset;
}
}
}
}
.hero-main {
// aside {
// background-color: $secondary-color;
aside {
background-color: $secondary-color;
.slides {
background-color: $secondary-color;
// &.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 {

View File

@ -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;
}
}
}
}

View File

@ -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 {

View File

@ -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 {
.slide {
@include breakpoint(medium){
&.widget_media_image {
max-height: 35vh;
}
}
@include breakpoint(large){
&.widget_media_image {
max-height: unset;
}
}
}
}
.hero-main {
// aside {
// background-color: $secondary-color;
aside {
background-color: $secondary-color;
.slides {
background-color: $secondary-color;
// &.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 {

View File

@ -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;
}
}
}
}