troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-23 10:21:46 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(article): fix top padding

Browse source
This commit is contained in:
Jimmy Cai 2020-09-07 11:49:33 +02:00
parent 634e6ce96b
commit 334e918bc3
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/scss/partials/layout/article.scss
View file

@ -1,8 +1,16 @@
@import "variables.scss";
.article-page {
.article-and-sidebar {
@media (min-width: $on-phone) and (max-width: $on-tablet) {
--main-top-padding: 30px;
--main-top-padding: 50px;
}
}
.article-page {
&.with-toolbar {
@media (max-width: $on-tablet) {
--main-top-padding: 0;
}
}
.left-sidebar {
@ -98,12 +106,11 @@
}
#article-toolbar {
margin-bottom: 20px;
display: flex;
align-items: center;
@media (max-width: $on-phone) {
margin-top: 20px;
@media (max-width: $on-tablet) {
margin: 20px 0;
}
@media (min-width: $on-tablet) {

2
layouts/_default/single.html
View file

@ -1,6 +1,6 @@
{{ define "body_class" }}2-column{{ end }}
{{ define "main" }}
<div class="container extended flex on-phone--column align-items--flex-start article-page">
<div class="container extended flex on-phone--column align-items--flex-start article-page with-toolbar">
{{ partial "sidebar/left.html" . }}
<div class="flex column do-not-overflow">