schnitzelstyle 0.0.2 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- 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
|