mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-07-02 16:18:54 +00:00
58 lines
No EOL
1.1 KiB
SCSS
58 lines
No EOL
1.1 KiB
SCSS
/* Sytles for heading */
|
|
|
|
.heading {
|
|
padding: 1em 3em;
|
|
background-color: #fff;
|
|
position: relative;
|
|
border: solid 1px rgba(160, 160, 160, 0.3);
|
|
border-bottom: none;
|
|
|
|
.title {
|
|
h2 {
|
|
font-weight: 900;
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 980px) {
|
|
.post {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
left: -3em;
|
|
width: calc(100% + (3em * 2));
|
|
|
|
> header {
|
|
-moz-flex-direction: column;
|
|
flex-direction: column;
|
|
padding: 3.75em 3em 1.25em 3em;
|
|
border-left: 0;
|
|
|
|
.title {
|
|
-ms-flex: 0 1 auto;
|
|
margin: 0 0 2em 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 736px) {
|
|
.heading {
|
|
padding: 1.5em 1.5em 0.1em 1.5em;
|
|
left: -1.5em;
|
|
margin: 0 0 2em 0;
|
|
width: calc(100% + (1.5em * 2));
|
|
|
|
> header {
|
|
padding: 3em 1.5em 0.5em 1.5em;
|
|
left: -1.5em;
|
|
margin: -1.5em 0 1.5em 0;
|
|
width: calc(100% + 3em);
|
|
|
|
.title h2 {
|
|
font-size: 1.1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|