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:577977bfb3cef7cbdc95df09f93b8cb39e4192cb
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev
...
compare: arcHIVE-tech:04fedfcda294ba823c78531ba213a6c833f8924a
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev

3 Commits
577977bfb3 ... 04fedfcda2

Author SHA1 Message Date
jorge 04fedfcda2 search form as in omeka style 2022-04-08 01:10:36 +02:00
jorge 0583982e49 npm build for commit 2022-04-07 14:52:42 +02:00
jorge 46e4a55bff added widget areas for bette custom. modified css for them 2022-04-07 14:47:54 +02:00
10 changed files with 827 additions and 604 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

2
dist/assets/scss/_settings.scss vendored
View File

@ -461,7 +461,7 @@ $select-background: $white;
$select-triangle-color: $dark-gray;
$select-radius: $global-radius;
$input-color: $black;
$input-placeholder-color: $medium-gray;
$input-placeholder-color: scale-color($primary-color, $lightness: 35%);//$medium-gray;
$input-font-family: inherit;
$input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal;

76
dist/assets/scss/components/_forms.scss vendored
View File

@ -1,5 +1,5 @@
// search elements
.search{
.search {
.input-group {
position: relative;
border-radius: 4rem;
@ -16,14 +16,14 @@
.input-group * {
margin: 0;
}
.button{
.button {
border-color: $primary-color;
}
.appear{
.appear {
display:none;
}
input{
&:active{
input {
&:active {
border-color: $primary-color;
background-color: $input-background-focus;
}
@ -51,9 +51,9 @@
.hollow {
border-color: $primary-color;
color: $primary-color;
&::after {
&:after {
}
&::placeholder {
&:placeholder {
color: scale-color($primary-color, $lightness: -20%);
}
&:hover {
@ -87,7 +87,67 @@ article,.omekas-entry-content {
}
}
}
// wordpress
.search-form {
display: flex;
justify-content: center;
align-content: center;
.search-field {
margin-bottom: 0;
}
label {
width: 40vw;
max-width: 30rem;
}
input[type="search"] {
padding-left: $global-padding;
padding-right: $global-padding;
border: $input-border;
background-color: $input-background-focus;
border-radius: $global-radius-archive;
}
input[type="submit"]{
@extend button;
width:0px;
min-width: unset !important;
height:0px;
background-color: $input-background-focus;
border-radius: $global-radius-archive;
}
&:active,&:focus,&:focus-within{
label {
width: calc(40vw + 10rem);
margin-right: -10rem;
}
input[type="submit"] {
width:auto;
min-width: 10rem !important;
height:auto;
background-color: scale-color($input-background-focus, $lightness: -20%);
}
input[type="search"] {
padding-right: 11rem;
border-color: $primary-color;
background-color: $input-background-focus;
&:not(:placeholder-shown) {
border:none;
background-color: $input-background-focus;
color: $primary-color;
//position: relative;
//padding-right: $global-padding * 9;
//+ .appear {
// display: block;
// background-color: scale-color($input-background-focus, $lightness: -20%);
// z-index: 2;
// &:hover {
// color: $white;
// background-color: $primary-color;
// }
//}
}
}
}
}
// contact form 7
//

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

@ -1,219 +1,216 @@
//content {
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-color;
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-color;
}
}
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
}
}
//
// main block
//--------------
main {
article {
@include xy-grid;
header {
@include xy-cell(12);
.entry-title {
width: 100%;
text-align: center;
}
}
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
.entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
margin:0 auto;
}
@include breakpoint(xlarge){
@include xy-cell(12);
max-width: 50rem;
padding: $global-padding*2 $global-padding*3;
font-size: $global-font-size*1.2;
margin: 0 auto;
}
}
//
// main block
//--------------
}
}
main {
article {
@include xy-grid;
header {
@include xy-cell(12);
.entry-title {
width: 100%;
text-align: center;
}
}
.entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
margin:0 auto;
}
@include breakpoint(xlarge){
@include xy-cell(12);
max-width: 50rem;
padding: $global-padding*2 $global-padding*3;
font-size: $global-font-size*1.2;
margin: 0 auto;
}
}
}
//
// category view and news
//--------------
.category-posts,.archive-posts {
@include xy-grid;
header,main,aside {
@include breakpoint(small){
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding-top: $global-padding*3;
}
//
// category view and news
//--------------
.category-posts,.archive-posts {
@include xy-grid;
header,main,aside {
@include breakpoint(medium){
}
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(6);
}
@include breakpoint(large){
@include xy-cell(4);
}
figure {
@include breakpoint(small){
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding-top: $global-padding*3;
height: 58vw;
max-width: 100%;
overflow: hidden;
background-image: url('../img/ARC-HIVE-logo.svg');
background-color: rgb(240,240,240);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
main {
//@include xy-cell(12);
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(6);
}
@include breakpoint(large){
@include xy-cell(4);
}
figure {
@include breakpoint(small){
@include xy-cell(12);
height: 58vw;
max-width: 100%;
overflow: hidden;
background-image: url('../img/ARC-HIVE-logo.svg');
background-color: rgb(240,240,240);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
.entry-title {
padding-top: $global-padding*2;
line-height: 0.7;
font-size: $global-font-size*1.5;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top: $global-padding*3;
padding-bottom: 0;
.entry-title {
padding-top: $global-padding*2;
line-height: 0.7;
font-size: $global-font-size*1.5;
}
}
}
aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top: $global-padding*3;
padding-bottom: 0;
}
}
&.resources {
@include xy-grid;
header,main,aside {
}
main {
article{
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
}
@include breakpoint(medium){
height: 18vw;
}
@include breakpoint(large){
height: 10vw;
}
}
}
&.resources {
@include xy-grid;
header,main,aside {
}
main {
article{
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
}
@include breakpoint(medium){
height: 18vw;
}
@include breakpoint(large){
height: 10vw;
}
}
}
}
}
// end category-posts
// end category-posts
//
// collections category
//--------------
//
// collections category
//--------------
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
}
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
@include breakpoint(medium){
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
@include breakpoint(medium){
}
@include breakpoint(large){
}
}
}
aside {
@include breakpoint(large){
}
}
// end news & resources category
}
aside {
}
}
// end news & resources category
//
// partners
// for big announcemnts
//---------------------
//
// partners
// for big announcemnts
//---------------------
.partners {
.entry-content {
@ -242,118 +239,156 @@
}
}
//
// hero
// for big announcemnts
//---------------------
//
// hero
// for big announcemnts
//---------------------
.hero {
.slides {
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
.hero {
.slides {
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
}
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
// &.widget_media_image {
// justify-content: unset;
// align-content: stretch;
// }
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
}
@include breakpoint(medium){
&.widget_text p,.textwidget {
max-width: 50rem;
margin:auto;
padding: $global-padding * 2;
font-size: $global-font-size*1.3;
}
}
@include breakpoint(large){
width: 50%;
height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
@include flex;
@include flex-align (center,middle);
}
&.widget_media_image {
overflow: hidden;
img {
// max-width: unset !important;
height: 100% !important;
}
&.widget_text p,.textwidget {
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding*3;
}
}
@include breakpoint(xxlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.6;
padding: $global-padding*3;
}
}
&:nth-child(odd) {
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
width:100%;
}
}
}
}
aside {
@include xy-grid();
background-color: $secondary-color;
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
@include breakpoint(medium){
&.widget_text p,.textwidget {
max-width: 50rem;
margin:auto;
padding: $global-padding * 2;
//font-size: $global-font-size*1.3;
}
}
@include breakpoint(large){
width: 50%;
//height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
color: $body-font-color;
@include flex;
@include flex-align (center,middle);
}
.button {
justify-content:center;
img {
//height: 100% !important;
//width: 100%;
}
&.widget_text p,.textwidget {
font-size: $global-font-size*1.1;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.15;
padding: $global-padding*3;
}
}
@include breakpoint(xxlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding*3;
}
}
&:nth-child(odd) {
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
//&.announcement.top {
&.announcement {
.slide {
width: 100%;
}
.widget_nav_menu,.widget_tag_cloud {
width: auto;
}
.widget_tag_cloud {
h6 {
display:none;
}
a{
display: inline;
}
}
}
&.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
a {
//border: 1px solid black;
//border-radius: 2rem;
//padding: 1rem;
//color:blue;
}
}
}
//end hero
//}
// end content
aside {
@include xy-grid();
background-color: $secondary-color;
.slides {
width: 100%;
.slide {
width: 100%;
&:nth-child(odd) {
background-color: $secondary-color;
}
}
}
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//end hero

60
library/widget-areas.php
View File

@ -6,14 +6,14 @@
* @since arcHIVE-theme 1.0.0
*/
if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
function foundationpress_sidebar_widgets() {
if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
function arcHIVE_sidebar_widgets() {
register_sidebar(
array(
'id' => 'home-announcement-widgets',
'name' => __( 'Home Announcement widgets', 'foundationpress' ),
'id' => 'home-announcement-widgets-top-primary',
'name' => __( 'Home Announcement Top Primary area', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">',
'before_sidebar'=> '<main class="slides top primary">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
'after_widget' => '</section>',
@ -21,12 +21,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
'after_title' => '</h6>',
)
);
register_sidebar(
array(
'id' => 'home-announcement-widgets-top-secondary',
'name' => __( 'Home Announcement Top Secondary area', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page on the secondary area.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides top secondary">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget home-announcement %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
)
);
register_sidebar(
array(
'id' => 'home-announcement-middle-widgets',
'name' => __( 'Home Announcement Middle widgets', 'foundationpress' ),
'name' => __( 'Home Announcement Middle', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show in the middle of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">',
'before_sidebar'=> '<main class="slides middle">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
'after_widget' => '</section>',
@ -37,9 +50,9 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
register_sidebar(
array(
'id' => 'home-announcement-bottom-widgets',
'name' => __( 'Home Announcement Bottom widgets', 'foundationpress' ),
'name' => __( 'Home Announcement Bottom', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the bottom of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">',
'before_sidebar'=> '<main class="slides bottom">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
'after_widget' => '</section>',
@ -50,8 +63,10 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
register_sidebar(
array(
'id' => 'announcement-widgets',
'name' => __( 'Announcement widgets', 'foundationpress' ),
'name' => __( 'Announcement', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides announcement">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
@ -60,10 +75,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
);
register_sidebar(
array(
'id' => 'announcement-resources-widgets',
'name' => __( 'Announcement Resources widgets', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources.', 'foundationpress' ),
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
'id' => 'announcement-resources-top-widgets',
'name' => __( 'Resources Announcement top', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources primary area.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides announcement top">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide top %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
)
);
register_sidebar(
array(
'id' => 'announcement-resources-middle-widgets',
'name' => __( 'Resources Announcement middle', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources secondary area.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides announcement middle">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide middle %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
@ -83,5 +113,5 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
);
}
add_action( 'widgets_init', 'foundationpress_sidebar_widgets' );
add_action( 'widgets_init', 'arcHIVE_sidebar_widgets' );
endif;

2
src/assets/scss/_settings.scss
View File

@ -461,7 +461,7 @@ $select-background: $white;
$select-triangle-color: $dark-gray;
$select-radius: $global-radius;
$input-color: $black;
$input-placeholder-color: $medium-gray;
$input-placeholder-color: scale-color($primary-color, $lightness: 35%);//$medium-gray;
$input-font-family: inherit;
$input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal;

76
src/assets/scss/components/_forms.scss
View File

@ -1,5 +1,5 @@
// search elements
.search{
.search {
.input-group {
position: relative;
border-radius: 4rem;
@ -16,14 +16,14 @@
.input-group * {
margin: 0;
}
.button{
.button {
border-color: $primary-color;
}
.appear{
.appear {
display:none;
}
input{
&:active{
input {
&:active {
border-color: $primary-color;
background-color: $input-background-focus;
}
@ -51,9 +51,9 @@
.hollow {
border-color: $primary-color;
color: $primary-color;
&::after {
&:after {
}
&::placeholder {
&:placeholder {
color: scale-color($primary-color, $lightness: -20%);
}
&:hover {
@ -87,7 +87,67 @@ article,.omekas-entry-content {
}
}
}
// wordpress
.search-form {
display: flex;
justify-content: center;
align-content: center;
.search-field {
margin-bottom: 0;
}
label {
width: 40vw;
max-width: 30rem;
}
input[type="search"] {
padding-left: $global-padding;
padding-right: $global-padding;
border: $input-border;
background-color: $input-background-focus;
border-radius: $global-radius-archive;
}
input[type="submit"]{
@extend button;
width:0px;
min-width: unset !important;
height:0px;
background-color: $input-background-focus;
border-radius: $global-radius-archive;
}
&:active,&:focus,&:focus-within{
label {
width: calc(40vw + 10rem);
margin-right: -10rem;
}
input[type="submit"] {
width:auto;
min-width: 10rem !important;
height:auto;
background-color: scale-color($input-background-focus, $lightness: -20%);
}
input[type="search"] {
padding-right: 11rem;
border-color: $primary-color;
background-color: $input-background-focus;
&:not(:placeholder-shown) {
border:none;
background-color: $input-background-focus;
color: $primary-color;
//position: relative;
//padding-right: $global-padding * 9;
//+ .appear {
// display: block;
// background-color: scale-color($input-background-focus, $lightness: -20%);
// z-index: 2;
// &:hover {
// color: $white;
// background-color: $primary-color;
// }
//}
}
}
}
}
// contact form 7
//

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

@ -1,219 +1,216 @@
//content {
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-color;
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-color;
}
}
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
}
}
//
// main block
//--------------
main {
article {
@include xy-grid;
header {
@include xy-cell(12);
.entry-title {
width: 100%;
text-align: center;
}
}
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
.entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
margin:0 auto;
}
@include breakpoint(xlarge){
@include xy-cell(12);
max-width: 50rem;
padding: $global-padding*2 $global-padding*3;
font-size: $global-font-size*1.2;
margin: 0 auto;
}
}
//
// main block
//--------------
}
}
main {
article {
@include xy-grid;
header {
@include xy-cell(12);
.entry-title {
width: 100%;
text-align: center;
}
}
.entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
margin:0 auto;
}
@include breakpoint(xlarge){
@include xy-cell(12);
max-width: 50rem;
padding: $global-padding*2 $global-padding*3;
font-size: $global-font-size*1.2;
margin: 0 auto;
}
}
}
//
// category view and news
//--------------
.category-posts,.archive-posts {
@include xy-grid;
header,main,aside {
@include breakpoint(small){
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding-top: $global-padding*3;
}
//
// category view and news
//--------------
.category-posts,.archive-posts {
@include xy-grid;
header,main,aside {
@include breakpoint(medium){
}
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(6);
}
@include breakpoint(large){
@include xy-cell(4);
}
figure {
@include breakpoint(small){
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding-top: $global-padding*3;
height: 58vw;
max-width: 100%;
overflow: hidden;
background-image: url('../img/ARC-HIVE-logo.svg');
background-color: rgb(240,240,240);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
main {
//@include xy-cell(12);
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(6);
}
@include breakpoint(large){
@include xy-cell(4);
}
figure {
@include breakpoint(small){
@include xy-cell(12);
height: 58vw;
max-width: 100%;
overflow: hidden;
background-image: url('../img/ARC-HIVE-logo.svg');
background-color: rgb(240,240,240);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
.entry-title {
padding-top: $global-padding*2;
line-height: 0.7;
font-size: $global-font-size*1.5;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top: $global-padding*3;
padding-bottom: 0;
.entry-title {
padding-top: $global-padding*2;
line-height: 0.7;
font-size: $global-font-size*1.5;
}
}
}
aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top: $global-padding*3;
padding-bottom: 0;
}
}
&.resources {
@include xy-grid;
header,main,aside {
}
main {
article{
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
}
@include breakpoint(medium){
height: 18vw;
}
@include breakpoint(large){
height: 10vw;
}
}
}
&.resources {
@include xy-grid;
header,main,aside {
}
main {
article{
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
}
@include breakpoint(medium){
height: 18vw;
}
@include breakpoint(large){
height: 10vw;
}
}
}
}
}
// end category-posts
// end category-posts
//
// collections category
//--------------
//
// collections category
//--------------
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
}
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
@include breakpoint(medium){
}
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
@include breakpoint(medium){
}
@include breakpoint(large){
}
}
}
aside {
@include breakpoint(large){
}
}
// end news & resources category
}
aside {
}
}
// end news & resources category
//
// partners
// for big announcemnts
//---------------------
//
// partners
// for big announcemnts
//---------------------
.partners {
.entry-content {
@ -242,118 +239,156 @@
}
}
//
// hero
// for big announcemnts
//---------------------
//
// hero
// for big announcemnts
//---------------------
.hero {
.slides {
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
.hero {
.slides {
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
}
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
// &.widget_media_image {
// justify-content: unset;
// align-content: stretch;
// }
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
}
@include breakpoint(medium){
&.widget_text p,.textwidget {
max-width: 50rem;
margin:auto;
padding: $global-padding * 2;
font-size: $global-font-size*1.3;
}
}
@include breakpoint(large){
width: 50%;
height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
@include flex;
@include flex-align (center,middle);
}
&.widget_media_image {
overflow: hidden;
img {
// max-width: unset !important;
height: 100% !important;
}
&.widget_text p,.textwidget {
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding*3;
}
}
@include breakpoint(xxlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.6;
padding: $global-padding*3;
}
}
&:nth-child(odd) {
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
width:100%;
}
}
}
}
aside {
@include xy-grid();
background-color: $secondary-color;
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
@include breakpoint(medium){
&.widget_text p,.textwidget {
max-width: 50rem;
margin:auto;
padding: $global-padding * 2;
//font-size: $global-font-size*1.3;
}
}
@include breakpoint(large){
width: 50%;
//height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
color: $body-font-color;
@include flex;
@include flex-align (center,middle);
}
.button {
justify-content:center;
img {
//height: 100% !important;
//width: 100%;
}
&.widget_text p,.textwidget {
font-size: $global-font-size*1.1;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.15;
padding: $global-padding*3;
}
}
@include breakpoint(xxlarge){
&.widget_text p,.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding*3;
}
}
&:nth-child(odd) {
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
//&.announcement.top {
&.announcement {
.slide {
width: 100%;
}
.widget_nav_menu,.widget_tag_cloud {
width: auto;
}
.widget_tag_cloud {
h6 {
display:none;
}
a{
display: inline;
}
}
}
&.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
a {
//border: 1px solid black;
//border-radius: 2rem;
//padding: 1rem;
//color:blue;
}
}
}
//end hero
//}
// end content
aside {
@include xy-grid();
background-color: $secondary-color;
.slides {
width: 100%;
.slide {
width: 100%;
&:nth-child(odd) {
background-color: $secondary-color;
}
}
}
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//end hero

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

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

4
template-parts/home-announcement-main.php
View File

@ -10,8 +10,10 @@
<section class="hero hero-main">
<!--main class="slides"-->
<?php dynamic_sidebar( 'home-announcement-widgets' ); ?>
<?php dynamic_sidebar( 'home-announcement-widgets-top-primary' ); ?>
<!--/main-->
<aside>
<?php foundationpress_home_hero_bar(); ?>
<?php dynamic_sidebar( 'home-announcement-widgets-top-secondary' ); ?>
<?php //foundationpress_home_hero_bar(); ?>
</aside>
</section>