added widget areas for bette custom. modified css for them
This commit is contained in:
parent
577977bfb3
commit
46e4a55bff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 288 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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,139 @@
|
|||
}
|
||||
}
|
||||
|
||||
//
|
||||
// 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;
|
||||
}
|
||||
&.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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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,139 @@
|
|||
}
|
||||
}
|
||||
|
||||
//
|
||||
// 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;
|
||||
}
|
||||
&.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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue