djpbessems/ContainerImage.Pinniped
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #201 from amymanion/am-dev

Browse Source 
Style updates
This commit is contained in:
Matt Moyer 2020-11-12 09:12:24 -06:00 committed by GitHub
commit 5fd105496f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 94 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/resources/_gen/assets/scss/scss/site.scss_8967e03afb92eb0cac064520bf021ba2.content
View File

File diff suppressed because one or more lines are too long

12
site/themes/pinniped/assets/scss/_base.scss
View File

@ -42,12 +42,18 @@ body {
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
}
h2 {
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
li {
list-style-type: none;
display: inline;
@ -60,7 +66,7 @@ li {
p {
line-height: 1.5em;
font-weight: 300;
font-size: 16px;
font-size: 14px;
color: $grey;
}
a {
@ -101,7 +107,7 @@ button {
}
}
.strong {
font-weight: 600;
font-family: $metropolis-medium;
}
.bg-grey {
background-color: $lightgrey;

87
site/themes/pinniped/assets/scss/_components.scss
View File

@ -10,9 +10,13 @@
padding: 0px 0px 10px 0px;
p {
margin-bottom: 20px;
font-size: 18px;
color: $white;
}
}
h2 {
font-size: 36px;
}
&.homepage {
background-image: url(/img/hero-image.png);
background-position: center center;
@ -62,6 +66,7 @@
padding: 35px 20px;
p {
margin: 0px;
font-size: 16px;
&.strong {
color: $black;
}
@ -127,7 +132,8 @@
color: $black;
}
p.strong {
color: $black;
color: #1B3951;
font-size: 16px;
}
}
@ -136,6 +142,9 @@
h2, h3, p {
color: $white;
}
p {
font-size: 16px;
}
a {
color: $white;
font-weight: 300;
@ -155,11 +164,10 @@
margin: 0px;
&.name {
font-size: 16px;
font-weight: 600;
font-family: $metropolis-medium;
}
&.position {
font-size: 14px;
font-weight: 300;
}
}
}
@ -208,6 +216,9 @@
&.landing {
background-color: #fff;
margin-top: -90px;
h3 a {
font-size: 16px;
}
.pagination {
margin: 30px auto 50px auto;
ul {
@ -249,6 +260,60 @@
color: $black;
font-weight: 600;
}
a {
font-size: 14px;
}
ul {
list-style-type: disc;
padding-left: 20px;
li {
list-style-type: unset;
display: list-item;
margin-bottom: 10px;
font-size: 14px;
color: $grey;
line-height: 1.6em;
list-style-image: url(/img/arrow.svg);
}
}
ol {
li {
list-style-type: decimal;
display: list-item;
margin-bottom: 10px;
font-size: 14px;
color: $grey;
}
}
code {
background-color: $white;
color: $grey;
border: 2px solid #EFEFEF;
padding: 2px 8px;
.c1 {
color: $blue;
font-style: italic;
}
.se {
color: #ff0000;
}
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
code {
display: block;
border: 15px solid #EFEFEF;
padding: 15px;
margin-bottom: 30px;
}
}
img {
max-width: 100%;
}
}
}
@ -257,6 +322,7 @@
color: $black;
p {
color: $black;
font-size: 16px;
}
.left-side {
width: 50%;
@ -356,6 +422,9 @@
.docs-content {
width: 75%;
float: right;
a {
font-size: 14px;
}
ul {
list-style-type: disc;
padding-left: 20px;
@ -367,9 +436,15 @@
color: $grey;
line-height: 1.6em;
list-style-image: url(/img/arrow.svg);
a {
font-size: 14px;
}
}
}
ol {
li {
list-style-type: decimal;
display: list-item;
margin-bottom: 10px;
font-size: 14px;
color: $grey;
}
}
code {

6
site/themes/pinniped/layouts/_default/single.html
View File

@ -3,19 +3,19 @@
<article>
<div class="hero subpage">
<div class="wrapper">
<h2>Pinniped Blog</h2>
<h1>Pinniped Blog</h1>
</div>
</div>
<div class="wrapper blog">
<div class="blog-post">
<h3>{{ .Title }}</h3>
<h2>{{ .Title }}</h2>
<p class="author">
<a href="/tags/{{ .Params.author | urlize }}">{{ .Params.author }}</a>
</p>
<p class="date">{{ dateFormat "Jan 2, 2006" .Date }}</p>
{{ .Content }}
</div>
<h3>Related Content</h3>
<h2>Related Content</h2>
<div class="grid three">
{{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }}
{{ with $related }}