run scss compiler
This commit is contained in:
parent
7f20b6c703
commit
613297618e
File diff suppressed because one or more lines are too long
|
@ -33,8 +33,8 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
// aside sigle post format
|
||||
.format-aside{
|
||||
@include breakpoint(small) {
|
||||
.entry-content {
|
||||
}
|
||||
// .entry-content {
|
||||
// }
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
.entry-title{
|
||||
|
@ -52,94 +52,207 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
|
||||
// presentation as home and category archive
|
||||
.home,.archive{
|
||||
.main-container {
|
||||
// @include xy-grid-container(100vw,0);
|
||||
@include xy-grid-container(100vw,$global-padding*2);
|
||||
overflow: hidden;
|
||||
.main-grid {
|
||||
.main-content {
|
||||
@include xy-cell(12,padding,0);
|
||||
.bfr_category_archive {
|
||||
@include xy-grid();
|
||||
.main-container {
|
||||
@include xy-grid-container(100vw,$global-padding*2);
|
||||
overflow: hidden;
|
||||
.main-content {
|
||||
@include xy-cell(12,padding,0);
|
||||
.bfr_category_archive {
|
||||
@include xy-grid();
|
||||
}
|
||||
.bfr_post {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
margin-bottom: $global-margin;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
background-color: $light-gray;
|
||||
padding: $global-padding * 1;
|
||||
border-radius: $button-radius / 2;
|
||||
}
|
||||
.bfr_post_content {
|
||||
.entry-title {
|
||||
@include breakpoint(small) {
|
||||
font-size: rem-calc(18);
|
||||
min-height: 6rem;
|
||||
}
|
||||
.bfr_post {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
margin-bottom: $global-margin;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
background-color: $light-gray;
|
||||
padding: $global-padding * 1;
|
||||
border-radius: $button-radius / 2;
|
||||
@include breakpoint(medium) {
|
||||
font-size: rem-calc(25);
|
||||
min-height: 8rem;
|
||||
}
|
||||
.bfr_post_content {
|
||||
.entry-title {
|
||||
@include breakpoint(small) {
|
||||
font-size: rem-calc(18);
|
||||
min-height: 6rem;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
font-size: rem-calc(25);
|
||||
min-height: 8rem;
|
||||
}
|
||||
padding:$global-padding 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
.bfr_post_thumbnail {
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width:unset;
|
||||
border-radius:$button-radius;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: right;
|
||||
max-width:35%;
|
||||
}
|
||||
}
|
||||
footer{
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: left;
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
.post-excerpt {
|
||||
max-height: 14rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: $global-margin * 1.2;
|
||||
}
|
||||
.button {
|
||||
background-color:$primary-color;
|
||||
color:$secondary-color;
|
||||
&:hover{
|
||||
background-color:$secondary-color;
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
.post-excerpt{
|
||||
margin-bottom: 3.5rem;
|
||||
}
|
||||
footer a.button{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
padding:$global-padding 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
.bfr_post_thumbnail {
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width:unset;
|
||||
border-radius:$button-radius;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: right;
|
||||
max-width:35%;
|
||||
}
|
||||
}
|
||||
footer{
|
||||
@include breakpoint(small) {
|
||||
float: none;
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
float: left;
|
||||
max-width: 60%;
|
||||
a.button{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.post-excerpt {
|
||||
@include breakpoint(small) {
|
||||
max-height: 14rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: $global-margin * 1.2;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
margin-bottom: 3.5rem;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
@include breakpoint(small) {
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
}
|
||||
background-color:$primary-color;
|
||||
color:$secondary-color;
|
||||
&:hover{
|
||||
background-color:$secondary-color;
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}//end medium
|
||||
}
|
||||
.category-photos-archive,.format-gallery,.post_format-post-format-gallery {
|
||||
.bfr_post_thumbnail {
|
||||
float:none;
|
||||
max-width:unset;
|
||||
overflow:hidden;
|
||||
@include breakpoint(small) {
|
||||
max-height: ( 100vw / 2 );
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
max-height: ( 100vw / 3 );
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
max-height: ( 100vw / 5 );
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bfr_category_title{
|
||||
display:none;
|
||||
}
|
||||
// homepage 2021
|
||||
.homepage-2021 { //&.main-container
|
||||
.entry-content {
|
||||
|
||||
position: relative;
|
||||
& > * {
|
||||
float:left;
|
||||
clear:both;
|
||||
margin-left: $global-margin;
|
||||
}
|
||||
}
|
||||
.fp-gallery {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right: 0;
|
||||
// .fp-gallery-item {
|
||||
// }
|
||||
// .fp-gallery-icon {
|
||||
// }
|
||||
img {
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
border-radius: $button-radius;
|
||||
}
|
||||
}
|
||||
@include breakpoint(small) {
|
||||
$homepage2021-gallery-square-side: $global-margin*8;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*14;
|
||||
& > * {
|
||||
max-width: 55%;
|
||||
}
|
||||
}
|
||||
.fp-gallery {
|
||||
max-width: 40%;
|
||||
.fp-gallery-item {
|
||||
width: $homepage2021-gallery-square-side;
|
||||
}
|
||||
// .fp-gallery-icon {
|
||||
// }
|
||||
img {
|
||||
height: $homepage2021-gallery-square-side;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
$homepage2021-gallery-square-side: $global-margin*8;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*7;
|
||||
& > * {
|
||||
max-width: 48%;
|
||||
}
|
||||
}
|
||||
.fp-gallery {
|
||||
max-width: 45%;
|
||||
.fp-gallery-item {
|
||||
width: $homepage2021-gallery-square-side;
|
||||
}
|
||||
// .fp-gallery-icon {
|
||||
// }
|
||||
img {
|
||||
height: $homepage2021-gallery-square-side;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
$homepage2021-gallery-square-side: $global-margin*9;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*6;
|
||||
& > * {
|
||||
max-width: 48%;
|
||||
}
|
||||
}
|
||||
.fp-gallery {
|
||||
max-width: 45%;
|
||||
.fp-gallery-item {
|
||||
width: $homepage2021-gallery-square-side;
|
||||
}
|
||||
// .fp-gallery-icon {
|
||||
// }
|
||||
img {
|
||||
height: $homepage2021-gallery-square-side;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue