schnitzelstyle 0.0.2 → 0.0.4
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 +10 -8
- data/lib/assets/stylesheets/schnitzelstyle/_coderay.scss +2 -2
- data/lib/assets/stylesheets/schnitzelstyle/_configuration.scss +15 -5
- data/lib/assets/stylesheets/schnitzelstyle/_eyecandy.scss +44 -0
- data/lib/assets/stylesheets/schnitzelstyle/_flashes.scss +7 -0
- data/lib/assets/stylesheets/schnitzelstyle/_forms.scss +53 -0
- data/lib/assets/stylesheets/schnitzelstyle/_grid.scss +1 -1
- data/lib/assets/stylesheets/schnitzelstyle/complete.scss +6 -0
- data/lib/assets/stylesheets/schnitzelstyle.scss +6 -0
- data/lib/schnitzelstyle/rails.rb +6 -0
- data/lib/schnitzelstyle/version.rb +1 -1
- data/lib/schnitzelstyle.rb +7 -3
- metadata +9 -4
|
@@ -35,24 +35,23 @@
|
|
|
35
35
|
font-size: 120%;
|
|
36
36
|
line-height: 150%;
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
.site-title {
|
|
39
39
|
margin-bottom: 0.5em;
|
|
40
40
|
|
|
41
41
|
font: $font-header;
|
|
42
42
|
font-size: 200%;
|
|
43
43
|
font-weight: bold;
|
|
44
44
|
@include floaty-title($color-page-background, $color-header);
|
|
45
|
+
|
|
46
|
+
@media only screen and (max-width: 640px) {
|
|
47
|
+
font-size: 100%;
|
|
48
|
+
}
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
@media only screen and (max-width: 640px) {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
h1 {
|
|
51
|
-
font-size: 120%;
|
|
52
|
-
}
|
|
52
|
+
font-size: 100%;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
|
|
56
55
|
.container>footer {
|
|
57
56
|
font: $font-footer;
|
|
58
57
|
font-size: 75%;
|
|
@@ -78,7 +77,7 @@
|
|
|
78
77
|
}
|
|
79
78
|
}
|
|
80
79
|
|
|
81
|
-
p, dl, ol, ul, li {
|
|
80
|
+
p, dl, ol, ul, li, div.input {
|
|
82
81
|
margin: 0.8em 0;
|
|
83
82
|
line-height: 24px;
|
|
84
83
|
}
|
|
@@ -137,6 +136,9 @@
|
|
|
137
136
|
pre {
|
|
138
137
|
display: block;
|
|
139
138
|
padding: 0.5em;
|
|
139
|
+
overflow: scroll;
|
|
140
|
+
|
|
141
|
+
code { padding: 0; }
|
|
140
142
|
}
|
|
141
143
|
|
|
142
144
|
blockquote {
|
|
@@ -1,13 +1,23 @@
|
|
|
1
|
+
$container-width: 600px;
|
|
2
|
+
|
|
1
3
|
$font-default: 15px "Georgia" !default;
|
|
2
4
|
$font-header: 14px "Lucida Grande" !default;
|
|
3
5
|
$font-footer: $font-header !default;
|
|
4
6
|
$font-monospaced: 13px Menlo,Monaco,Courier !default;
|
|
5
7
|
|
|
6
|
-
|
|
7
|
-
$color-
|
|
8
|
-
$color-
|
|
9
|
-
$color-
|
|
8
|
+
// define some colors
|
|
9
|
+
$color-0: white !default;
|
|
10
|
+
$color-1: #555 !default;
|
|
11
|
+
$color-2: #999 !default;
|
|
12
|
+
$color-3: #4ea4ec !default;
|
|
13
|
+
$color-4: complement($color-3);
|
|
14
|
+
|
|
15
|
+
// apply colors to basic page elements
|
|
16
|
+
$color-page-background: $color-0 !default;
|
|
17
|
+
$color-text: $color-1 !default;
|
|
18
|
+
$color-footer: $color-2 !default;
|
|
19
|
+
$color-header: $color-3 !default;
|
|
10
20
|
|
|
11
21
|
$color-link: $color-text !default;
|
|
12
|
-
$color-link-underline: lighten(
|
|
22
|
+
$color-link-underline: lighten($color-4, 10%) !default;
|
|
13
23
|
$color-link-hover: darken($color-link, 20%) !default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
@mixin box-shadow($x: 0, $y: 1px, $r: 2px, $color: rgba(0,0,0,.2)) {
|
|
2
|
+
-webkit-box-shadow: $x $y $r $color;
|
|
3
|
+
-moz-box-shadow: $x $y $r $color;
|
|
4
|
+
box-shadow: $x $y $r $color;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@mixin button($color: #f93, $radius: 4px) {
|
|
8
|
+
$text-color: lighten($color, 50%);
|
|
9
|
+
|
|
10
|
+
padding: 2px 8px;
|
|
11
|
+
|
|
12
|
+
/* button basics */
|
|
13
|
+
text-shadow: 0 1px 1px rgba(0,0,0,.3);
|
|
14
|
+
-webkit-border-radius: $radius;
|
|
15
|
+
-moz-border-radius: $radius;
|
|
16
|
+
border-radius: $radius;
|
|
17
|
+
@include box-shadow(0, 1px, 2px, rgba(0,0,0,.2));
|
|
18
|
+
|
|
19
|
+
/* colors */
|
|
20
|
+
color: $text-color !important;
|
|
21
|
+
border: solid 1px darken($color, 20%);
|
|
22
|
+
@include gradient($color);
|
|
23
|
+
|
|
24
|
+
&:hover {
|
|
25
|
+
color: $text-color;
|
|
26
|
+
@include box-shadow(0, 1px, 2px, rgba(0,0,0,.5));
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@mixin gradient($color) {
|
|
31
|
+
$color-from: lighten($color, 12%);
|
|
32
|
+
$color-to: darken($color, 12%);
|
|
33
|
+
|
|
34
|
+
background: $color-to;
|
|
35
|
+
background: -webkit-gradient(linear, left top, left bottom, from($color-from), to($color-to));
|
|
36
|
+
background: -moz-linear-gradient(top, $color-from, $color-to);
|
|
37
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@mixin schnitzel-eyecandy {
|
|
41
|
+
.button { @include button }
|
|
42
|
+
.button.red { @include button(#c66) }
|
|
43
|
+
.button.green { @include button(#6c6) }
|
|
44
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
@mixin schnitzel-forms {
|
|
2
|
+
form {
|
|
3
|
+
margin: 0.5em 0;
|
|
4
|
+
|
|
5
|
+
div.input {
|
|
6
|
+
margin: 0.5em 0;
|
|
7
|
+
|
|
8
|
+
label {
|
|
9
|
+
display: block;
|
|
10
|
+
color: $color-header;
|
|
11
|
+
font: $font-footer;
|
|
12
|
+
font-size: 80%;
|
|
13
|
+
font-weight: bold;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
input {
|
|
17
|
+
font: $font-default;
|
|
18
|
+
padding: 2px 4px;
|
|
19
|
+
width: 600px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
select, option {
|
|
23
|
+
font: $font-default;
|
|
24
|
+
padding: 2px 4px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
textarea {
|
|
28
|
+
font: $font-default;
|
|
29
|
+
padding: 2px 4px;
|
|
30
|
+
width: 600px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
span.error {
|
|
34
|
+
display: block;
|
|
35
|
+
color: $color-4;
|
|
36
|
+
font: $font-footer;
|
|
37
|
+
font-size: 80%;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
div.input.radio {
|
|
42
|
+
input { width: 20px; }
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
div.buttons {
|
|
46
|
+
input {
|
|
47
|
+
@include button;
|
|
48
|
+
font-size: 100%;
|
|
49
|
+
padding: 4px 10px;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
@import 'schnitzelstyle/configuration';
|
|
2
2
|
@import 'schnitzelstyle/reset';
|
|
3
3
|
@import 'schnitzelstyle/basics';
|
|
4
|
+
@import 'schnitzelstyle/eyecandy';
|
|
5
|
+
@import 'schnitzelstyle/flashes';
|
|
6
|
+
@import 'schnitzelstyle/forms';
|
|
4
7
|
@import 'schnitzelstyle/grid';
|
|
5
8
|
@import 'schnitzelstyle/export';
|
|
6
9
|
|
|
7
10
|
@mixin schnitzel-complete {
|
|
8
11
|
@include schnitzel-reset;
|
|
9
12
|
@include schnitzel-basics;
|
|
13
|
+
@include schnitzel-flashes;
|
|
14
|
+
@include schnitzel-forms;
|
|
15
|
+
@include schnitzel-eyecandy;
|
|
10
16
|
}
|
data/lib/schnitzelstyle.rb
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
require "schnitzelstyle/version"
|
|
2
2
|
require "sass"
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
#
|
|
6
|
-
|
|
4
|
+
if defined?(Rails)
|
|
5
|
+
# Load Rails engine
|
|
6
|
+
require 'schnitzelstyle/rails'
|
|
7
|
+
else
|
|
8
|
+
# Add our stylesheets to SASS load path
|
|
9
|
+
Sass::Engine::DEFAULT_OPTIONS[:load_paths] << File.expand_path("../assets/stylesheets/", __FILE__)
|
|
10
|
+
end
|
|
7
11
|
|
|
8
12
|
module Schnitzelstyle
|
|
9
13
|
# Your code goes here...
|
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.0.4
|
|
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-
|
|
12
|
+
date: 2012-02-18 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &70136829008180 !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: *70136829008180
|
|
25
25
|
description: A simple, light-weight CSS framework to kickstart your web app.
|
|
26
26
|
email:
|
|
27
27
|
- hendrik@mans.de
|
|
@@ -41,9 +41,14 @@ files:
|
|
|
41
41
|
- lib/assets/stylesheets/schnitzelstyle/_coderay.scss
|
|
42
42
|
- lib/assets/stylesheets/schnitzelstyle/_configuration.scss
|
|
43
43
|
- lib/assets/stylesheets/schnitzelstyle/_export.scss
|
|
44
|
+
- lib/assets/stylesheets/schnitzelstyle/_eyecandy.scss
|
|
45
|
+
- lib/assets/stylesheets/schnitzelstyle/_flashes.scss
|
|
46
|
+
- lib/assets/stylesheets/schnitzelstyle/_forms.scss
|
|
44
47
|
- lib/assets/stylesheets/schnitzelstyle/_grid.scss
|
|
45
48
|
- lib/assets/stylesheets/schnitzelstyle/_reset.scss
|
|
49
|
+
- lib/assets/stylesheets/schnitzelstyle/complete.scss
|
|
46
50
|
- lib/schnitzelstyle.rb
|
|
51
|
+
- lib/schnitzelstyle/rails.rb
|
|
47
52
|
- lib/schnitzelstyle/version.rb
|
|
48
53
|
- schnitzelstyle.gemspec
|
|
49
54
|
- site/_layout.haml
|