%PDF-
%PDF-
Mini Shell
Mini Shell
.post-wrapper {
padding-top: calc-rem(90);
padding-bottom: calc-rem(65);
@include media-breakpoint-down(md) {
padding-top: 0;
padding-bottom: 0;
}
}
.featured-image,
.wp-block-image {
display: block;
position: relative;
text-decoration: none;
img {
width: 100%;
max-width: 100%;
z-index: 1;
}
&.size-full {
img {
max-width: 10000px;
}
}
figcaption {
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
display: block;
background: rgba($color: #000000, $alpha: 0.25);
color: #D0D0D0;
font-size: calc-rem(13);
padding: calc-rem(8) calc-rem(12);
margin: 0;
}
}
.featured-image {
margin-bottom: calc-rem(10);
}
.wp-block-image {
margin-bottom: calc-rem(35);
@include media-breakpoint-down(md) {
margin-bottom: calc-rem(20);
}
figcaption {
@include media-breakpoint-down(md) {
position: relative;
padding-left: 0;
padding-right: 0;
color: #6C6C6C;
background: none;
padding-bottom: 0;
}
}
}
.wp-block-quote {
padding: calc-rem(45) 0 0 calc-rem(55);
max-width: 700px;
margin-bottom: calc-rem(45);
position: relative;
@include media-breakpoint-down(md) {
padding: calc-rem(45) 0 0 calc-rem(25);
}
&:before {
z-index: 1;
content: '';
display: block;
width: 50px;
height: 50px;
background: url('../img/quote.svg');
background-size: cover;
position: absolute;
left: calc-rem(35);
top: calc-rem(15);
@include media-breakpoint-down(md) {
left: calc-rem(5);
top: calc-rem(12);
}
}
> * {
font-family: $font-playfair;
font-size: calc-rem(22);
line-height: calc-lh(22,29.5);
color: #262626;
text-decoration: none;
margin-bottom: calc-rem(20) !important;
display: block;
position: relative;
z-index: 2;
@include media-breakpoint-down(md) {
margin-bottom: calc-rem(10) !important;
}
}
cite {
font-size: calc-rem(14);
color: #7C7C7C;
font-family: $font-poppins;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
}
}
aside {
padding-top: calc-rem(20);
background: #fff;
> * {
padding-bottom: calc-rem(35);
margin-bottom: calc-rem(35);
border-bottom: solid 1px #D6D6D6;
}
}
article {
&.post-type-articles,
&.post-type-chronicle {
h1 {
font-size: calc-rem(50);
line-height: calc-lh(50,68);
margin-bottom: calc-rem(30);
@include media-breakpoint-down(md) {
padding-top: 0;
padding-bottom: 0;
@include media-breakpoint-down(md) {
font-size: calc-rem(28);
}
}
}
.article-labels {
.share-btn--wrapper {
margin-left: auto;
}
&.article-labels--before-titles {
margin-bottom: calc-rem(13);
}
&.article-labels--after-featured-image {
border-bottom: solid 1px #D6D6D6;
margin-bottom: calc-rem(20);
> * {
margin-bottom: calc-rem(10);
}
}
&.article-labels--end-of-article {
padding-top: calc-rem(10);
border-top: solid 1px #D6D6D6;
border-bottom: solid 1px #D6D6D6;
margin-top: calc-rem(60);
> * {
margin-bottom: calc-rem(10);
}
}
}
.article-tags {
padding-top: calc-rem(10);
border-bottom: solid 1px #D6D6D6;
> * {
margin-bottom: calc-rem(10);
}
}
}
&.post-type-chronicle {
padding-top: calc-rem(23);
padding-bottom: calc-rem(20);
padding-left: calc-rem(35);
border-left: solid 5px #E6DB81;
@include media-breakpoint-down(md) {
padding-left: 0;
border-left: none;
position: relative;
&:before {
content: '';
display: block;
position: absolute;
left: calc-rem(-20);
top: 0;
bottom: 0;
border-left: solid 5px #E6DB81;
}
}
h1 {
font-family: $font-playfair;
font-size: calc-rem(60);
line-height: calc-lh(60,65);
@include media-breakpoint-down(md) {
font-size: calc-rem(28);
line-height: calc-lh(28,37);
}
}
}
&.article--serie {
padding-left: calc-rem(35);
padding-top: calc-rem(23);
padding-bottom: calc-rem(20);
border-left: solid 5px $primary;
@include media-breakpoint-down(md) {
padding-left: 0;
border-left: none;
position: relative;
&:before {
content: '';
display: block;
position: absolute;
left: calc-rem(-20);
top: 0;
bottom: 0;
border-left: solid 5px $primary;
}
}
}
}
.text_after_featured_image {
font-size: calc-rem(22);
line-height: calc-lh(22,32);
font-weight: 500;
margin-bottom: calc-rem(36);
border-bottom: solid 1px #D6D6D6;
@include media-breakpoint-down(md) {
font-size: calc-rem(19);
}
}
.article-content-wrapper {
max-width: calc-rem(900);
}
.article-main-content {
font-size: calc-rem(19);
line-height: calc-lh(19,34);
@include media-breakpoint-down(md) {
font-size: calc-rem(17);
line-height: calc-lh(17,26);
}
p {
margin-bottom: calc-rem(24);
}
h2 {
font-size: calc-rem(40);
line-height: calc-lh(40,56);
margin-bottom: calc-rem(15);
@include media-breakpoint-down(md) {
font-size: calc-rem(24);
line-height: calc-lh(24,31);
}
}
h3 {
font-size: calc-rem(32);
line-height: calc-lh(32,44);
@include media-breakpoint-down(md) {
font-size: calc-rem(20);
line-height: calc-lh(20,30);
}
}
h4 {
font-size: calc-rem(25);
line-height: calc-lh(25,33);
@include media-breakpoint-down(md) {
font-size: calc-rem(18);
line-height: calc-lh(18,24);
}
}
ul {
padding: 0;
max-width: calc-rem(700);
margin-bottom: calc-rem(25);
li {
list-style: none;
position: relative;
padding-left: calc-rem(35);
margin-bottom: calc-rem(12);
display: block;
&:before {
content: "\f00c";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: calc-rem(24);
position: absolute;
left: 0;
top: calc-rem(5);
}
}
}
.article-item--serie--wrapper {
margin-top: calc-rem(40);
padding-top: calc-rem(20);
border-top: solid 5px #2B3A5D;
@include media-breakpoint-down(md) {
padding-top: calc-rem(7);
}
}
}
Zerion Mini Shell 1.0