jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[SITE CSS] add code style to main.scss + add image and text size to blog.scss + enable smartypants

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-04-18 00:28:20 +02:00
parent 4b7c4a5579
commit 24c7efc386
10 changed files with 119 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/scss/blog.scss
View file

@ -16,11 +16,18 @@ body {
h2 {
margin-bottom: 5px;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
figure {
text-align: center;
img {
max-width: 100%;
}
}
// additional css
main.blog {
@ -34,6 +41,7 @@ main.blog {
article {
div.meta {
color: $blog_color_meta;
font-size: 0.85em;
span.tags {
margin-left: 5px;
border-left: 1px solid $blog_color_meta;
@ -46,6 +54,7 @@ main.blog {
}
article.excerpt {
font-size: 1.05em;
padding-bottom: 30px;
margin-top: 25px;
border-bottom: 1px solid $blog_color_meta;
@ -60,6 +69,7 @@ main.blog {
}
article.blogarticle {
font-size: 1.15em;
margin-top: 30px;
h1 {

2
assets/scss/foundation.scss vendored
View file

@ -15,7 +15,7 @@
@import "reboot"; // needed for correct grid behaviour
@import "type";
//@import "images";
@import "code";
//@import "code";
@import "grid";
//@import "tables";
//@import "forms";

35
assets/scss/main.scss
View file

@ -32,6 +32,41 @@ a {
color: $link_active;
}
}
blockquote {
font-size: 1.4em;
border-left: 4px solid #dddddd;
padding: 0 15px;
color: #777777;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
code {
padding: 0 5px;
white-space: nowrap;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
}
pre {
background-color: #f8f8f8;
border: 1px solid #cccccc;
font-size: 14px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px;
code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent;
}
}
main div.container {
margin-top: 10px;