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

Merge pull request #23 from pmoreno-rodriguez/develop

Browse source 
Updated some CSS and SCSS files and Blog Twig Template
This commit is contained in:
Pedro Moreno 2023-02-08 22:49:30 +01:00
parent 2ae6bbc444
commit c79e479f71
9 changed files with 114 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_demo/config/themes/future2021.yaml
View file

@ -38,7 +38,7 @@ miniposts: true
miniposts_number: 3 miniposts_number: 3
latestposts: true latestposts: true
miniposts_category: minipost miniposts_category: minipost
displaycustommenus: custommenus:
enabled: false enabled: false
dropdown: dropdown:
enabled: true enabled: true

15
assets/css/main.css
View file

@ -2036,11 +2036,12 @@ ul.icons li > * .label {
ul.posts { ul.posts {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin-bottom: 0.25rem;
} }
ul.posts li { ul.posts li {
border-top: dotted 1px rgba(160, 160, 160, 0.3); border-top: dotted 1px rgba(160, 160, 160, 0.3);
margin: 1.5em 0 0 0; margin: 0.25em 0 0 0;
padding: 1.5em 0 0 0; padding: 0.25em 0 0 0;
} }
ul.posts li:first-child { ul.posts li:first-child {
border-top: 0; border-top: 0;
@ -2076,6 +2077,7 @@ ul.posts article header {
ul.posts article header h3 { ul.posts article header h3 {
font-size: 0.7em; font-size: 0.7em;
margin-top: 0.125em; margin-top: 0.125em;
margin-bottom: 0.25em;
} }
ul.posts article header .published { ul.posts article header .published {
display: block; display: block;
@ -2176,6 +2178,12 @@ ul.posts article header > :last-child {
margin: 0 0 3em 0; margin: 0 0 3em 0;
position: relative; position: relative;
} }
.post img {
max-width: 100%;
}
.post .modular-row.gallery-container {
margin-bottom: 2.75rem;
}
.post > header { .post > header {
display: -moz-flex; display: -moz-flex;
display: -ms-flex; display: -ms-flex;
@ -2684,6 +2692,7 @@ table.alt tfoot {
.menulink { .menulink {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: -0.3rem;
} }
ul.menulink > li, ul.menulink > li,
@ -3138,4 +3147,4 @@ body.is-menu-visible #menu {
#menu > * { #menu > * {
padding: 1.5em; padding: 1.5em;
} }
}/*# sourceMappingURL=main.css.map */ }/*# sourceMappingURL=main.css.map */

7
assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

10
assets/sass/components/_post.scss
View file

@ -13,6 +13,14 @@
margin: 0 0 _size(section-spacing) 0; margin: 0 0 _size(section-spacing) 0;
position: relative; position: relative;
img {
max-width: 100%;
}
.modular-row.gallery-container {
margin-bottom: 2.75rem;
}
> header { > header {
@include vendor('display', 'flex'); @include vendor('display', 'flex');
border-bottom: solid 1px _palette(border); border-bottom: solid 1px _palette(border);
@ -244,4 +252,4 @@
} }
} }
} }
} }

8
assets/sass/components/_posts.scss
View file

@ -9,11 +9,12 @@
ul.posts { ul.posts {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin-bottom: 0.25rem;
li { li {
border-top: dotted 1px _palette(border); border-top: dotted 1px _palette(border);
margin: (_size(element-margin) * 0.75) 0 0 0; margin: (_size(element-margin) * 0.125) 0 0 0;
padding: (_size(element-margin) * 0.75) 0 0 0; padding: (_size(element-margin) * 0.125) 0 0 0;
&:first-child { &:first-child {
border-top: 0; border-top: 0;
@ -46,6 +47,7 @@
h3 { h3 {
font-size: 0.7em; font-size: 0.7em;
margin-top: 0.125em; margin-top: 0.125em;
margin-bottom: 0.25em;
} }
.published { .published {
@ -63,4 +65,4 @@
} }
} }
} }
} }

19
assets/sass/components/_sidebarmenu.scss
View file

@ -5,23 +5,24 @@
@media screen and (max-width: 980px) { @media screen and (max-width: 980px) {
#sidebarmenu { #sidebarmenu {
display: block; } display: block; }
} }
.menulink { .menulink {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: -0.3rem;
} }
ul.menulink > li, ul.menulink > li,
ul.menulink > li > ul ul.menulink > li > ul
{ {
list-style: none; list-style: none;
font-family: _font(family-heading); font-family: _font(family-heading);
padding: 0.1em 0 0 0; padding: 0.1em 0 0 0;
margin: 0em; margin: 0em;
line-height: 2.3em; line-height: 2.3em;
} }
ul.menulink > li a.tags { ul.menulink > li a.tags {
border: dotted 1px rgba(119, 118, 118, 0.65); border: dotted 1px rgba(119, 118, 118, 0.65);
padding: 0.2em; padding: 0.2em;
@ -74,8 +75,9 @@ ul.subitem_hide {
display:none; display:none;
} }
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; -webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
margin-bottom: 0; margin-bottom: 0;
@ -85,12 +87,11 @@ ul.subitem_hide > li a span {
ul.subitem_hide > li { ul.subitem_hide > li {
list-style-type: none; list-style-type: none;
margin-left: 0.4em; margin-left: 0.4em;
}
}
.dropdown-btn { .dropdown-btn {
cursor: pointer; cursor: pointer;
} }
.fa-caret-down { .fa-caret-down {
float: right; float: right;
padding-right: 8px; padding-right: 8px;
} }

105
assets/sass/layout/_intro.scss
View file

@ -6,36 +6,51 @@
/* Intro */ /* Intro */
#intro { #intro {
.logo { .logo {
border-bottom: 0; border-bottom: 0;
display: inline-block; display: inline-block;
margin: 0 0 (_size(element-margin) * 0.5) 0; margin: 0 0 (_size(element-margin) * 0.5) 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 4em; width: 4em;
&:before { &: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-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-position: top left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ''; content: '';
display: block; display: block;
height: 100%; height: 100%;
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
}
img {
display: block;
margin-left: -0.25em;
width: 4.5em;
}
} }
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 { header {
h2 { h2 {
font-size: 2em; font-size: 2em;
@ -43,28 +58,27 @@
} }
p { p {
font-size: 0.8em; font-size: 0.7em;
} }
} }
}
@include breakpoint('<=large') { @include breakpoint('<=small') {
margin: 0 0 _size(section-spacing) 0; margin: 0 0 _size(section-spacing-small) 0;
text-align: center; padding: 1.25em 0;
header { > :last-child {
h2 { margin-bottom: 0;
font-size: 2em;
}
p {
font-size: 0.7em;
}
}
} }
@include breakpoint('<=small') { .logo {
margin: 0 0 _size(section-spacing-small) 0; margin: 0 0 (_size(element-margin) * 0.25) 0;
padding: 1.25em 0; }
header {
h2 {
font-size: 1.25em;
}
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
@ -84,4 +98,5 @@
} }
} }
} }
} }
}

20
templates/blog.html.twig
View file

@ -14,6 +14,16 @@
{% set show_pagination = true %} {% set show_pagination = true %}
{% endif %} {% 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 == '/' %} {% if base_url == '/' %}
{% set base_url = '' %} {% set base_url = '' %}
{% endif %} {% endif %}
@ -30,7 +40,11 @@
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %} {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %} {% include 'partials/breadcrumbs.html.twig' %}
{% endif %} {% endif %}
<h2>
{{page_title}}
</h2>
{% 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} %}
{% endfor %} {% endfor %}
@ -44,6 +58,4 @@
{% include 'partials/sidebar_left.html.twig' %} {% include 'partials/sidebar_left.html.twig' %}
{% endblock %} {% endblock %}
{% endembed %} {% endembed %}