Compare commits
3 Commits
577977bfb3
...
04fedfcda2
| Author | SHA1 | Date |
|---|---|---|
 jorge
|
04fedfcda2 | |
|
jorge
|
0583982e49 | |
|
jorge
|
46e4a55bff |
File diff suppressed because one or more lines are too long
|
|
@ -461,7 +461,7 @@ $select-background: $white;
|
||||||
$select-triangle-color: $dark-gray;
|
$select-triangle-color: $dark-gray;
|
||||||
$select-radius: $global-radius;
|
$select-radius: $global-radius;
|
||||||
$input-color: $black;
|
$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-family: inherit;
|
||||||
$input-font-size: rem-calc(16);
|
$input-font-size: rem-calc(16);
|
||||||
$input-font-weight: $global-weight-normal;
|
$input-font-weight: $global-weight-normal;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
// search elements
|
// search elements
|
||||||
.search{
|
.search {
|
||||||
.input-group {
|
.input-group {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 4rem;
|
border-radius: 4rem;
|
||||||
|
|
@ -16,14 +16,14 @@
|
||||||
.input-group * {
|
.input-group * {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.button{
|
.button {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
}
|
}
|
||||||
.appear{
|
.appear {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
input{
|
input {
|
||||||
&:active{
|
&:active {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
background-color: $input-background-focus;
|
background-color: $input-background-focus;
|
||||||
}
|
}
|
||||||
|
|
@ -51,9 +51,9 @@
|
||||||
.hollow {
|
.hollow {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
&::after {
|
&:after {
|
||||||
}
|
}
|
||||||
&::placeholder {
|
&:placeholder {
|
||||||
color: scale-color($primary-color, $lightness: -20%);
|
color: scale-color($primary-color, $lightness: -20%);
|
||||||
}
|
}
|
||||||
&:hover {
|
&: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
|
// contact form 7
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,219 +1,216 @@
|
||||||
//content {
|
// general styles
|
||||||
|
//----------------
|
||||||
|
//
|
||||||
|
// mods on fonts and typography
|
||||||
|
// not in foundation variables
|
||||||
|
// -----------------------------
|
||||||
|
|
||||||
// general styles
|
h1,h2,h3,h4,h5,h6,
|
||||||
//----------------
|
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
|
||||||
//
|
button,.button,
|
||||||
// mods on fonts and typography
|
header nav,
|
||||||
// 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,h5,h6,
|
||||||
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
||||||
font-variant:all-small-caps;
|
font-variant:all-small-caps;
|
||||||
a {
|
a {
|
||||||
color: $body-font-color;
|
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{
|
.entry-content {
|
||||||
a {
|
@include breakpoint(small){
|
||||||
color: $body-font-color;
|
@include xy-cell(12);
|
||||||
&:hover {
|
padding: $global-padding*2 ;
|
||||||
p {
|
margin:0 auto;
|
||||||
color: $anchor-color;
|
}
|
||||||
}
|
@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 {
|
// category view and news
|
||||||
@include xy-grid;
|
//--------------
|
||||||
header {
|
|
||||||
@include xy-cell(12);
|
.category-posts,.archive-posts {
|
||||||
.entry-title {
|
@include xy-grid;
|
||||||
width: 100%;
|
header,main,aside {
|
||||||
text-align: center;
|
@include breakpoint(small){
|
||||||
}
|
@include xy-cell(12);
|
||||||
}
|
@include flex;
|
||||||
.entry-content {
|
@include flex-align(center,top);
|
||||||
@include breakpoint(small){
|
padding-top: $global-padding*3;
|
||||||
@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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
}
|
||||||
//
|
}
|
||||||
// category view and news
|
main {
|
||||||
//--------------
|
@include xy-grid;
|
||||||
|
article{
|
||||||
.category-posts,.archive-posts {
|
text-align:center;
|
||||||
@include xy-grid;
|
@include card-container();
|
||||||
header,main,aside {
|
@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 breakpoint(small){
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex;
|
height: 58vw;
|
||||||
@include flex-align(center,top);
|
max-width: 100%;
|
||||||
padding-top: $global-padding*3;
|
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){
|
@include breakpoint(medium){
|
||||||
|
height: 28vw;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
height: 20vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
main {
|
.date {
|
||||||
//@include xy-cell(12);
|
height: 1rem;
|
||||||
@include xy-grid;
|
padding-top: $global-padding*2;
|
||||||
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 {
|
.entry-title {
|
||||||
@include breakpoint(small){
|
padding-top: $global-padding*2;
|
||||||
padding-top:0;
|
line-height: 0.7;
|
||||||
padding-bottom: $global-padding*3;
|
font-size: $global-font-size*1.5;
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
}
|
||||||
padding-top: $global-padding*3;
|
}
|
||||||
padding-bottom: 0;
|
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{
|
&.resources {
|
||||||
@include breakpoint(small){
|
@include xy-grid;
|
||||||
@include xy-cell(12);
|
header,main,aside {
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
main {
|
||||||
@include xy-cell(1 of 3);
|
article{
|
||||||
}
|
@include breakpoint(small){
|
||||||
@include breakpoint(large){
|
@include xy-cell(12);
|
||||||
@include xy-cell(1 of 5);
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
}
|
@include xy-cell(1 of 3);
|
||||||
figure {
|
}
|
||||||
@include breakpoint(small){
|
@include breakpoint(large){
|
||||||
}
|
@include xy-cell(1 of 5);
|
||||||
@include breakpoint(medium){
|
}
|
||||||
height: 18vw;
|
}
|
||||||
}
|
figure {
|
||||||
@include breakpoint(large){
|
@include breakpoint(small){
|
||||||
height: 10vw;
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
}
|
height: 18vw;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
height: 10vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// end category-posts
|
// end category-posts
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// collections category
|
// collections category
|
||||||
//--------------
|
//--------------
|
||||||
|
|
||||||
.collections-list {
|
.collections-list {
|
||||||
@include xy-grid;
|
@include xy-grid;
|
||||||
header,main,aside {
|
header,main,aside {
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex;
|
@include flex;
|
||||||
@include flex-align(center,top);
|
@include flex-align(center,top);
|
||||||
padding: $global-padding*3 0;
|
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 {
|
@include breakpoint(medium){
|
||||||
border-top: 1px solid $body-font-color;
|
|
||||||
padding: $global-padding*4 0;
|
|
||||||
}
|
}
|
||||||
main {
|
@include breakpoint(large){
|
||||||
@include xy-grid;
|
|
||||||
article{
|
|
||||||
text-align:center;
|
|
||||||
@include card-container();
|
|
||||||
@include breakpoint(small){
|
|
||||||
@include xy-cell();
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
}
|
|
||||||
@include breakpoint(large){
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
aside {
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// end news & resources category
|
}
|
||||||
|
aside {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// end news & resources category
|
||||||
|
|
||||||
//
|
//
|
||||||
// partners
|
// partners
|
||||||
// for big announcemnts
|
// for big announcemnts
|
||||||
//---------------------
|
//---------------------
|
||||||
|
|
||||||
.partners {
|
.partners {
|
||||||
.entry-content {
|
.entry-content {
|
||||||
|
|
@ -242,118 +239,156 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// hero
|
// hero
|
||||||
// for big announcemnts
|
// for big announcemnts
|
||||||
//---------------------
|
//---------------------
|
||||||
|
|
||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
.slides {
|
.slides {
|
||||||
@include xy-grid();
|
@include xy-grid();
|
||||||
border-top: 2px solid $primary-color;
|
border-top: 2px solid $primary-color;
|
||||||
.slide {
|
.slide {
|
||||||
@include xy-grid;
|
@include xy-grid;
|
||||||
&.widget {
|
&.widget {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
}
|
||||||
|
@include breakpoint(small){
|
||||||
|
width: 100vw;
|
||||||
|
margin: 0;
|
||||||
|
&.widget_text p,.textwidget {
|
||||||
|
padding: $global-padding * 2;
|
||||||
}
|
}
|
||||||
// &.widget_media_image {
|
&.widget_media_image {
|
||||||
// justify-content: unset;
|
overflow: hidden;
|
||||||
// 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 {
|
img {
|
||||||
// max-width: unset !important;
|
width:100%;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
aside {
|
&.widget_text p,.textwidget {
|
||||||
@include xy-grid();
|
max-width: 50rem;
|
||||||
background-color: $secondary-color;
|
margin:auto;
|
||||||
nav {
|
padding: $global-padding * 2;
|
||||||
@include xy-cell(auto);
|
//font-size: $global-font-size*1.3;
|
||||||
@include flex;
|
}
|
||||||
@include flex-align(spaced,middle);
|
}
|
||||||
min-height: 6rem;
|
@include breakpoint(large){
|
||||||
padding: $global-padding 0 ;
|
width: 50%;
|
||||||
|
//height: calc((50vw*9)/16);
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
overflow:hidden;
|
||||||
a {
|
a {
|
||||||
color: $body-font-color;
|
@include flex;
|
||||||
|
@include flex-align (center,middle);
|
||||||
}
|
}
|
||||||
.button {
|
img {
|
||||||
justify-content:center;
|
//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
|
//&.announcement.top {
|
||||||
&.secondary {
|
&.announcement {
|
||||||
border-top: none;
|
.slide {
|
||||||
background-color: $secondary-color;
|
width: 100%;
|
||||||
.slide{
|
}
|
||||||
figure {
|
.widget_nav_menu,.widget_tag_cloud {
|
||||||
background-color: unset;
|
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
|
aside {
|
||||||
|
@include xy-grid();
|
||||||
//}
|
background-color: $secondary-color;
|
||||||
// end content
|
.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
|
* @since arcHIVE-theme 1.0.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
|
||||||
function foundationpress_sidebar_widgets() {
|
function arcHIVE_sidebar_widgets() {
|
||||||
register_sidebar(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'id' => 'home-announcement-widgets',
|
'id' => 'home-announcement-widgets-top-primary',
|
||||||
'name' => __( 'Home Announcement widgets', 'foundationpress' ),
|
'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' ),
|
'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>',
|
'after_sidebar' => '</main>',
|
||||||
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
|
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
|
||||||
'after_widget' => '</section>',
|
'after_widget' => '</section>',
|
||||||
|
|
@ -21,12 +21,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
||||||
'after_title' => '</h6>',
|
'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(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'id' => 'home-announcement-middle-widgets',
|
'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' ),
|
'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>',
|
'after_sidebar' => '</main>',
|
||||||
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
|
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
|
||||||
'after_widget' => '</section>',
|
'after_widget' => '</section>',
|
||||||
|
|
@ -37,9 +50,9 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
||||||
register_sidebar(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'id' => 'home-announcement-bottom-widgets',
|
'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' ),
|
'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>',
|
'after_sidebar' => '</main>',
|
||||||
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
|
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
|
||||||
'after_widget' => '</section>',
|
'after_widget' => '</section>',
|
||||||
|
|
@ -50,8 +63,10 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
||||||
register_sidebar(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'id' => 'announcement-widgets',
|
'id' => 'announcement-widgets',
|
||||||
'name' => __( 'Announcement widgets', 'foundationpress' ),
|
'name' => __( 'Announcement', 'foundationpress' ),
|
||||||
'description' => __( 'Drag widgets to this announcement container.', '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">',
|
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
|
||||||
'after_widget' => '</section>',
|
'after_widget' => '</section>',
|
||||||
'before_title' => '<h6>',
|
'before_title' => '<h6>',
|
||||||
|
|
@ -60,10 +75,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
|
||||||
);
|
);
|
||||||
register_sidebar(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'id' => 'announcement-resources-widgets',
|
'id' => 'announcement-resources-top-widgets',
|
||||||
'name' => __( 'Announcement Resources widgets', 'foundationpress' ),
|
'name' => __( 'Resources Announcement top', 'foundationpress' ),
|
||||||
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources.', 'foundationpress' ),
|
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources primary area.', 'foundationpress' ),
|
||||||
'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
|
'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>',
|
'after_widget' => '</section>',
|
||||||
'before_title' => '<h6>',
|
'before_title' => '<h6>',
|
||||||
'after_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;
|
endif;
|
||||||
|
|
|
||||||
|
|
@ -461,7 +461,7 @@ $select-background: $white;
|
||||||
$select-triangle-color: $dark-gray;
|
$select-triangle-color: $dark-gray;
|
||||||
$select-radius: $global-radius;
|
$select-radius: $global-radius;
|
||||||
$input-color: $black;
|
$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-family: inherit;
|
||||||
$input-font-size: rem-calc(16);
|
$input-font-size: rem-calc(16);
|
||||||
$input-font-weight: $global-weight-normal;
|
$input-font-weight: $global-weight-normal;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
// search elements
|
// search elements
|
||||||
.search{
|
.search {
|
||||||
.input-group {
|
.input-group {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 4rem;
|
border-radius: 4rem;
|
||||||
|
|
@ -16,14 +16,14 @@
|
||||||
.input-group * {
|
.input-group * {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.button{
|
.button {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
}
|
}
|
||||||
.appear{
|
.appear {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
input{
|
input {
|
||||||
&:active{
|
&:active {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
background-color: $input-background-focus;
|
background-color: $input-background-focus;
|
||||||
}
|
}
|
||||||
|
|
@ -51,9 +51,9 @@
|
||||||
.hollow {
|
.hollow {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
&::after {
|
&:after {
|
||||||
}
|
}
|
||||||
&::placeholder {
|
&:placeholder {
|
||||||
color: scale-color($primary-color, $lightness: -20%);
|
color: scale-color($primary-color, $lightness: -20%);
|
||||||
}
|
}
|
||||||
&:hover {
|
&: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
|
// contact form 7
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,219 +1,216 @@
|
||||||
//content {
|
// general styles
|
||||||
|
//----------------
|
||||||
|
//
|
||||||
|
// mods on fonts and typography
|
||||||
|
// not in foundation variables
|
||||||
|
// -----------------------------
|
||||||
|
|
||||||
// general styles
|
h1,h2,h3,h4,h5,h6,
|
||||||
//----------------
|
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
|
||||||
//
|
button,.button,
|
||||||
// mods on fonts and typography
|
header nav,
|
||||||
// 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,h5,h6,
|
||||||
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
||||||
font-variant:all-small-caps;
|
font-variant:all-small-caps;
|
||||||
a {
|
a {
|
||||||
color: $body-font-color;
|
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{
|
.entry-content {
|
||||||
a {
|
@include breakpoint(small){
|
||||||
color: $body-font-color;
|
@include xy-cell(12);
|
||||||
&:hover {
|
padding: $global-padding*2 ;
|
||||||
p {
|
margin:0 auto;
|
||||||
color: $anchor-color;
|
}
|
||||||
}
|
@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 {
|
// category view and news
|
||||||
@include xy-grid;
|
//--------------
|
||||||
header {
|
|
||||||
@include xy-cell(12);
|
.category-posts,.archive-posts {
|
||||||
.entry-title {
|
@include xy-grid;
|
||||||
width: 100%;
|
header,main,aside {
|
||||||
text-align: center;
|
@include breakpoint(small){
|
||||||
}
|
@include xy-cell(12);
|
||||||
}
|
@include flex;
|
||||||
.entry-content {
|
@include flex-align(center,top);
|
||||||
@include breakpoint(small){
|
padding-top: $global-padding*3;
|
||||||
@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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
}
|
||||||
//
|
}
|
||||||
// category view and news
|
main {
|
||||||
//--------------
|
@include xy-grid;
|
||||||
|
article{
|
||||||
.category-posts,.archive-posts {
|
text-align:center;
|
||||||
@include xy-grid;
|
@include card-container();
|
||||||
header,main,aside {
|
@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 breakpoint(small){
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex;
|
height: 58vw;
|
||||||
@include flex-align(center,top);
|
max-width: 100%;
|
||||||
padding-top: $global-padding*3;
|
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){
|
@include breakpoint(medium){
|
||||||
|
height: 28vw;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
height: 20vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
main {
|
.date {
|
||||||
//@include xy-cell(12);
|
height: 1rem;
|
||||||
@include xy-grid;
|
padding-top: $global-padding*2;
|
||||||
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 {
|
.entry-title {
|
||||||
@include breakpoint(small){
|
padding-top: $global-padding*2;
|
||||||
padding-top:0;
|
line-height: 0.7;
|
||||||
padding-bottom: $global-padding*3;
|
font-size: $global-font-size*1.5;
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
}
|
||||||
padding-top: $global-padding*3;
|
}
|
||||||
padding-bottom: 0;
|
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{
|
&.resources {
|
||||||
@include breakpoint(small){
|
@include xy-grid;
|
||||||
@include xy-cell(12);
|
header,main,aside {
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
main {
|
||||||
@include xy-cell(1 of 3);
|
article{
|
||||||
}
|
@include breakpoint(small){
|
||||||
@include breakpoint(large){
|
@include xy-cell(12);
|
||||||
@include xy-cell(1 of 5);
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
}
|
@include xy-cell(1 of 3);
|
||||||
figure {
|
}
|
||||||
@include breakpoint(small){
|
@include breakpoint(large){
|
||||||
}
|
@include xy-cell(1 of 5);
|
||||||
@include breakpoint(medium){
|
}
|
||||||
height: 18vw;
|
}
|
||||||
}
|
figure {
|
||||||
@include breakpoint(large){
|
@include breakpoint(small){
|
||||||
height: 10vw;
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
}
|
height: 18vw;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
height: 10vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// end category-posts
|
// end category-posts
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// collections category
|
// collections category
|
||||||
//--------------
|
//--------------
|
||||||
|
|
||||||
.collections-list {
|
.collections-list {
|
||||||
@include xy-grid;
|
@include xy-grid;
|
||||||
header,main,aside {
|
header,main,aside {
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex;
|
@include flex;
|
||||||
@include flex-align(center,top);
|
@include flex-align(center,top);
|
||||||
padding: $global-padding*3 0;
|
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 {
|
@include breakpoint(medium){
|
||||||
border-top: 1px solid $body-font-color;
|
|
||||||
padding: $global-padding*4 0;
|
|
||||||
}
|
}
|
||||||
main {
|
@include breakpoint(large){
|
||||||
@include xy-grid;
|
|
||||||
article{
|
|
||||||
text-align:center;
|
|
||||||
@include card-container();
|
|
||||||
@include breakpoint(small){
|
|
||||||
@include xy-cell();
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
}
|
|
||||||
@include breakpoint(large){
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
aside {
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// end news & resources category
|
}
|
||||||
|
aside {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// end news & resources category
|
||||||
|
|
||||||
//
|
//
|
||||||
// partners
|
// partners
|
||||||
// for big announcemnts
|
// for big announcemnts
|
||||||
//---------------------
|
//---------------------
|
||||||
|
|
||||||
.partners {
|
.partners {
|
||||||
.entry-content {
|
.entry-content {
|
||||||
|
|
@ -242,118 +239,156 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// hero
|
// hero
|
||||||
// for big announcemnts
|
// for big announcemnts
|
||||||
//---------------------
|
//---------------------
|
||||||
|
|
||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
.slides {
|
.slides {
|
||||||
@include xy-grid();
|
@include xy-grid();
|
||||||
border-top: 2px solid $primary-color;
|
border-top: 2px solid $primary-color;
|
||||||
.slide {
|
.slide {
|
||||||
@include xy-grid;
|
@include xy-grid;
|
||||||
&.widget {
|
&.widget {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
}
|
||||||
|
@include breakpoint(small){
|
||||||
|
width: 100vw;
|
||||||
|
margin: 0;
|
||||||
|
&.widget_text p,.textwidget {
|
||||||
|
padding: $global-padding * 2;
|
||||||
}
|
}
|
||||||
// &.widget_media_image {
|
&.widget_media_image {
|
||||||
// justify-content: unset;
|
overflow: hidden;
|
||||||
// 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 {
|
img {
|
||||||
// max-width: unset !important;
|
width:100%;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
@include breakpoint(medium){
|
||||||
aside {
|
&.widget_text p,.textwidget {
|
||||||
@include xy-grid();
|
max-width: 50rem;
|
||||||
background-color: $secondary-color;
|
margin:auto;
|
||||||
nav {
|
padding: $global-padding * 2;
|
||||||
@include xy-cell(auto);
|
//font-size: $global-font-size*1.3;
|
||||||
@include flex;
|
}
|
||||||
@include flex-align(spaced,middle);
|
}
|
||||||
min-height: 6rem;
|
@include breakpoint(large){
|
||||||
padding: $global-padding 0 ;
|
width: 50%;
|
||||||
|
//height: calc((50vw*9)/16);
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
overflow:hidden;
|
||||||
a {
|
a {
|
||||||
color: $body-font-color;
|
@include flex;
|
||||||
|
@include flex-align (center,middle);
|
||||||
}
|
}
|
||||||
.button {
|
img {
|
||||||
justify-content:center;
|
//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
|
//&.announcement.top {
|
||||||
&.secondary {
|
&.announcement {
|
||||||
border-top: none;
|
.slide {
|
||||||
background-color: $secondary-color;
|
width: 100%;
|
||||||
.slide{
|
}
|
||||||
figure {
|
.widget_nav_menu,.widget_tag_cloud {
|
||||||
background-color: unset;
|
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
|
aside {
|
||||||
|
@include xy-grid();
|
||||||
//}
|
background-color: $secondary-color;
|
||||||
// end content
|
.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">
|
<section class="hero hero-announcement resources">
|
||||||
<?php dynamic_sidebar( 'announcement-resources-widgets' ); ?>
|
<?php dynamic_sidebar( 'announcement-resources-top-widgets' ); ?>
|
||||||
<aside>
|
<aside>
|
||||||
|
<?php dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
|
||||||
<?php //insert menu here; ?>
|
<?php //insert menu here; ?>
|
||||||
<?php //foundationpress_announcement_bar(); ?>
|
<?php //foundationpress_announcement_bar(); ?>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,10 @@
|
||||||
<section class="hero hero-main">
|
<section class="hero hero-main">
|
||||||
<!--main class="slides"-->
|
<!--main class="slides"-->
|
||||||
<?php dynamic_sidebar( 'home-announcement-widgets' ); ?>
|
<?php dynamic_sidebar( 'home-announcement-widgets' ); ?>
|
||||||
|
<?php dynamic_sidebar( 'home-announcement-widgets-top-primary' ); ?>
|
||||||
<!--/main-->
|
<!--/main-->
|
||||||
<aside>
|
<aside>
|
||||||
<?php foundationpress_home_hero_bar(); ?>
|
<?php dynamic_sidebar( 'home-announcement-widgets-top-secondary' ); ?>
|
||||||
|
<?php //foundationpress_home_hero_bar(); ?>
|
||||||
</aside>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue