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

18
assets/css/blog.css
View file

@ -7,6 +7,11 @@ h2 {
a:hover, a:active, a:focus { a:hover, a:active, a:focus {
text-decoration: none; } text-decoration: none; }
figure {
text-align: center; }
figure img {
max-width: 100%; }
main.blog .container { main.blog .container {
max-width: 700px; } max-width: 700px; }
@ -14,7 +19,8 @@ main.blog h1 a {
color: inherit; } color: inherit; }
main.blog article div.meta { main.blog article div.meta {
color: #a6a6a6; } color: #a6a6a6;
font-size: 0.85em; }
main.blog article div.meta span.tags { main.blog article div.meta span.tags {
margin-left: 5px; margin-left: 5px;
border-left: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6;
@ -27,6 +33,7 @@ main.blog article div.meta {
content: ''; } content: ''; }
main.blog article.excerpt { main.blog article.excerpt {
font-size: 1.05em;
padding-bottom: 30px; padding-bottom: 30px;
margin-top: 25px; margin-top: 25px;
border-bottom: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;
@ -38,10 +45,17 @@ main.blog article.excerpt {
top: 0.03em; } top: 0.03em; }
main.blog article.blogarticle { main.blog article.blogarticle {
font-size: 1.15em;
margin-top: 30px; margin-top: 30px;
padding-bottom: 60px; padding-bottom: 15px;
border-bottom: 2px solid silver; border-bottom: 2px solid silver;
margin-bottom: 50px; } margin-bottom: 50px; }
main.blog article.blogarticle h1 {
margin-bottom: 0; }
main.blog article.blogarticle div.meta.title {
margin-bottom: 20px; }
main.blog article.blogarticle div.meta.bottom {
margin-top: 45px; }
main.blog div.teasers article.excerpt:last-child { main.blog div.teasers article.excerpt:last-child {
border-bottom: none; } border-bottom: none; }

2
assets/css/blog.css.map
View file

@ -39,6 +39,6 @@
"../vendors/bootstrap/scss/mixins/_pulls.scss" "../vendors/bootstrap/scss/mixins/_pulls.scss"
], ],
"sourcesContent": [], "sourcesContent": [],
"mappings": "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", "mappings": "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",
"names": [] "names": []
} }

53
assets/css/foundation.css vendored
View file

@ -322,47 +322,6 @@ mark,
dl.row > dd + dt { dl.row > dd + dt {
clear: left; } clear: left; }
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
code {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: 0.25rem; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold; }
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
color: #373a3c; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container { .container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1920,6 +1879,15 @@ a.bg-danger:hover {
display: table; display: table;
clear: both; } clear: both; }
.d-block {
display: block !important; }
.d-inline-block {
display: inline-block !important; }
.d-inline {
display: inline !important; }
.pull-xs-left { .pull-xs-left {
float: left !important; } float: left !important; }
@ -1980,6 +1948,9 @@ a.bg-danger:hover {
overflow: visible; overflow: visible;
clip: auto; } clip: auto; }
.w-100 {
width: 100% !important; }
.m-x-auto { .m-x-auto {
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important; } margin-left: auto !important; }

8
assets/css/foundation.css.map
View file

File diff suppressed because one or more lines are too long

34
assets/css/main.css
View file

@ -25,6 +25,40 @@ a {
a:active, a:hover, a:focus { a:active, a:hover, a:focus {
color: #1f7001; } color: #1f7001; }
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; }
pre code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent; }
main div.container { main div.container {
margin-top: 10px; } margin-top: 10px; }
@media (min-width: 992px) { @media (min-width: 992px) {

2
assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

12
assets/scss/blog.scss
View file

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

2
assets/scss/foundation.scss vendored
View file

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

35
assets/scss/main.scss
View file

@ -32,6 +32,41 @@ a {
color: $link_active; 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 { main div.container {
margin-top: 10px; margin-top: 10px;

4
site/config/config.php
View file

@ -15,6 +15,10 @@ Kirby Configuration
c::set('cache', true); c::set('cache', true);
c::set('cache.ignore', array('sitemap')); c::set('cache.ignore', array('sitemap'));
c::set('smartypants', true);
c::set('smartypants.doublequote.open', '„');
c::set('smartypants.doublequote.close', '“');
c::set('ssl', true); c::set('ssl', true);
c::set('routes', array( c::set('routes', array(