schnitzelstyle 0.0.10 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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: []
|