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

Deleted new classs heading. Revert to original templates

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-02-07 18:56:50 +01:00
parent c7490eb22b
commit babd465a9c
6 changed files with 141 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

194
assets/css/main.css
View file

@ -67,6 +67,7 @@ input::-moz-focus-inner {
input, select, textarea { input, select, textarea {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-ms-appearance: none;
appearance: none; appearance: none;
} }
@ -95,8 +96,13 @@ body {
background: #f4f4f4; background: #f4f4f4;
} }
body.is-preload *, body.is-preload *:before, body.is-preload *:after { body.is-preload *, body.is-preload *:before, body.is-preload *:after {
-moz-animation: none !important;
-webkit-animation: none !important; -webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important; animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important; transition: none !important;
} }
@ -135,12 +141,18 @@ body, input, select, textarea {
} }
a { a {
-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
transition: color 0.2s ease, border-bottom-color 0.2s ease; transition: color 0.2s ease, border-bottom-color 0.2s ease;
border-bottom: dotted 1px rgba(160, 160, 160, 0.65); border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
a:before { a:before {
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
a:hover { a:hover {
@ -1373,14 +1385,19 @@ hr.major {
/* Author */ /* Author */
.author { .author {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-flex-direction: row; -moz-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; flex-direction: row;
-moz-align-items: center; -moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center; -ms-align-items: center;
align-items: center; align-items: center;
-moz-justify-content: -moz-flex-end; -moz-justify-content: -moz-flex-end;
-webkit-justify-content: -webkit-flex-end;
-ms-justify-content: -ms-flex-end; -ms-justify-content: -ms-flex-end;
justify-content: flex-end; justify-content: flex-end;
border-bottom: 0; border-bottom: 0;
@ -1392,6 +1409,9 @@ hr.major {
white-space: nowrap; white-space: nowrap;
} }
.author .name { .author .name {
-moz-transition: border-bottom-color 0.2s ease;
-webkit-transition: border-bottom-color 0.2s ease;
-ms-transition: border-bottom-color 0.2s ease;
transition: border-bottom-color 0.2s ease; transition: border-bottom-color 0.2s ease;
border-bottom: dotted 1px rgba(160, 160, 160, 0.65); border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
display: block; display: block;
@ -1444,7 +1464,11 @@ button,
.button { .button {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-ms-appearance: none;
appearance: none; appearance: none;
-moz-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
-webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
-ms-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
@ -1605,6 +1629,7 @@ select,
textarea { textarea {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-ms-appearance: none;
appearance: none; appearance: none;
background: rgba(160, 160, 160, 0.075); background: rgba(160, 160, 160, 0.075);
border: none; border: none;
@ -1704,6 +1729,7 @@ input[type=checkbox],
input[type=radio] { input[type=radio] {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-ms-appearance: none;
appearance: none; appearance: none;
display: block; display: block;
float: left; float: left;
@ -1924,6 +1950,7 @@ dl dd {
/* Actions */ /* Actions */
ul.actions { ul.actions {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
cursor: default; cursor: default;
@ -1937,6 +1964,7 @@ ul.actions li {
} }
ul.actions.special { ul.actions.special {
-moz-justify-content: center; -moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center; -ms-justify-content: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
@ -1947,6 +1975,8 @@ ul.actions.special li:first-child {
} }
ul.actions.stacked { ul.actions.stacked {
-moz-flex-direction: column; -moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
margin-left: 0; margin-left: 0;
} }
@ -1961,8 +1991,11 @@ ul.actions.fit {
} }
ul.actions.fit li { ul.actions.fit li {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1; -ms-flex-shrink: 1;
flex-shrink: 1; flex-shrink: 1;
width: 100%; width: 100%;
@ -1976,14 +2009,19 @@ ul.actions.fit.stacked {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
ul.actions:not(.fixed) { ul.actions:not(.fixed) {
-moz-flex-direction: column; -moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
margin-left: 0; margin-left: 0;
width: 100% !important; width: 100% !important;
} }
ul.actions:not(.fixed) li { ul.actions:not(.fixed) li {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1; -ms-flex-shrink: 1;
flex-shrink: 1; flex-shrink: 1;
padding: 1em 0 0 0; padding: 1em 0 0 0;
@ -2050,12 +2088,16 @@ ul.posts li:first-child {
} }
ul.posts article { ul.posts article {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-align-items: -moz-flex-start; -moz-align-items: -moz-flex-start;
-webkit-align-items: -webkit-flex-start;
-ms-align-items: -ms-flex-start; -ms-align-items: -ms-flex-start;
align-items: flex-start; align-items: flex-start;
-moz-flex-direction: row-reverse; -moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
ul.posts article .image { ul.posts article .image {
@ -2069,6 +2111,7 @@ ul.posts article .image img {
} }
ul.posts article header { ul.posts article header {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
flex: 1; flex: 1;
@ -2095,9 +2138,12 @@ ul.posts article header > :last-child {
/* Mini Post */ /* Mini Post */
.mini-post { .mini-post {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-flex-direction: column-reverse; -moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; flex-direction: column-reverse;
background: #ffffff; background: #ffffff;
border: solid 1px rgba(160, 160, 160, 0.3); border: solid 1px rgba(160, 160, 160, 0.3);
@ -2108,10 +2154,16 @@ ul.posts article header > :last-child {
width: 100%; width: 100%;
} }
.mini-post .image img { .mini-post .image img {
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
width: 100%; width: 100%;
} }
.mini-post .image:hover img { .mini-post .image:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); transform: scale(1.05);
} }
.mini-post header { .mini-post header {
@ -2119,6 +2171,7 @@ ul.posts article header > :last-child {
min-height: 4em; min-height: 4em;
position: relative; position: relative;
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
} }
@ -2146,8 +2199,12 @@ ul.posts article header > :last-child {
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
.mini-posts { .mini-posts {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
width: calc(100% + 2em); width: calc(100% + 2em);
} }
@ -2186,6 +2243,7 @@ ul.posts article header > :last-child {
} }
.post > header { .post > header {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
border-bottom: solid 1px rgba(160, 160, 160, 0.3); border-bottom: solid 1px rgba(160, 160, 160, 0.3);
@ -2196,6 +2254,7 @@ ul.posts article header > :last-child {
} }
.post > header .title { .post > header .title {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
-ms-flex: 1; -ms-flex: 1;
@ -2236,21 +2295,30 @@ ul.posts article header > :last-child {
overflow: hidden; overflow: hidden;
} }
.post > a.image.featured img { .post > a.image.featured img {
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
} }
.post > a.image.featured:hover img { .post > a.image.featured:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); transform: scale(1.05);
} }
.post > footer { .post > footer {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-align-items: center; -moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center; -ms-align-items: center;
align-items: center; align-items: center;
} }
.post > footer .actions { .post > footer .actions {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
} }
@ -2291,6 +2359,8 @@ ul.posts article header > :last-child {
} }
.post > header { .post > header {
-moz-flex-direction: column; -moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
padding: 3.75em 3em 1.25em 3em; padding: 3.75em 3em 1.25em 3em;
border-left: 0; border-left: 0;
@ -2303,12 +2373,15 @@ ul.posts article header > :last-child {
} }
.post > header .meta { .post > header .meta {
-moz-align-items: center; -moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center; -ms-align-items: center;
align-items: center; align-items: center;
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-justify-content: center; -moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center; -ms-justify-content: center;
justify-content: center; justify-content: center;
border-left: 0; border-left: 0;
@ -2334,6 +2407,8 @@ ul.posts article header > :last-child {
} }
.post > header .meta .author { .post > header .meta .author {
-moz-flex-direction: row-reverse; -moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; flex-direction: row-reverse;
margin-bottom: 0; margin-bottom: 0;
} }
@ -2364,9 +2439,12 @@ ul.posts article header > :last-child {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.post > header .meta { .post > header .meta {
-moz-align-items: center; -moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center; -ms-align-items: center;
align-items: center; align-items: center;
-moz-flex-direction: column; -moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.post > header .meta > * { .post > header .meta > * {
@ -2384,9 +2462,12 @@ ul.posts article header > :last-child {
} }
.post > footer { .post > footer {
-moz-align-items: -moz-stretch; -moz-align-items: -moz-stretch;
-webkit-align-items: -webkit-stretch;
-ms-align-items: -ms-stretch; -ms-align-items: -ms-stretch;
align-items: stretch; align-items: stretch;
-moz-flex-direction: column-reverse; -moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.post > footer .stats { .post > footer .stats {
@ -2475,10 +2556,16 @@ table.alt tfoot {
border-radius: 10px; border-radius: 10px;
} }
.portfolio_item .image img { .portfolio_item .image img {
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
width: 100%; width: 100%;
} }
.portfolio_item .image:hover img { .portfolio_item .image:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); transform: scale(1.05);
} }
@ -2486,6 +2573,7 @@ table.alt tfoot {
#banner { #banner {
padding: 6em 0 4em 0; padding: 6em 0 4em 0;
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
} }
@ -2499,16 +2587,22 @@ table.alt tfoot {
} }
#banner .content { #banner .content {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1; -ms-flex-shrink: 1;
flex-shrink: 1; flex-shrink: 1;
width: 60%; width: 60%;
} }
#banner .image { #banner .image {
-moz-flex-grow: 0; -moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0; -ms-flex-grow: 0;
flex-grow: 0; flex-grow: 0;
-moz-flex-shrink: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0; -ms-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
display: block; display: block;
@ -2520,18 +2614,18 @@ table.alt tfoot {
-moz-object-fit: contain; -moz-object-fit: contain;
-webkit-object-fit: contain; -webkit-object-fit: contain;
-ms-object-fit: contain; -ms-object-fit: contain;
-o-object-fit: contain; object-fit: contain;
object-fit: contain;
-moz-object-position: center; -moz-object-position: center;
-webkit-object-position: center; -webkit-object-position: center;
-ms-object-position: center; -ms-object-position: center;
-o-object-position: center; object-position: center;
object-position: center;
width: 100%; width: 100%;
} }
@media screen and (orientation: portrait) { @media screen and (orientation: portrait) {
#banner { #banner {
-moz-flex-direction: column-reverse; -moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
#banner h1 br { #banner h1 br {
@ -2539,16 +2633,22 @@ table.alt tfoot {
} }
#banner .content { #banner .content {
-moz-flex-grow: 0; -moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0; -ms-flex-grow: 0;
flex-grow: 0; flex-grow: 0;
-moz-flex-shrink: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0; -ms-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
width: 100%; width: 100%;
} }
#banner .image { #banner .image {
-moz-flex-grow: 0; -moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0; -ms-flex-grow: 0;
flex-grow: 0; flex-grow: 0;
-moz-flex-shrink: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0; -ms-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
margin: 0 0 4em 0; margin: 0 0 4em 0;
@ -2593,6 +2693,8 @@ table.alt tfoot {
/* Dropdown menu in header */ /* Dropdown menu in header */
#header .dropdown { #header .dropdown {
-moz-flex: 1; -moz-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; flex: 1;
border-left: solid 1px rgba(160, 160, 160, 0.3); border-left: solid 1px rgba(160, 160, 160, 0.3);
height: inherit; height: inherit;
@ -2654,10 +2756,16 @@ table.alt tfoot {
} }
#header .dropdown ul li:hover > ul { #header .dropdown ul li:hover > ul {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-flex-direction: column; -moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-moz-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
min-width: 15em; min-width: 15em;
border: solid 1px rgba(160, 160, 160, 0.3); border: solid 1px rgba(160, 160, 160, 0.3);
@ -2717,6 +2825,7 @@ ul.menulink > li a:hover.tags {
ul.menulink > li > ul, ul.menulink > li > ul,
ul.menulink > li a span { ul.menulink > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-size: 0.9em; font-size: 0.9em;
text-transform: uppercase; text-transform: uppercase;
@ -2724,6 +2833,7 @@ ul.menulink > li a span {
} }
ul.menulink > li a span li { ul.menulink > li a span li {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-size: 0.8em; font-size: 0.8em;
font-weight: 400; font-weight: 400;
@ -2744,6 +2854,7 @@ ul.subitem {
ul.subitem > li > ul, ul.subitem > li > ul,
ul.subitem > li a span { ul.subitem > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-size: 0.9em; font-size: 0.9em;
font-weight: 400; font-weight: 400;
@ -2762,6 +2873,7 @@ ul.subitem_hide {
ul.subitem_hide > li > ul, ul.subitem_hide > li > ul,
ul.subitem_hide > li a span { ul.subitem_hide > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
margin-bottom: 0; margin-bottom: 0;
font-weight: 400; font-weight: 400;
@ -2782,56 +2894,6 @@ ul.subitem_hide > li {
padding-right: 8px; padding-right: 8px;
} }
/* Sytles for heading */
.heading {
padding: 1em 3em;
background-color: #fff;
position: relative;
border: solid 1px rgba(160, 160, 160, 0.3);
border-bottom: none;
}
.heading .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% + 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 */ /* Header */
body { body {
padding-top: 3.5em; padding-top: 3.5em;
@ -2839,9 +2901,11 @@ body {
#header { #header {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-justify-content: space-between; -moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between; -ms-justify-content: space-between;
justify-content: space-between; justify-content: space-between;
background-color: #ffffff; background-color: #ffffff;
@ -2939,6 +3003,9 @@ body {
vertical-align: middle; vertical-align: middle;
} }
#header #search { #header #search {
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; transition: all 0.5s ease;
max-width: 0; max-width: 0;
opacity: 0; opacity: 0;
@ -2975,10 +3042,16 @@ body {
/* Wrapper */ /* Wrapper */
#wrapper { #wrapper {
display: -moz-flex; display: -moz-flex;
display: -webkit-flex;
display: -ms-flex; display: -ms-flex;
display: flex; display: flex;
-moz-flex-direction: row-reverse; -moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; flex-direction: row-reverse;
-moz-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
@ -3011,6 +3084,7 @@ body.single #wrapper {
/* Main */ /* Main */
#main { #main {
-moz-flex-grow: 1; -moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1; -ms-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
flex: 1; flex: 1;
@ -3138,7 +3212,13 @@ body.single #footer {
/* Menu */ /* Menu */
#menu { #menu {
-moz-transform: translateX(25em);
-webkit-transform: translateX(25em);
-ms-transform: translateX(25em);
transform: translateX(25em); transform: translateX(25em);
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
transition: transform 0.5s ease, visibility 0.5s; transition: transform 0.5s ease, visibility 0.5s;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
background: #ffffff; background: #ffffff;
@ -3179,6 +3259,9 @@ body.single #footer {
border-bottom: 0; border-bottom: 0;
} }
#menu .links > li a h3 { #menu .links > li a h3 {
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-size: 0.7em; font-size: 0.7em;
} }
@ -3200,6 +3283,9 @@ body.single #footer {
padding-top: 0; padding-top: 0;
} }
body.is-menu-visible #menu { body.is-menu-visible #menu {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); transform: translateX(0);
visibility: visible; visibility: visible;
} }

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

File diff suppressed because one or more lines are too long

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

@ -1,58 +0,0 @@
/* 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;
}
}
}
}

1
assets/sass/main.scss
View file

@ -53,7 +53,6 @@
@import 'components/logo'; @import 'components/logo';
@import 'components/dropdownmenu'; @import 'components/dropdownmenu';
@import 'components/sidebarmenu'; @import 'components/sidebarmenu';
@import 'components/heading';
// Layout. // Layout.

2
templates/blog.html.twig
View file

@ -33,7 +33,6 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="heading">
<header> <header>
<div class="title"> <div class="title">
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
@ -50,7 +49,6 @@
{% endif %} {% endif %}
{{ page.content|raw }} {{ page.content|raw }}
</div>
{% for child in collection %} {% for child in collection %}
{% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %} {% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %}

2
templates/item.html.twig
View file

@ -19,9 +19,7 @@
{% block content %} {% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %} {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
<div class="heading">
{% include 'partials/breadcrumbs.html.twig' %} {% include 'partials/breadcrumbs.html.twig' %}
</div>
{% endif %} {% endif %}
{% include 'partials/blog_item.html.twig' with {'truncate':false} %} {% include 'partials/blog_item.html.twig' with {'truncate':false} %}