danbarber/danbarber.me.hugo
1
0
Fork 0
mirror of https://github.com/danbee/danbarber.me.hugo.git synced 2025-03-04 08:59:18 +00:00
Code Issues Releases Wiki Activity

Bunch of CSS tweaks

Browse Source
This commit is contained in:
Daniel Barber 2019-10-13 16:49:19 -04:00
parent 2c155a34b3
commit c0df255656
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
9 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/sass/components/_post.scss
View File

@ -1,5 +1,12 @@
.post { .post {
border-top: 1px dashed $border-color;
padding: 1.5em $pad-min;
img { img {
max-width: 100%; max-width: 100%;
} }
& > * {
@include container
}
} }

2
assets/sass/components/_site-header.scss
View File

@ -1,3 +1,3 @@
.site-header { .site-header {
@include container; padding: 0 $pad-min;
} }

3
assets/sass/elements/_a.scss Normal file
View File

@ -0,0 +1,3 @@
a {
color: $link-color;
}

2
assets/sass/elements/_html.scss
View File

@ -4,6 +4,4 @@ html {
font-weight: 300; font-weight: 300;
font-size: calc(0.85vmin + 13px); font-size: calc(0.85vmin + 13px);
line-height: 1.4; line-height: 1.4;
padding-left: $pad-min;
padding-right: $pad-min;
} }

1
assets/sass/main.scss
View File

@ -22,6 +22,7 @@
@import "elements/figure"; @import "elements/figure";
@import "elements/headings"; @import "elements/headings";
@import "elements/pre"; @import "elements/pre";
@import "elements/a";
// 5. Objects – class-based selectors which define undecorated design patterns, // 5. Objects – class-based selectors which define undecorated design patterns,
// for example media object known from OOCSS // for example media object known from OOCSS

2
layouts/_default/baseof.html
View File

@ -5,7 +5,7 @@
</head> </head>
<body> <body>
{{ partial "header.html" . }} {{ partial "header.html" . }}
<main class="container"> <main>
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
</main> </main>

4
layouts/partials/header.html
View File

@ -1,3 +1,5 @@
<header class="site-header" role="banner"> <header class="site-header" role="banner">
<h1>{{.Site.Title}}</h1> <div class="container">
<h1>{{.Site.Title}}</h1>
</div>
</header> </header>

4
layouts/section/blog.html
View File

@ -3,9 +3,11 @@
{{ range .Pages }} {{ range .Pages }}
<article class="post"> <article class="post">
<h3><a href="{{.Permalink}}">{{.Title}}</a></h3> <h3><a href="{{.Permalink}}">{{.Title}}</a></h3>
{{ if .Truncated }} {{ if .Truncated }}
{{.Summary}} {{.Summary}}
<a href="{{.Permalink}}">Read more →</a>
<p class="post__read-more"><a href="{{.Permalink}}">Read on →</a></p>
{{ else }} {{ else }}
{{.Content}} {{.Content}}
{{ end }} {{ end }}

22
resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View File

@ -315,9 +315,7 @@ html {
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-size: calc(0.85vmin + 13px); font-size: calc(0.85vmin + 13px);
line-height: 1.4; line-height: 1.4; }
padding-left: 6.5%;
padding-right: 6.5%; }
figure { figure {
margin: 1em 0; } margin: 1em 0; }
@ -335,15 +333,23 @@ pre {
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 1em; } padding: 1em; }
a {
color: #1863a1; }
.container { .container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 40rem; } max-width: 40rem; }
.site-header { .site-header {
margin-left: auto; padding: 0 6.5%; }
margin-right: auto;
max-width: 40rem; }
.post img { .post {
max-width: 100%; } border-top: 1px dashed #ccc;
padding: 1.5em 6.5%; }
.post img {
max-width: 100%; }
.post > * {
margin-left: auto;
margin-right: auto;
max-width: 40rem; }