mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-06-07 20:08:54 +00:00
Merge pull request #23 from pmoreno-rodriguez/develop
Updated some CSS and SCSS files and Blog Twig Template
This commit is contained in:
Pedro Moreno
parent
2ae6bbc444
commit
c79e479f71
9 changed files with 114 additions and 74 deletions
|
|
@ -38,7 +38,7 @@ miniposts: true
|
|||
miniposts_number: 3
|
||||
latestposts: true
|
||||
miniposts_category: minipost
|
||||
displaycustommenus:
|
||||
custommenus:
|
||||
enabled: false
|
||||
dropdown:
|
||||
enabled: true
|
||||
|
|
|
|||
|
|
@ -2036,11 +2036,12 @@ ul.icons li > * .label {
|
|||
ul.posts {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
ul.posts li {
|
||||
border-top: dotted 1px rgba(160, 160, 160, 0.3);
|
||||
margin: 1.5em 0 0 0;
|
||||
padding: 1.5em 0 0 0;
|
||||
margin: 0.25em 0 0 0;
|
||||
padding: 0.25em 0 0 0;
|
||||
}
|
||||
ul.posts li:first-child {
|
||||
border-top: 0;
|
||||
|
|
@ -2076,6 +2077,7 @@ ul.posts article header {
|
|||
ul.posts article header h3 {
|
||||
font-size: 0.7em;
|
||||
margin-top: 0.125em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
ul.posts article header .published {
|
||||
display: block;
|
||||
|
|
@ -2176,6 +2178,12 @@ ul.posts article header > :last-child {
|
|||
margin: 0 0 3em 0;
|
||||
position: relative;
|
||||
}
|
||||
.post img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.post .modular-row.gallery-container {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
.post > header {
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
|
|
@ -2684,6 +2692,7 @@ table.alt tfoot {
|
|||
.menulink {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: -0.3rem;
|
||||
}
|
||||
|
||||
ul.menulink > li,
|
||||
|
|
@ -3138,4 +3147,4 @@ body.is-menu-visible #menu {
|
|||
#menu > * {
|
||||
padding: 1.5em;
|
||||
}
|
||||
}/*# sourceMappingURL=main.css.map */
|
||||
}/*# sourceMappingURL=main.css.map */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -13,6 +13,14 @@
|
|||
margin: 0 0 _size(section-spacing) 0;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.modular-row.gallery-container {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
|
||||
> header {
|
||||
@include vendor('display', 'flex');
|
||||
border-bottom: solid 1px _palette(border);
|
||||
|
|
@ -244,4 +252,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,11 +9,12 @@
|
|||
ul.posts {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
|
||||
li {
|
||||
border-top: dotted 1px _palette(border);
|
||||
margin: (_size(element-margin) * 0.75) 0 0 0;
|
||||
padding: (_size(element-margin) * 0.75) 0 0 0;
|
||||
margin: (_size(element-margin) * 0.125) 0 0 0;
|
||||
padding: (_size(element-margin) * 0.125) 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
|
|
@ -46,6 +47,7 @@
|
|||
h3 {
|
||||
font-size: 0.7em;
|
||||
margin-top: 0.125em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.published {
|
||||
|
|
@ -63,4 +65,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,23 +5,24 @@
|
|||
@media screen and (max-width: 980px) {
|
||||
|
||||
#sidebarmenu {
|
||||
display: block; }
|
||||
display: block; }
|
||||
}
|
||||
|
||||
.menulink {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: -0.3rem;
|
||||
}
|
||||
|
||||
ul.menulink > li,
|
||||
ul.menulink > li,
|
||||
ul.menulink > li > ul
|
||||
{
|
||||
{
|
||||
list-style: none;
|
||||
font-family: _font(family-heading);
|
||||
padding: 0.1em 0 0 0;
|
||||
margin: 0em;
|
||||
line-height: 2.3em;
|
||||
}
|
||||
}
|
||||
ul.menulink > li a.tags {
|
||||
border: dotted 1px rgba(119, 118, 118, 0.65);
|
||||
padding: 0.2em;
|
||||
|
|
@ -74,8 +75,9 @@ ul.subitem_hide {
|
|||
display:none;
|
||||
}
|
||||
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;
|
||||
margin-bottom: 0;
|
||||
|
|
@ -85,12 +87,11 @@ ul.subitem_hide > li a span {
|
|||
ul.subitem_hide > li {
|
||||
list-style-type: none;
|
||||
margin-left: 0.4em;
|
||||
|
||||
}
|
||||
}
|
||||
.dropdown-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
.fa-caret-down {
|
||||
float: right;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,36 +6,51 @@
|
|||
|
||||
/* Intro */
|
||||
|
||||
#intro {
|
||||
.logo {
|
||||
border-bottom: 0;
|
||||
display: inline-block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 4em;
|
||||
|
||||
&:before {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" zoomAndPan="disable"><polygon points="0,0 100,0 100,25 50,0 0,25" style="fill:#{_palette(bg-alt)}" /><polygon points="0,100 100,100 100,75 50,100 0,75" style="fill:#{_palette(bg-alt)}" /></svg>');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin-left: -0.25em;
|
||||
width: 4.5em;
|
||||
}
|
||||
#intro {
|
||||
.logo {
|
||||
border-bottom: 0;
|
||||
display: inline-block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 4em;
|
||||
|
||||
&:before {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" zoomAndPan="disable"><polygon points="0,0 100,0 100,25 50,0 0,25" style="fill:#{_palette(bg-alt)}" /><polygon points="0,100 100,100 100,75 50,100 0,75" style="fill:#{_palette(bg-alt)}" /></svg>');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin-left: -0.25em;
|
||||
width: 4.5em;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
font-weight: _font(weight-heading-extrabold);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
margin: 0 0 _size(section-spacing) 0;
|
||||
text-align: center;
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
|
|
@ -43,28 +58,27 @@
|
|||
}
|
||||
|
||||
p {
|
||||
font-size: 0.8em;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
margin: 0 0 _size(section-spacing) 0;
|
||||
text-align: center;
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
.logo {
|
||||
margin: 0 0 (_size(element-margin) * 0.25) 0;
|
||||
}
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -84,4 +98,5 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,6 +14,16 @@
|
|||
{% set show_pagination = true %}
|
||||
{% endif %}
|
||||
|
||||
{% if uri.param('category') %}
|
||||
{% set page_title = theme_config.listing_title.taxonomy.category | default('Posts in Category: ') ~ uri.param('category') %}
|
||||
{% elseif uri.param('tag') %}
|
||||
{% set page_title = theme_config.listing_title.taxonomy.tag | default('Posts with Tag: ') ~ uri.param('tag') %}
|
||||
{% elseif uri.param('author') %}
|
||||
{% set page_title = theme_config.listing_title.taxonomy.author | default('Posts from Author: ') ~ uri.param('author') %}
|
||||
{% else %}
|
||||
{% set page_title = theme_config.listing_title.blog | default('') %}
|
||||
{% endif %}
|
||||
|
||||
{% if base_url == '/' %}
|
||||
{% set base_url = '' %}
|
||||
{% endif %}
|
||||
|
|
@ -30,7 +40,11 @@
|
|||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<h2>
|
||||
{{page_title}}
|
||||
</h2>
|
||||
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %}
|
||||
{% endfor %}
|
||||
|
|
@ -44,6 +58,4 @@
|
|||
{% include 'partials/sidebar_left.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% endembed %}
|
||||
|
||||
|
||||
{% endembed %}
|
||||
Loading…
Add table
Reference in a new issue