makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-07 20:08:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added breakpoints to heading class

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-02-06 22:11:25 +01:00
parent b66f168128
commit c7490eb22b
3 changed files with 79 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
assets/css/main.css
View file

@ -2199,7 +2199,6 @@ ul.posts article header > :last-child {
-ms-flex-grow: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
padding: 3.75em 3em 3.3em 3em;
}
.post > header .title h2 {
@ -2298,7 +2297,6 @@ ul.posts article header > :last-child {
}
.post > header .title {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 0 2em 0;
padding: 0;
text-align: center;
@ -2797,6 +2795,43 @@ ul.subitem_hide > li {
font-size: 1.5em;
}
@media screen and (max-width: 980px) {
.post {
border-left: 0;
border-right: 0;
left: -3em;
width: calc(100% + 6em);
}
.post > header {
-moz-flex-direction: column;
flex-direction: column;
padding: 3.75em 3em 1.25em 3em;
border-left: 0;
}
.post > header .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% + 3em);
}
.heading > header {
padding: 3em 1.5em 0.5em 1.5em;
left: -1.5em;
margin: -1.5em 0 1.5em 0;
width: calc(100% + 3em);
}
.heading > header .title h2 {
font-size: 1.1em;
}
}
/* Header */
body {
padding-top: 3.5em;

2
assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

41
assets/sass/components/_heading.scss
View file

@ -14,4 +14,45 @@
}
}
}
@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;
}
}
}
}