mirror of
https://github.com/danbee/danbarber.me.hugo.git
synced 2025-03-04 08:59:18 +00:00
Bunch of CSS tweaks
This commit is contained in:
parent
11baa60fb9
commit
386544fb71
@ -1,5 +1,12 @@
|
||||
.post {
|
||||
border-top: 1px dashed $border-color;
|
||||
padding: 1.5em $pad-min;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
& > * {
|
||||
@include container
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
.site-header {
|
||||
@include container;
|
||||
padding: 0 $pad-min;
|
||||
}
|
||||
|
||||
3
assets/sass/elements/_a.scss
Normal file
3
assets/sass/elements/_a.scss
Normal file
@ -0,0 +1,3 @@
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
@ -4,6 +4,4 @@ html {
|
||||
font-weight: 300;
|
||||
font-size: calc(0.85vmin + 13px);
|
||||
line-height: 1.4;
|
||||
padding-left: $pad-min;
|
||||
padding-right: $pad-min;
|
||||
}
|
||||
|
||||
@ -22,6 +22,7 @@
|
||||
@import "elements/figure";
|
||||
@import "elements/headings";
|
||||
@import "elements/pre";
|
||||
@import "elements/a";
|
||||
|
||||
// 5. Objects – class-based selectors which define undecorated design patterns,
|
||||
// for example media object known from OOCSS
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</head>
|
||||
<body>
|
||||
{{ partial "header.html" . }}
|
||||
<main class="container">
|
||||
<main>
|
||||
{{ block "main" . }}
|
||||
{{ end }}
|
||||
</main>
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
<header class="site-header" role="banner">
|
||||
<h1>{{.Site.Title}}</h1>
|
||||
<div class="container">
|
||||
<h1>{{.Site.Title}}</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -3,9 +3,11 @@
|
||||
{{ range .Pages }}
|
||||
<article class="post">
|
||||
<h3><a href="{{.Permalink}}">{{.Title}}</a></h3>
|
||||
|
||||
{{ if .Truncated }}
|
||||
{{.Summary}}
|
||||
<a href="{{.Permalink}}">Read more →</a>
|
||||
|
||||
<p class="post__read-more"><a href="{{.Permalink}}">Read on →</a></p>
|
||||
{{ else }}
|
||||
{{.Content}}
|
||||
{{ end }}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user