//content { // 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; } } .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){ } } 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; } } } 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; } } } } } // end category-posts // // 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(); } @include breakpoint(medium){ } @include breakpoint(large){ } } } aside { } } // end news & resources category // // partners // for big announcemnts //--------------------- .partners { .entry-content { max-width: unset; p { padding-left: 30vw; padding-bottom: 2rem; margin-bottom: 2rem; &:after { content: ''; display: inline-block; border-bottom: 1px solid $body-font-color; width: 100vw; position: absolute; left: 0; padding-top: 2rem; } } .alignleft { margin: 0; padding: 0; } .wp-block-image { margin: 0; } } } // // 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; } // &.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: $primary-color; font-variant:all-small-caps; * { color: $white; } } color: $white; .logo { @include breakpoint(medium){ max-width: 80%; } } } } 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; } } } //hero secondary &.secondary { border-top: none; background-color: $secondary-color; .slide{ figure { background-color: unset; } } } } //end hero //} // end content