Skip to content

Commit 87ca494

Browse files
PhlowPhlow
committed
Now with sass-support
1 parent e8835b4 commit 87ca494

62 files changed

Lines changed: 12427 additions & 269 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.gitignore‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
_site/
1+
_site/
2+
.sass-cache/

‎_config.yml‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -164,3 +164,15 @@ og_description: "Feeling Responsive is built on the fabulous
164164
# /_/
165165

166166
disqus_shortname: feelingresponsive
167+
168+
169+
# _____
170+
# / ___/____ ___________
171+
# \__ \/ __ `/ ___/ ___/
172+
# ___/ / /_/ (__ |__ )
173+
# /____/\__,_/____/____/
174+
#
175+
176+
sass:
177+
sass_dir: _sass
178+
style: :compressed

‎_includes/head.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
7-
<link rel="stylesheet" href="{{ site.url }}/assets/css/styles-responsive.min.css">
7+
<link rel="stylesheet" href="{{ site.url }}/assets/css/styles_feeling_responsive.css">
88
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
99

1010
<script>

‎_sass/_02_settings_colors.scss‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
2+
/* Color Variables
3+
------------------------------------------------------------------- */
4+
5+
$text-color: #111;
6+
$body-font-color: $text-color;
7+
$body-bg: #fdfdfd;
8+
9+
10+
11+
/* Corporate Identity Colorpalette/Color Scheme
12+
https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/
13+
14+
------------------------------------------------------------------- */
15+
16+
$ci-1: #334D5C; // dark turquoise
17+
$ci-2: #45B29D; // turquoise
18+
$ci-3: #EFC94C; // yellow
19+
$ci-4: #E27A3F; // orange
20+
$ci-5: #DF4949; // red
21+
$ci-6: #A1D044; // green
22+
23+
24+
25+
/* Foundation Color Variables
26+
------------------------------------------------------------------- */
27+
28+
$primary-color: $ci-1;
29+
$secondary-color: $ci-6;
30+
$alert-color: $ci-5;
31+
$success-color: $ci-6;
32+
$warning-color: $ci-4;
33+
$info-color: $ci-2;
34+
35+
36+
37+
/* Grey Scale
38+
------------------------------------------------------------------- */
39+
40+
$grey-1: #E4E4E4;
41+
$grey-2: #D7D7D7;
42+
$grey-3: #CBCBCB;
43+
$grey-4: #BEBEBE;
44+
$grey-5: #A4A4A4;
45+
$grey-6: #979797;
46+
$grey-7: #8B8B8B;
47+
$grey-8: #7E7E7E;
48+
$grey-9: #646464;
49+
$grey-10: #575757;
50+
$grey-11: #4B4B4B;
51+
$grey-12: #3E3E3E;
52+
$grey-13: #313131;
53+
$grey-14: #242424;
54+
$grey-15: #171717;
55+
$grey-16: #0B0B0B;
56+
57+
58+
59+
/* Topbar-Navigation
60+
------------------------------------------------------------------- */
61+
62+
$topbar-bg-color: #fff;
63+
64+
$topbar-dropdown-toggle-color: $ci-1;
65+
66+
$topbar-link-color: #000;
67+
$topbar-link-color-hover: #000;
68+
$topbar-link-color-active: #000;
69+
$topbar-link-color-active-hover: #000;
70+
71+
$topbar-dropdown-label-color: $ci-2;
72+
$topbar-dropdown-link-bg-hover: $ci-6;
73+
$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
74+
75+
$topbar-link-bg-active: $ci-6; // Aktiver ausgewählter Menupunkt
76+
$topbar-link-bg-hover: $ci-6;
77+
$topbar-link-bg-active-hover: $ci-2;
78+
79+
80+
$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
81+
$topbar-dropdown-link-color: #000;
82+
$topbar-dropdown-link-bg: $ci-2;
83+
84+
$topbar-menu-link-color-toggled: $ci-1;
85+
$topbar-menu-icon-color-toggled: $ci-1;
86+
$topbar-menu-link-color: #000;
87+
$topbar-menu-icon-color: #000;
88+
$topbar-menu-link-color-toggled: $ci-6;
89+
$topbar-menu-icon-color-toggled: $ci-6;
90+
91+
92+
93+
/* Footer
94+
------------------------------------------------------------------- */
95+
96+
$footer-bg: $grey-8;
97+
$footer-color: #fff;
98+
$footer-link-color: $ci-6;
99+
100+
101+
$subfooter-bg: $grey-13;
102+
$subfooter-color: $grey-8;
103+
$subfooter-link-color: $grey-8;
104+
105+
106+
107+
/* Code
108+
------------------------------------------------------------------- */
109+
110+
$code-background-color: scale-color($secondary-color, $lightness: 70%);
111+
112+
$highlight-background: #ffffff;
113+
$highlight-comment: #999988;
114+
$highlight-error: #a61717;
115+
$highlight-comment-special: #999999;
116+
$highlight-deleted: #000000;
117+
$highlight-error-2: #aa0000;
118+
$highlight-literal-string: #d14;
119+
$highlight-literal-number: #009999;
120+
$highlight-name-attribut: #008080;
121+
$highlight-error-background: #e3d2d2;
122+
$highlight-generic-deleted: #ffdddd;
123+
$highlight-generic-deleted-specific: #ffaaaa;
124+
$highlight-generic-inserted: #ddffdd;
125+
$highlight-generic-inserted-specific: #aaffaa;
126+
$highlight-generic-output: #888888;
127+
$highlight-generic-prompt: #555555;
128+
$highlight-subheading: #aaaaaa;
129+
$highlight-keyword-type: #445588;
130+
$highlight-name-builtin: #0086B3;
131+
$highlight-name-class: #445588;
132+
$highlight-name-entity: #800080;
133+
$highlight-name-exception: #990000;
134+
$highlight-name-function: #990000;
135+
$highlight-name-namespace: #555555;
136+
$highlight-name-tag: #000080;
137+
$highlight-text-whitespace: #bbbbbb;
138+
$highlight-literal-string-regex: #009926;
139+
$highlight-literal-string-symbol: #990073;

‎_sass/_03_settings_typography.scss‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
//
2+
// Typography variables
3+
//
4+
// Modular Scale › http://modularscale.com/scale/?px1=16&px2=36&ra1=1.25&ra2=0
5+
//
6+
// Allows the use of rem-calc() or lower-bound() in your settings
7+
@import "functions";
8+
9+
10+
11+
/* Fonts
12+
------------------------------------------------------------------- */
13+
14+
$base-font-size: 16px;
15+
$rem-base: $base-font-size;
16+
// $base-line-height is 24px while $base-font-size is 16px
17+
$base-line-height: 1.5 !default;
18+
19+
20+
$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
21+
$font-family-serif: "Volkhov", Georgia, Times, serif;
22+
$font-family-monospace: "Lucida Console", Monaco, monospace;
23+
24+
$body-font-family: $font-family-sans-serif;
25+
$body-font-weight: normal;
26+
$body-font-style: normal;
27+
28+
$header-font-family: $font-family-serif;
29+
30+
31+
32+
/* Font Weight
33+
------------------------------------------------------------------- */
34+
35+
$font-weight-normal: normal;
36+
$font-weight-bold: bold;
37+
38+
39+
40+
/* Font Size Variables
41+
------------------------------------------------------------------- */
42+
43+
$font-size-p: $base-font-size;
44+
$font-size-h1: 2.441em;
45+
$font-size-h2: 1.953em;
46+
$font-size-h3: 1.563em;
47+
$font-size-h4: 1.25em;
48+
$font-size-h5: 1.152em;
49+
$font-size-small: 0.8em;
50+
51+
.font-size-h1 { font-size: $font-size-h1; }
52+
.font-size-h2 { font-size: $font-size-h2; }
53+
.font-size-h3 { font-size: $font-size-h3; }
54+
.font-size-h4 { font-size: $font-size-h4; }
55+
.font-size-h5 { font-size: $font-size-h5; }

0 commit comments

Comments
 (0)