1
0
Fork 0
This commit is contained in:
Moritz »mo.« Sauer 2014-08-22 12:10:43 +02:00
parent 6c771dda76
commit d8ddf6344f
7 changed files with 21 additions and 20 deletions

View file

@ -19,7 +19,7 @@
- title: "Post-Right-Sidebar" - title: "Post-Right-Sidebar"
url: "/design/post-right-sidebar/" url: "/design/post-right-sidebar/"
- title: "Typography" - title: "Typography"
url: "/typography/" url: "/design/typography/"
# - title: "Fullwidth Layout" # - title: "Fullwidth Layout"
# url: "/design/full-width/" # url: "/design/full-width/"

View file

@ -1,6 +1,6 @@
<h2>Why use this theme?</h2> <h2>Why use this theme?</h2>
<p> <p>
<em>Feeling Responsive</em> is heavily built on <a href="http://foundation.zurb.com/">Foundation</a>, the fabulous responsive webdesign framework by Zurb. It supports a 12-column grid, persuades you with beautiful <a href="/typography/">typography</a> and is heavily optimized for speed. <em>Feeling Responsive</em> is heavily built on <a href="http://foundation.zurb.com/">Foundation</a>, the fabulous responsive webdesign framework by Zurb. It supports a 12-column grid, persuades you with beautiful <a href="{{ site.url }}/design/typography/">typography</a> and is heavily optimized for speed.
</p> </p>

View file

@ -6,7 +6,7 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="{{ site.url }}/assets/css/style.min.css"> <link rel="stylesheet" href="{{ site.url }}/assets/css/style.min.css">
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script> <script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,300%7cVolkhov:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400italic,400,700%7cVolkhov:400,700' rel='stylesheet' type='text/css'>
{% if site.google_site_verification %} {% if site.google_site_verification %}
<meta name="google-site-verification" content="{{ site.google_site_verification}}" /> <meta name="google-site-verification" content="{{ site.google_site_verification}}" />
{% endif %} {% endif %}

View file

@ -55,7 +55,7 @@ html, body {
/* line 375, ../bower_components/foundation/scss/foundation/components/_global.scss */ /* line 375, ../bower_components/foundation/scss/foundation/components/_global.scss */
html, html,
body { body {
font-size: 100%; font-size: 16px;
} }
/* line 378, ../bower_components/foundation/scss/foundation/components/_global.scss */ /* line 378, ../bower_components/foundation/scss/foundation/components/_global.scss */
@ -64,7 +64,7 @@ body {
color: #222222; color: #222222;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
line-height: 1; line-height: 1;
@ -225,7 +225,7 @@ button, .button {
border-style: solid; border-style: solid;
border-width: 0px; border-width: 0px;
cursor: pointer; cursor: pointer;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
margin: 0 0 1.25rem; margin: 0 0 1.25rem;
@ -3511,7 +3511,7 @@ dialog[open] {
padding: 0 0 0 0; padding: 0 0 0 0;
list-style-type: none; list-style-type: none;
list-style-position: outside; list-style-position: outside;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
} }
/* line 70, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */ /* line 70, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
.side-nav li { .side-nav li {
@ -3534,7 +3534,7 @@ dialog[open] {
.side-nav li.active > a:first-child:not(.button) { .side-nav li.active > a:first-child:not(.button) {
color: #f8ca00; color: #f8ca00;
font-weight: normal; font-weight: normal;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
} }
/* line 92, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */ /* line 92, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
.side-nav li.divider { .side-nav li.divider {
@ -3574,7 +3574,7 @@ dialog[open] {
display: inline; display: inline;
margin-left: 1rem; margin-left: 1rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal; font-weight: normal;
font-size: 0.875rem; font-size: 0.875rem;
color: #999999; color: #999999;
@ -3896,7 +3896,7 @@ meta.foundation-mq-topbar {
color: white; color: white;
padding: 12px 0 12px 0; padding: 12px 0 12px 0;
padding-left: 15px; padding-left: 15px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 0.9375rem; font-size: 0.9375rem;
font-weight: normal; font-weight: normal;
text-transform: none; text-transform: none;
@ -5670,7 +5670,7 @@ td {
/* line 31, ../scss/_typography.scss */ /* line 31, ../scss/_typography.scss */
code { code {
line-height: 1.2; font-size: 0.875rem;
} }
/* line 33, ../scss/_typography.scss */ /* line 33, ../scss/_typography.scss */
@ -5787,7 +5787,7 @@ Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */ - - - - - - - - - - - - - - - - - - - - - - - */
/* line 98, ../scss/_typography.scss */ /* line 98, ../scss/_typography.scss */
.sans { .sans {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
} }
/* line 99, ../scss/_typography.scss */ /* line 99, ../scss/_typography.scss */
@ -5812,17 +5812,17 @@ Additional typographical elements
/* line 104, ../scss/_typography.scss */ /* line 104, ../scss/_typography.scss */
.font-size-medium { .font-size-medium {
font-size: 1rem; font-size: 1.125rem;
} }
/* line 105, ../scss/_typography.scss */ /* line 105, ../scss/_typography.scss */
.font-size-regular { .font-size-regular {
font-size: 1rem; font-size: 1.125rem;
} }
/* line 106, ../scss/_typography.scss */ /* line 106, ../scss/_typography.scss */
.font-size-normal { .font-size-normal {
font-size: 1rem; font-size: 1.125rem;
} }
@font-face { @font-face {

File diff suppressed because one or more lines are too long

View file

@ -2,7 +2,7 @@
layout: page layout: page
title: "Style your content!" title: "Style your content!"
subtitle: "Layouts of Feeling Responsive" subtitle: "Layouts of Feeling Responsive"
image_header: "header_unsplash_6.jpg" image_header: "header_unsplash_5.jpg"
permalink: "/design/style-guide/" permalink: "/design/style-guide/"
--- ---
<ul> <ul>

View file

@ -2,10 +2,9 @@
layout: page layout: page
title: "Wonderful Typography" title: "Wonderful Typography"
subtitle: "Reading Experience" subtitle: "Reading Experience"
description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." description: "<em>Feeling Responsive</em> uses Volkhov for headlines, Source Sans Pro for everything else and if you are in need to show some code, it will be in Lucida Console."
image_header: "no" image_header: "no"
image_title: "unsplash_5.jpg" permalink: "/design/typography/"
permalink: "/typography/"
--- ---
Noch mehr Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Noch mehr Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
@ -138,6 +137,8 @@ This looks like **bold** text.
### &lt;code&gt; ### &lt;code&gt;
Some `code: lucida console` displayed.
### &lt;var&gt; ### &lt;var&gt;
### &lt;samp&gt; ### &lt;samp&gt;