Compare commits

...

2 Commits

Author SHA1 Message Date
jorge 5c05c0f1e3 modified buttons in header 2022-04-29 14:32:54 +02:00
jorge 31dcb2fe3e moved resources title top and search menu below 2022-04-29 13:25:29 +02:00
9 changed files with 218 additions and 105 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){
@ -321,13 +321,11 @@ main {
padding: 0;
margin: 0;
overflow:hidden;
// button,.button {
// @include flex;
// @include flex-align (center,middle);
// }
&.widget_text p{
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
}
&.widget_media_image {
// max-height: unset;
}
}
@include breakpoint(xlarge){
@ -359,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%;
@ -385,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();
@ -419,10 +417,41 @@ main {
}
}
}
&.hero-main {
//hero secondary
// &.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;
}
}
}
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;
@ -430,32 +459,32 @@ main {
}
}
}
}
&.hero-middle{
}
.hero-middle{
.slides {
background-color: $forest-green;
* {
color: $white;
}
}
}
&.hero-last{
}
.hero-last{
.slides {
background-color: $raspberry-purple;
* {
color: $white;
}
}
}
&.hero-announcement {
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
.hero-announcement {
&.resources{
.slides {
&.announcement.middle {
margin-top: 0;
// .widget_nav_menu,.widget_tag_cloud {
// width: auto;
// overflow: visible;
// }
}
}
}

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){
@ -321,13 +321,11 @@ main {
padding: 0;
margin: 0;
overflow:hidden;
// button,.button {
// @include flex;
// @include flex-align (center,middle);
// }
&.widget_text p{
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
}
&.widget_media_image {
// max-height: unset;
}
}
@include breakpoint(xlarge){
@ -359,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%;
@ -385,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();
@ -419,10 +417,41 @@ main {
}
}
}
&.hero-main {
//hero secondary
// &.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;
}
}
}
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;
@ -430,32 +459,32 @@ main {
}
}
}
}
&.hero-middle{
}
.hero-middle{
.slides {
background-color: $forest-green;
* {
color: $white;
}
}
}
&.hero-last{
}
.hero-last{
.slides {
background-color: $raspberry-purple;
* {
color: $white;
}
}
}
&.hero-announcement {
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
.hero-announcement {
&.resources{
.slides {
&.announcement.middle {
margin-top: 0;
// .widget_nav_menu,.widget_tag_cloud {
// width: auto;
// overflow: visible;
// }
}
}
}

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

@ -10,8 +10,7 @@
<section class="hero hero-announcement resources">
<?php dynamic_sidebar( 'announcement-resources-top-widgets' ); ?>
<aside>
<?php dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
<?php //dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
<?php //insert menu here; ?>
<?php //foundationpress_announcement_bar(); ?>
</aside>
</section>

View File

@ -18,6 +18,7 @@
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
?>
<section class="archive-posts resources">
<header>
<h2>
@ -28,6 +29,9 @@
?>
</h2>
</header>
<aside class="hero hero-announcement resources">
<?php dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
</aside>
<main class="">
<?php $the_query = new WP_Query( array( 'post_type' => get_post_type( get_the_ID() ), 'posts_per_page' => '10' , 'paged' => $paged ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>