arcHIVE-tech/arc-hive-wordpress-theme
arcHIVE-tech
/
arc-hive-wordpress-theme
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: arcHIVE-tech:64ced756d85cb32c66e8ebab464b7b6b8f471f86
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev
..
compare: arcHIVE-tech:5c05c0f1e370010fc8935405b61a0f0fdec52296
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev

2 Commits
64ced756d8 ... 5c05c0f1e3

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
Show Stats Expand all files Collapse all files

2
dist/assets/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

5
dist/assets/scss/components/_buttons.scss vendored
View File

@ -63,13 +63,15 @@ button,.button {
border-color: $anchor-color; border-color: $anchor-color;
} }
} }
&.hero-middle,&.hero-last,&.hero-announcement{ }
.hero-middle,.hero-last,.hero-announcement{
:not(.search-form),:not(.search){ :not(.search-form),:not(.search){
button,.button { button,.button {
font-size: $global-font-size; font-size: $global-font-size;
border-color: $white; border-color: $white;
padding: $global-padding $global-padding*2; padding: $global-padding $global-padding*2;
min-width: unset; min-width: unset;
color:$white;
&:hover{ &:hover{
color: scale-color($anchor-color, $lightness: 90%); color: scale-color($anchor-color, $lightness: 90%);
background-color: scale-color($white, $alpha: -60%); background-color: scale-color($white, $alpha: -60%);
@ -77,7 +79,6 @@ button,.button {
} }
} }
} }
}
.search { .search {
.button { .button {

95
dist/assets/scss/modules/_content.scss vendored
View File

@ -304,6 +304,7 @@ main {
} }
&.widget_media_image { &.widget_media_image {
overflow: hidden; overflow: hidden;
// max-height: 40vh;
img { img {
width:100%; width:100%;
} }
@ -313,7 +314,6 @@ main {
&.widget_text p{ &.widget_text p{
max-width: 50rem; max-width: 50rem;
margin:auto; margin:auto;
padding: $global-padding * 2;
} }
} }
@include breakpoint(large){ @include breakpoint(large){
@ -321,13 +321,11 @@ main {
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
// button,.button {
// @include flex;
// @include flex-align (center,middle);
// }
&.widget_text p{ &.widget_text p{
font-size: $global-font-size*1.2; font-size: $global-font-size*1.2;
padding: $global-padding * 2; }
&.widget_media_image {
// max-height: unset;
} }
} }
@include breakpoint(xlarge){ @include breakpoint(xlarge){
@ -359,11 +357,11 @@ main {
} }
} }
} }
&.secondary { // &.secondary {
.slide,.slide:nth-child(odd) { // .slide,.slide:nth-child(odd) {
background-color: $white; // background-color: $white;
} // }
} // }
&.announcement { &.announcement {
.slide { .slide {
width: 100%; width: 100%;
@ -385,13 +383,13 @@ main {
overflow: visible; overflow: visible;
} }
} }
&.top.secondary { // &.top.secondary {
align-content: center; // align-content: center;
justify-content: center; // justify-content: center;
ul { // ul {
margin: 2rem 0; // margin: 2rem 0;
} // }
} // }
} }
aside { aside {
@include xy-grid(); @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 { aside {
background-color: $secondary-color; background-color: $secondary-color;
.slides { .slides {
// &.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
// }
// background-color: $secondary-color;
.slide { .slide {
&:nth-child(odd) { &:nth-child(odd) {
background-color: $secondary-color; background-color: $secondary-color;
@ -430,32 +459,32 @@ main {
} }
} }
} }
} }
&.hero-middle{ .hero-middle{
.slides { .slides {
background-color: $forest-green; background-color: $forest-green;
* { * {
color: $white; color: $white;
} }
} }
} }
&.hero-last{ .hero-last{
.slides { .slides {
background-color: $raspberry-purple; background-color: $raspberry-purple;
* { * {
color: $white; color: $white;
} }
} }
} }
&.hero-announcement { .hero-announcement {
} &.resources{
//hero secondary .slides {
&.secondary { &.announcement.middle {
border-top: none; margin-top: 0;
background-color: $secondary-color; // .widget_nav_menu,.widget_tag_cloud {
.slide{ // width: auto;
figure { // overflow: visible;
background-color: unset; // }
} }
} }
} }

29
dist/assets/scss/modules/_header.scss vendored
View File

@ -53,20 +53,45 @@
} }
} }
} }
@include breakpoint(large) { @include breakpoint(medium) {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(right, middle); // @include flex-align(right, middle);
padding-bottom: 0;//$global-padding; padding-bottom: 0;//$global-padding;
menu { menu {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
// padding-bottom:0;
.menu { .menu {
&.dropdown { &.dropdown {
justify-content: end; 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 { li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size; font-size: $global-font-size*1.4;//$header-menu-font-size;
} }
.button {
margin-left: $global-margin;
}
} }
} }
} }

5
src/assets/scss/components/_buttons.scss
View File

@ -63,13 +63,15 @@ button,.button {
border-color: $anchor-color; border-color: $anchor-color;
} }
} }
&.hero-middle,&.hero-last,&.hero-announcement{ }
.hero-middle,.hero-last,.hero-announcement{
:not(.search-form),:not(.search){ :not(.search-form),:not(.search){
button,.button { button,.button {
font-size: $global-font-size; font-size: $global-font-size;
border-color: $white; border-color: $white;
padding: $global-padding $global-padding*2; padding: $global-padding $global-padding*2;
min-width: unset; min-width: unset;
color:$white;
&:hover{ &:hover{
color: scale-color($anchor-color, $lightness: 90%); color: scale-color($anchor-color, $lightness: 90%);
background-color: scale-color($white, $alpha: -60%); background-color: scale-color($white, $alpha: -60%);
@ -77,7 +79,6 @@ button,.button {
} }
} }
} }
}
.search { .search {
.button { .button {

95
src/assets/scss/modules/_content.scss
View File

@ -304,6 +304,7 @@ main {
} }
&.widget_media_image { &.widget_media_image {
overflow: hidden; overflow: hidden;
// max-height: 40vh;
img { img {
width:100%; width:100%;
} }
@ -313,7 +314,6 @@ main {
&.widget_text p{ &.widget_text p{
max-width: 50rem; max-width: 50rem;
margin:auto; margin:auto;
padding: $global-padding * 2;
} }
} }
@include breakpoint(large){ @include breakpoint(large){
@ -321,13 +321,11 @@ main {
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
// button,.button {
// @include flex;
// @include flex-align (center,middle);
// }
&.widget_text p{ &.widget_text p{
font-size: $global-font-size*1.2; font-size: $global-font-size*1.2;
padding: $global-padding * 2; }
&.widget_media_image {
// max-height: unset;
} }
} }
@include breakpoint(xlarge){ @include breakpoint(xlarge){
@ -359,11 +357,11 @@ main {
} }
} }
} }
&.secondary { // &.secondary {
.slide,.slide:nth-child(odd) { // .slide,.slide:nth-child(odd) {
background-color: $white; // background-color: $white;
} // }
} // }
&.announcement { &.announcement {
.slide { .slide {
width: 100%; width: 100%;
@ -385,13 +383,13 @@ main {
overflow: visible; overflow: visible;
} }
} }
&.top.secondary { // &.top.secondary {
align-content: center; // align-content: center;
justify-content: center; // justify-content: center;
ul { // ul {
margin: 2rem 0; // margin: 2rem 0;
} // }
} // }
} }
aside { aside {
@include xy-grid(); @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 { aside {
background-color: $secondary-color; background-color: $secondary-color;
.slides { .slides {
// &.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
// }
// background-color: $secondary-color;
.slide { .slide {
&:nth-child(odd) { &:nth-child(odd) {
background-color: $secondary-color; background-color: $secondary-color;
@ -430,32 +459,32 @@ main {
} }
} }
} }
} }
&.hero-middle{ .hero-middle{
.slides { .slides {
background-color: $forest-green; background-color: $forest-green;
* { * {
color: $white; color: $white;
} }
} }
} }
&.hero-last{ .hero-last{
.slides { .slides {
background-color: $raspberry-purple; background-color: $raspberry-purple;
* { * {
color: $white; color: $white;
} }
} }
} }
&.hero-announcement { .hero-announcement {
} &.resources{
//hero secondary .slides {
&.secondary { &.announcement.middle {
border-top: none; margin-top: 0;
background-color: $secondary-color; // .widget_nav_menu,.widget_tag_cloud {
.slide{ // width: auto;
figure { // overflow: visible;
background-color: unset; // }
} }
} }
} }

29
src/assets/scss/modules/_header.scss
View File

@ -53,20 +53,45 @@
} }
} }
} }
@include breakpoint(large) { @include breakpoint(medium) {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(right, middle); // @include flex-align(right, middle);
padding-bottom: 0;//$global-padding; padding-bottom: 0;//$global-padding;
menu { menu {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
// padding-bottom:0;
.menu { .menu {
&.dropdown { &.dropdown {
justify-content: end; 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 { li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size; font-size: $global-font-size*1.4;//$header-menu-font-size;
} }
.button {
margin-left: $global-margin;
}
} }
} }
} }

3
template-parts/announcement-resources.php
View File

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

4
template-parts/archive-resources.php
View File

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