schnitzelstyle 0.0.10 → 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/assets/stylesheets/schnitzelstyle/_basics.scss +21 -0
- data/lib/assets/stylesheets/schnitzelstyle/_configuration.scss +3 -9
- data/lib/assets/stylesheets/schnitzelstyle/_content.scss +10 -6
- data/lib/assets/stylesheets/schnitzelstyle/_eyecandy.scss +5 -5
- data/lib/assets/stylesheets/schnitzelstyle/_forms.scss +15 -4
- data/lib/assets/stylesheets/schnitzelstyle/_grid.scss +0 -1
- data/lib/assets/stylesheets/schnitzelstyle/_responsive.scss +7 -2
- data/lib/schnitzelstyle/version.rb +1 -1
- data/schnitzelstyle.gemspec +2 -2
- metadata +6 -6
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
@mixin vendorize($name, $value) {
|
|
2
|
+
#{$name}: $value;
|
|
3
|
+
-webkit-#{$name}: $value;
|
|
4
|
+
-moz-#{$name}: $value;
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
@mixin justified {
|
|
2
8
|
text-align: justify;
|
|
3
9
|
text-justify: newspaper;
|
|
@@ -18,7 +24,9 @@
|
|
|
18
24
|
|
|
19
25
|
body {
|
|
20
26
|
color: $color-text;
|
|
27
|
+
background-color: $color-background;
|
|
21
28
|
font: $font-default;
|
|
29
|
+
padding-bottom: 50px;
|
|
22
30
|
}
|
|
23
31
|
|
|
24
32
|
// set body class to 'loading' to switch the curser to a 'loading' cursor.
|
|
@@ -34,6 +42,13 @@
|
|
|
34
42
|
font-weight: bold;
|
|
35
43
|
}
|
|
36
44
|
|
|
45
|
+
hr {
|
|
46
|
+
border: none;
|
|
47
|
+
color: rgba($color-text, 0.1);
|
|
48
|
+
background-color: rgba($color-text, 0.1);
|
|
49
|
+
height: 1px;
|
|
50
|
+
}
|
|
51
|
+
|
|
37
52
|
// make sure each first and last child element has no leading margin.
|
|
38
53
|
*:first-child { margin-top: 0 !important }
|
|
39
54
|
*:last-child { margin-bottom: 0 !important }
|
|
@@ -64,6 +79,12 @@
|
|
|
64
79
|
text-align: right;
|
|
65
80
|
a { color: $color-footer; }
|
|
66
81
|
}
|
|
82
|
+
|
|
83
|
+
// formatting of sections
|
|
84
|
+
section+section, article+section {
|
|
85
|
+
border-top: 5px solid rgba($color-text, 0.1);
|
|
86
|
+
padding: 1em 0;
|
|
87
|
+
}
|
|
67
88
|
}
|
|
68
89
|
|
|
69
90
|
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$container-width: 600px;
|
|
2
2
|
|
|
3
|
-
$font-1:
|
|
4
|
-
$font-2:
|
|
3
|
+
$font-1: 15px "Helvetica Neue","Arial",helvetica,sans-serif !default;
|
|
4
|
+
$font-2: 15px "Verdana",helvetica,sans-serif !default;
|
|
5
5
|
|
|
6
6
|
$font-default: $font-1;
|
|
7
7
|
$font-header: $font-2;
|
|
@@ -10,15 +10,9 @@ $font-monospaced: 13px Menlo,Monaco,Courier !default;
|
|
|
10
10
|
|
|
11
11
|
// define some colors
|
|
12
12
|
$color-background: white !default;
|
|
13
|
-
$color-text: #
|
|
13
|
+
$color-text: #555 !default;
|
|
14
14
|
$color-extra: #4ea4ec !default;
|
|
15
15
|
|
|
16
|
-
// Or try a different color scheme...:
|
|
17
|
-
//
|
|
18
|
-
// $color-background: #333 !default;
|
|
19
|
-
// $color-text: #ccc !default;
|
|
20
|
-
// $color-extra: #f93 !default;
|
|
21
|
-
|
|
22
16
|
// apply colors to basic page elements
|
|
23
17
|
$color-footer: rgba($color-text, 0.5) !default;
|
|
24
18
|
$color-title: $color-extra !default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@mixin schnitzel-content {
|
|
2
2
|
article, section {
|
|
3
|
-
margin:
|
|
3
|
+
margin: 2em 0;
|
|
4
4
|
|
|
5
5
|
// header
|
|
6
6
|
&>header {
|
|
@@ -49,28 +49,32 @@
|
|
|
49
49
|
// lists
|
|
50
50
|
ul {
|
|
51
51
|
list-style-type: square;
|
|
52
|
+
li { margin-left: 1.5em; }
|
|
52
53
|
}
|
|
53
54
|
|
|
54
55
|
ol {
|
|
55
56
|
list-style-type: decimal;
|
|
57
|
+
li { margin-left: 1.5em; }
|
|
56
58
|
}
|
|
57
59
|
|
|
58
|
-
|
|
59
|
-
margin-left: 1em;
|
|
60
|
-
}
|
|
60
|
+
|
|
61
61
|
|
|
62
62
|
// headings
|
|
63
63
|
h1, h2, h3, h4, h5, h6 {
|
|
64
|
-
@include floaty-title($color-heading-text, $color-heading-background);
|
|
65
|
-
font: $font-header;
|
|
66
64
|
margin-top: 1.5em;
|
|
65
|
+
font: $font-header;
|
|
67
66
|
font-weight: bold;
|
|
68
67
|
}
|
|
69
68
|
|
|
69
|
+
h1, h2 {
|
|
70
|
+
@include floaty-title($color-heading-text, $color-heading-background);
|
|
71
|
+
}
|
|
72
|
+
|
|
70
73
|
h1 {
|
|
71
74
|
font-size: 150%;
|
|
72
75
|
text-transform: uppercase;
|
|
73
76
|
}
|
|
77
|
+
|
|
74
78
|
// quotes
|
|
75
79
|
blockquote {
|
|
76
80
|
@include justified;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@mixin floaty-title($fg, $bg) {
|
|
2
2
|
display: inline-block;
|
|
3
|
-
padding: 5px 10px;
|
|
3
|
+
padding: 5px 40px 5px 10px;
|
|
4
4
|
|
|
5
5
|
color: $fg;
|
|
6
6
|
background-color: $bg;
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
-webkit-transition-property: $properties;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
@mixin box-shadow($x: 0, $y: 1px, $r: 2px, $color: rgba(0,0,0,.2)) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
box-shadow
|
|
23
|
+
@mixin box-shadow($x: 0, $y: 1px, $r: 2px, $color: rgba(0,0,0,.2), $inset: false) {
|
|
24
|
+
$s: $x $y $r $color;
|
|
25
|
+
@if ($inset) { $s: $s inset; }
|
|
26
|
+
@include vendorize(box-shadow, $s);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
@mixin button($color: complement($color-extra), $radius: 4px) {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
margin: 0.5em 0;
|
|
7
7
|
|
|
8
8
|
label {
|
|
9
|
-
display:
|
|
9
|
+
display: block;
|
|
10
10
|
@include small-type;
|
|
11
11
|
font-weight: bold;
|
|
12
12
|
padding-left: 5px;
|
|
@@ -20,10 +20,13 @@
|
|
|
20
20
|
border: none;
|
|
21
21
|
font: $font-monospaced;
|
|
22
22
|
background-color: rgba($color-text, 0.15);
|
|
23
|
-
color:
|
|
23
|
+
color: $color-text;
|
|
24
|
+
@include box-shadow(4px, 4px, 8px, rgba($color-text, 0.05), $inset: true);
|
|
25
|
+
border-radius: 3px;
|
|
26
|
+
}
|
|
24
27
|
|
|
25
|
-
|
|
26
|
-
|
|
28
|
+
textarea {
|
|
29
|
+
line-height: 1.5;
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
select, option {
|
|
@@ -35,6 +38,14 @@
|
|
|
35
38
|
display: block;
|
|
36
39
|
}
|
|
37
40
|
|
|
41
|
+
input[type=checkbox] {
|
|
42
|
+
width: auto;
|
|
43
|
+
margin-left: 4px;
|
|
44
|
+
&+.value {
|
|
45
|
+
@include small-type;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
38
49
|
.error {
|
|
39
50
|
display: block;
|
|
40
51
|
color: $color-error;
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
// container overrides
|
|
8
8
|
.container {
|
|
9
9
|
width: auto;
|
|
10
|
-
padding: 0 10px;
|
|
11
10
|
|
|
12
11
|
&>header {
|
|
13
12
|
margin-top: 0 !important;
|
|
13
|
+
padding: 0 10px;
|
|
14
14
|
font-size: 100%;
|
|
15
15
|
|
|
16
16
|
.site-title {
|
|
@@ -21,13 +21,18 @@
|
|
|
21
21
|
margin-right: -10px;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
+
|
|
25
|
+
&>section, &>article {
|
|
26
|
+
padding-left: 10px;
|
|
27
|
+
padding-right: 10px;
|
|
28
|
+
}
|
|
24
29
|
}
|
|
25
30
|
|
|
26
31
|
// content overrides
|
|
27
32
|
article, section {
|
|
28
33
|
margin-top: 10px;
|
|
29
34
|
|
|
30
|
-
h1, h2
|
|
35
|
+
h1, h2 {
|
|
31
36
|
display: block;
|
|
32
37
|
margin-left: -10px;
|
|
33
38
|
margin-right: -10px;
|
data/schnitzelstyle.gemspec
CHANGED
|
@@ -5,8 +5,8 @@ Gem::Specification.new do |gem|
|
|
|
5
5
|
gem.authors = ["Hendrik Mans"]
|
|
6
6
|
gem.email = ["hendrik@mans.de"]
|
|
7
7
|
gem.description = %q{A simple, light-weight CSS framework to kickstart your web app.}
|
|
8
|
-
gem.summary = %q{
|
|
9
|
-
gem.homepage = "http://
|
|
8
|
+
gem.summary = %q{SCSS-powered CSS Framework extracted from SchnitzelPress.}
|
|
9
|
+
gem.homepage = "http://schnitzelpress.org/schnitzelstyle/"
|
|
10
10
|
|
|
11
11
|
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
|
12
12
|
gem.files = `git ls-files`.split("\n")
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: schnitzelstyle
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0
|
|
4
|
+
version: 0.1.0
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,11 +9,11 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2012-02-
|
|
12
|
+
date: 2012-02-25 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &70305599731920 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ! '>='
|
|
@@ -21,7 +21,7 @@ dependencies:
|
|
|
21
21
|
version: '0'
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *70305599731920
|
|
25
25
|
description: A simple, light-weight CSS framework to kickstart your web app.
|
|
26
26
|
email:
|
|
27
27
|
- hendrik@mans.de
|
|
@@ -57,7 +57,7 @@ files:
|
|
|
57
57
|
- site/index.haml
|
|
58
58
|
- site/schnitzelstyle-static.scss
|
|
59
59
|
- site/site.scss
|
|
60
|
-
homepage: http://
|
|
60
|
+
homepage: http://schnitzelpress.org/schnitzelstyle/
|
|
61
61
|
licenses: []
|
|
62
62
|
post_install_message:
|
|
63
63
|
rdoc_options: []
|
|
@@ -80,5 +80,5 @@ rubyforge_project:
|
|
|
80
80
|
rubygems_version: 1.8.11
|
|
81
81
|
signing_key:
|
|
82
82
|
specification_version: 3
|
|
83
|
-
summary:
|
|
83
|
+
summary: SCSS-powered CSS Framework extracted from SchnitzelPress.
|
|
84
84
|
test_files: []
|