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

No commits in common. "04fedfcda294ba823c78531ba213a6c833f8924a" and "577977bfb3cef7cbdc95df09f93b8cb39e4192cb" have entirely different histories.
04fedfcda2 ... 577977bfb3

10 changed files with 614 additions and 837 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: scale-color($primary-color, $lightness: 35%);//$medium-gray;
$input-placeholder-color: $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,67 +87,7 @@ 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
//

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

@ -1,216 +1,219 @@
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
//content {
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
// 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 {
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;
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-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;
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
}
}
}
}
//
// main block
//--------------
//
// 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;
}
@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);
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;
}
}
}
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{
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;
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
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;
}
}
@include breakpoint(medium){
height: 18vw;
}
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 {
}
@include breakpoint(large){
height: 10vw;
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;
}
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();
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
}
@include breakpoint(medium){
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
}
@include breakpoint(large){
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
@include breakpoint(medium){
}
@include breakpoint(large){
}
}
}
aside {
}
}
}
aside {
}
}
// end news & resources category
// end news & resources category
//
// partners
// for big announcemnts
//---------------------
//
// partners
// for big announcemnts
//---------------------
.partners {
.entry-content {
@ -239,156 +242,118 @@ main {
}
}
//
// 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;
}
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
&.widget_media_image {
overflow: hidden;
img {
width:100%;
}
}
}
@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);
}
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%;
}
}
}
//&.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;
}
}
}
aside {
@include xy-grid();
background-color: $secondary-color;
.hero {
.slides {
width: 100%;
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
width: 100%;
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
}
// &.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);
}
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: $secondary-color;
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
}
}
}
}
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
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 ;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
}
.button {
justify-content:center;
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//end hero
//end hero
//}
// end content

60
library/widget-areas.php
View File

@ -6,14 +6,14 @@
* @since arcHIVE-theme 1.0.0
*/
if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
function arcHIVE_sidebar_widgets() {
if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
function foundationpress_sidebar_widgets() {
register_sidebar(
array(
'id' => 'home-announcement-widgets-top-primary',
'name' => __( 'Home Announcement Top Primary area', 'foundationpress' ),
'id' => 'home-announcement-widgets',
'name' => __( 'Home Announcement widgets', '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 top primary">',
'before_sidebar'=> '<main class="slides">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
'after_widget' => '</section>',
@ -21,25 +21,12 @@ if ( ! function_exists( 'arcHIVE_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', 'foundationpress' ),
'name' => __( 'Home Announcement Middle widgets', '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 middle">',
'before_sidebar'=> '<main class="slides">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
'after_widget' => '</section>',
@ -50,9 +37,9 @@ if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
register_sidebar(
array(
'id' => 'home-announcement-bottom-widgets',
'name' => __( 'Home Announcement Bottom', 'foundationpress' ),
'name' => __( 'Home Announcement Bottom widgets', '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 bottom">',
'before_sidebar'=> '<main class="slides">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
'after_widget' => '</section>',
@ -63,10 +50,8 @@ if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
register_sidebar(
array(
'id' => 'announcement-widgets',
'name' => __( 'Announcement', 'foundationpress' ),
'name' => __( 'Announcement widgets', '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>',
@ -75,25 +60,10 @@ if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
);
register_sidebar(
array(
'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">',
'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">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
@ -113,5 +83,5 @@ if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
);
}
add_action( 'widgets_init', 'arcHIVE_sidebar_widgets' );
add_action( 'widgets_init', 'foundationpress_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: scale-color($primary-color, $lightness: 35%);//$medium-gray;
$input-placeholder-color: $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,67 +87,7 @@ 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
//

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

@ -1,216 +1,219 @@
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
//content {
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
// 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 {
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;
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-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;
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
}
}
}
}
//
// main block
//--------------
//
// 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;
}
@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);
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;
}
}
}
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{
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;
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
figure {
@include breakpoint(small){
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;
}
}
@include breakpoint(medium){
height: 18vw;
}
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 {
}
@include breakpoint(large){
height: 10vw;
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;
}
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();
.collections-list {
@include xy-grid;
header,main,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*3 0;
}
@include breakpoint(medium){
header {
border-top: 1px solid $body-font-color;
padding: $global-padding*4 0;
}
@include breakpoint(large){
main {
@include xy-grid;
article{
text-align:center;
@include card-container();
@include breakpoint(small){
@include xy-cell();
}
@include breakpoint(medium){
}
@include breakpoint(large){
}
}
}
aside {
}
}
}
aside {
}
}
// end news & resources category
// end news & resources category
//
// partners
// for big announcemnts
//---------------------
//
// partners
// for big announcemnts
//---------------------
.partners {
.entry-content {
@ -239,156 +242,118 @@ main {
}
}
//
// 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;
}
@include breakpoint(small){
width: 100vw;
margin: 0;
&.widget_text p,.textwidget {
padding: $global-padding * 2;
}
&.widget_media_image {
overflow: hidden;
img {
width:100%;
}
}
}
@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);
}
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%;
}
}
}
//&.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;
}
}
}
aside {
@include xy-grid();
background-color: $secondary-color;
.hero {
.slides {
width: 100%;
@include xy-grid();
border-top: 2px solid $primary-color;
.slide {
width: 100%;
@include xy-grid;
&.widget {
display: flex;
align-content: center;
justify-content: center;
}
// &.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);
}
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: $secondary-color;
background-color: $primary-color;
font-variant:all-small-caps;
* {
color: $white;
}
}
color: $white;
.logo {
@include breakpoint(medium){
max-width: 80%;
}
}
}
}
nav {
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
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 ;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
}
.button {
justify-content:center;
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//hero secondary
&.secondary {
border-top: none;
background-color: $secondary-color;
.slide{
figure {
background-color: unset;
}
}
}
}
//end hero
//end hero
//}
// end content

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

@ -8,9 +8,8 @@
?>
<section class="hero hero-announcement resources">
<?php dynamic_sidebar( 'announcement-resources-top-widgets' ); ?>
<?php dynamic_sidebar( 'announcement-resources-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,10 +10,8 @@
<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 dynamic_sidebar( 'home-announcement-widgets-top-secondary' ); ?>
<?php //foundationpress_home_hero_bar(); ?>
<?php foundationpress_home_hero_bar(); ?>
</aside>
</section>