scss-boilerplate-rails 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/generators/scss_boilerplate/install/templates/README +3 -0
- data/lib/generators/scss_boilerplate/install/templates/application/chromeframe.css.scss +14 -0
- data/lib/generators/scss_boilerplate/install/templates/application/collections.css.scss +0 -0
- data/lib/generators/scss_boilerplate/install/templates/application/common.css.scss +79 -0
- data/lib/generators/scss_boilerplate/install/templates/application/document.css.scss +25 -0
- data/lib/generators/scss_boilerplate/install/templates/application/footers.css.scss +0 -0
- data/lib/generators/scss_boilerplate/install/templates/application/forms.css.scss +155 -0
- data/lib/generators/scss_boilerplate/install/templates/application/headers.css.scss +11 -0
- data/lib/generators/scss_boilerplate/install/templates/application/helpers.css.scss +173 -0
- data/lib/generators/scss_boilerplate/install/templates/application/image_replaces.css.scss +0 -0
- data/lib/generators/scss_boilerplate/install/templates/application/media_queries.css.scss +3 -0
- data/lib/generators/scss_boilerplate/install/templates/application/typography.css.scss +57 -0
- data/lib/generators/scss_boilerplate/install/templates/application/variables.css.scss +38 -0
- data/lib/generators/scss_boilerplate/install/templates/application.css.scss +25 -0
- data/lib/generators/scss_boilerplate/install/templates/config/compass.rb +18 -0
- data/scss-boilerplate-rails.gemspec +2 -2
- metadata +40 -26
- data/.gitignore +0 -16
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// This file was generated by html5-rails
|
|
2
|
+
// https://github.com/sporkd/html5-rails
|
|
3
|
+
// Upgrade with: $ rails generate html5:install
|
|
4
|
+
|
|
5
|
+
//-----------------------------------------
|
|
6
|
+
// Chrome Frame prompt
|
|
7
|
+
//-----------------------------------------
|
|
8
|
+
|
|
9
|
+
.chromeframe {
|
|
10
|
+
margin: 0.2em 0;
|
|
11
|
+
background: #ccc;
|
|
12
|
+
color: black;
|
|
13
|
+
padding: 0.2em 0;
|
|
14
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/* Visual Elements */
|
|
2
|
+
img{
|
|
3
|
+
vertical-align:top;
|
|
4
|
+
}
|
|
5
|
+
.photograph{
|
|
6
|
+
>.inner-photograph{
|
|
7
|
+
overflow:hidden;
|
|
8
|
+
display:inline-block;
|
|
9
|
+
background-color:white;
|
|
10
|
+
border:1px solid #bbb;
|
|
11
|
+
padding:1px;
|
|
12
|
+
@include border-radius(2px);
|
|
13
|
+
img{
|
|
14
|
+
@include border-radius(2px);
|
|
15
|
+
width:100%;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.notice-message{
|
|
20
|
+
@include border-radius(10px);
|
|
21
|
+
background-color: #f2f2f2;
|
|
22
|
+
border: 1px solid #ccc;
|
|
23
|
+
color: #333;
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
margin-bottom: 10px;
|
|
26
|
+
margin-top: 10px;
|
|
27
|
+
padding: 10px;
|
|
28
|
+
}
|
|
29
|
+
.alert-message{
|
|
30
|
+
@extend .notice-message;
|
|
31
|
+
background-color: #FFA5A5;
|
|
32
|
+
border-color:#993333;
|
|
33
|
+
color: #993333;
|
|
34
|
+
}
|
|
35
|
+
.warning-message{
|
|
36
|
+
@extend .notice-message;
|
|
37
|
+
background-color: #FAFAD2;
|
|
38
|
+
border-color:#BC8E19;
|
|
39
|
+
color: #BC8E19;
|
|
40
|
+
}
|
|
41
|
+
.success-message{
|
|
42
|
+
@extend .notice-message;
|
|
43
|
+
background-color:#BDEDB6;
|
|
44
|
+
border-color:#264421;
|
|
45
|
+
color: #264421;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* Base splats that can be extended into other classes */
|
|
49
|
+
|
|
50
|
+
.splat-base{
|
|
51
|
+
border-color:$cm-base;
|
|
52
|
+
color:$cd-base;
|
|
53
|
+
@include background(linear-gradient($ch-base, $cl-base));
|
|
54
|
+
}
|
|
55
|
+
.splat-base-d{
|
|
56
|
+
border-color:$cd-base;
|
|
57
|
+
color:$ch-base;
|
|
58
|
+
@include background(linear-gradient($cm-base, $cd-base));
|
|
59
|
+
}
|
|
60
|
+
.splat-high{
|
|
61
|
+
border-color:$cm-high;
|
|
62
|
+
color:$cd-high;
|
|
63
|
+
@include background(linear-gradient($ch-high, $cl-high));
|
|
64
|
+
}
|
|
65
|
+
.splat-high-d{
|
|
66
|
+
border-color:$cd-high;
|
|
67
|
+
color:$ch-high;
|
|
68
|
+
@include background(linear-gradient($cm-high, $cd-high));
|
|
69
|
+
}
|
|
70
|
+
.splat-comp{
|
|
71
|
+
border:$cm-comp;
|
|
72
|
+
color:$cd-comp;
|
|
73
|
+
@include background(linear-gradient($ch-comp, $cl-comp));
|
|
74
|
+
}
|
|
75
|
+
.splat-comp-d{
|
|
76
|
+
border-color:$cd-comp;
|
|
77
|
+
color:$ch-comp;
|
|
78
|
+
@include background(linear-gradient($cm-comp, $cd-comp));
|
|
79
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
html{
|
|
2
|
+
|
|
3
|
+
}
|
|
4
|
+
body{
|
|
5
|
+
|
|
6
|
+
}
|
|
7
|
+
#container{
|
|
8
|
+
width:100%;
|
|
9
|
+
max-width:$width-container;
|
|
10
|
+
margin:20px auto;
|
|
11
|
+
background:#fff;
|
|
12
|
+
@include border-radius(10px);
|
|
13
|
+
@include box-shadow(#ccc, 1px);
|
|
14
|
+
}
|
|
15
|
+
#main{
|
|
16
|
+
overflow:auto;
|
|
17
|
+
}
|
|
18
|
+
section.main{
|
|
19
|
+
.inner-section-main{
|
|
20
|
+
padding:20px;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
aside.main{
|
|
24
|
+
float:left;
|
|
25
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
.rockhil-form{
|
|
2
|
+
.field{
|
|
3
|
+
overflow:auto;
|
|
4
|
+
border-bottom:1px solid #eee;
|
|
5
|
+
padding-top:10px;
|
|
6
|
+
padding-bottom:10px;
|
|
7
|
+
|
|
8
|
+
.field-describe{
|
|
9
|
+
width:30%;
|
|
10
|
+
float:left;
|
|
11
|
+
}
|
|
12
|
+
.field-request{
|
|
13
|
+
float:left;
|
|
14
|
+
width:70%;
|
|
15
|
+
}
|
|
16
|
+
&:first-child{
|
|
17
|
+
padding-top:0px;
|
|
18
|
+
}
|
|
19
|
+
&:last-child{
|
|
20
|
+
border-bottom:0;
|
|
21
|
+
padding-bottom:0;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.field-request{
|
|
25
|
+
overflow:hidden;
|
|
26
|
+
}
|
|
27
|
+
/* Form Element Description */
|
|
28
|
+
.field-describe{
|
|
29
|
+
padding-top:10px;
|
|
30
|
+
padding-bottom:10px;
|
|
31
|
+
overflow:hidden;
|
|
32
|
+
.field-describe-detail{
|
|
33
|
+
background: #F2F2F2;
|
|
34
|
+
padding: 4px 6px;
|
|
35
|
+
margin-right: 10px;
|
|
36
|
+
margin-top: 4px;
|
|
37
|
+
line-height: 13px;
|
|
38
|
+
font-weight: normal;
|
|
39
|
+
font-size: 11px;
|
|
40
|
+
color: #555;
|
|
41
|
+
display: inline-block;
|
|
42
|
+
}
|
|
43
|
+
span.field-describe-detail{
|
|
44
|
+
margin-left:6px;
|
|
45
|
+
}
|
|
46
|
+
.field_with_errors{
|
|
47
|
+
display:inline;
|
|
48
|
+
background:#FFA5A5;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
/* Contains a series of field-fields */
|
|
52
|
+
.field-group{
|
|
53
|
+
border:1px solid #dddddd;
|
|
54
|
+
border-left:10px solid #dddddd;
|
|
55
|
+
margin-left:10px;
|
|
56
|
+
padding: 10px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.field-header{
|
|
60
|
+
.field-describe{
|
|
61
|
+
@extend h3;
|
|
62
|
+
width:100%;
|
|
63
|
+
float:none;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.field-checkbox{
|
|
68
|
+
.field-describe{
|
|
69
|
+
padding-top:0px;
|
|
70
|
+
padding-bottom:0px;
|
|
71
|
+
width:92%;
|
|
72
|
+
}
|
|
73
|
+
.field-request{
|
|
74
|
+
vertical-align:middle;
|
|
75
|
+
width:8%;
|
|
76
|
+
text-align:center;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.field-textfield,
|
|
80
|
+
.field-password_field,
|
|
81
|
+
.field-email_field{
|
|
82
|
+
input{
|
|
83
|
+
padding:10px;
|
|
84
|
+
border:1px solid #ddd;
|
|
85
|
+
background-color:#f4f4f4;
|
|
86
|
+
width:60%;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
.field-textarea{
|
|
90
|
+
textarea{
|
|
91
|
+
width:90%;
|
|
92
|
+
height:140px;
|
|
93
|
+
padding:10px;
|
|
94
|
+
border:1px solid #ddd;
|
|
95
|
+
background-color:#f4f4f4;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
/* Contains Form Submits and Buttons */
|
|
99
|
+
.field-actions,
|
|
100
|
+
&.field-actions{
|
|
101
|
+
input,a{
|
|
102
|
+
padding: 10px;
|
|
103
|
+
background-color: $cm-comp;
|
|
104
|
+
color: $ch-comp;
|
|
105
|
+
font-weight: bold;
|
|
106
|
+
border:none;
|
|
107
|
+
@include border-radius(10px);
|
|
108
|
+
&:hover{
|
|
109
|
+
cursor:pointer;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
a{
|
|
113
|
+
display:inline-block;
|
|
114
|
+
padding:10px;
|
|
115
|
+
text-decoration:none;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
/* Labels generated by jQuery validation error */
|
|
119
|
+
label.error{
|
|
120
|
+
clear:both;
|
|
121
|
+
display:block;
|
|
122
|
+
display:inline-block;
|
|
123
|
+
background-color: #F4B5B6;
|
|
124
|
+
font-size: 11px;
|
|
125
|
+
padding: 10px;
|
|
126
|
+
margin: 10px;
|
|
127
|
+
border: 1px solid #A81015;
|
|
128
|
+
@include border-radius(10px);
|
|
129
|
+
}
|
|
130
|
+
/* Contains validation errors */
|
|
131
|
+
#error_explanation{
|
|
132
|
+
@extend .splat-high;
|
|
133
|
+
padding:10px;
|
|
134
|
+
border-style:solid;
|
|
135
|
+
h2{
|
|
136
|
+
margin-bottom:10px;
|
|
137
|
+
}
|
|
138
|
+
ul{
|
|
139
|
+
margin:0px;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
.field-errors{
|
|
143
|
+
background-color: #FFA5A5;
|
|
144
|
+
border: 2px solid #A40000;
|
|
145
|
+
padding: 10px;
|
|
146
|
+
@include border-radius(10px);
|
|
147
|
+
ul{
|
|
148
|
+
li{
|
|
149
|
+
list-style-type:disc;
|
|
150
|
+
margin-left: 20px;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
/**************************************************************
|
|
2
|
+
|
|
3
|
+
@include list-reset(margin, orientation)
|
|
4
|
+
-
|
|
5
|
+
Reset a list and force the list items to float left.
|
|
6
|
+
|
|
7
|
+
**************************************************************/
|
|
8
|
+
|
|
9
|
+
@mixin list-reset()
|
|
10
|
+
{
|
|
11
|
+
list-style:none;
|
|
12
|
+
vertical-align:top;
|
|
13
|
+
margin:0;
|
|
14
|
+
padding:0;
|
|
15
|
+
overflow:auto;
|
|
16
|
+
li{
|
|
17
|
+
padding:0;
|
|
18
|
+
margin:0;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**************************************************************
|
|
23
|
+
|
|
24
|
+
@include list-float(margin, orientation)
|
|
25
|
+
-
|
|
26
|
+
Reset a list and force the list items to float left.
|
|
27
|
+
|
|
28
|
+
**************************************************************/
|
|
29
|
+
|
|
30
|
+
@mixin list-float()
|
|
31
|
+
{
|
|
32
|
+
@include list-reset();
|
|
33
|
+
li{
|
|
34
|
+
float:left;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
/**************************************************************
|
|
40
|
+
|
|
41
|
+
@include image-replace(image-name, file-extension);
|
|
42
|
+
-
|
|
43
|
+
Replace the element with this image
|
|
44
|
+
|
|
45
|
+
**************************************************************/
|
|
46
|
+
@mixin image-replace($name, $ext: png)
|
|
47
|
+
{
|
|
48
|
+
@include sized-background-image($name, $ext);
|
|
49
|
+
display:block;
|
|
50
|
+
text-indent:-9999px;
|
|
51
|
+
text-align:left;
|
|
52
|
+
border:0;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/**************************************************************
|
|
56
|
+
|
|
57
|
+
@include image-replace-auto(image, hover-image, ext)
|
|
58
|
+
-
|
|
59
|
+
Replace the element with this image.
|
|
60
|
+
Automatically generate a css class based on the image name.
|
|
61
|
+
|
|
62
|
+
**************************************************************/
|
|
63
|
+
@mixin image-replace-auto($name, $ext: png)
|
|
64
|
+
{
|
|
65
|
+
.#{$name},
|
|
66
|
+
.#{$name}.active:hover {
|
|
67
|
+
@include image-replace($name, $ext);
|
|
68
|
+
}
|
|
69
|
+
input.#{$name} {
|
|
70
|
+
cursor:pointer;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**************************************************************
|
|
75
|
+
|
|
76
|
+
@include image-bullet(image-name, image-position, file-extension);
|
|
77
|
+
-
|
|
78
|
+
Position an image the left or right of an element.
|
|
79
|
+
|
|
80
|
+
**************************************************************/
|
|
81
|
+
@mixin image-bullet($name, $align:left, $ext: png)
|
|
82
|
+
{
|
|
83
|
+
$filename: '#{$name}.#{$ext}';
|
|
84
|
+
|
|
85
|
+
display:block;
|
|
86
|
+
border:0;
|
|
87
|
+
background:image-url($filename) no-repeat scroll $align center transparent;
|
|
88
|
+
@include min-height(image-height( $filename ) - image-height( $filename ) / 4 );
|
|
89
|
+
padding-top:image-height( $filename ) / 4;
|
|
90
|
+
padding-#{$align}:image-width( $filename ) + 5px;
|
|
91
|
+
|
|
92
|
+
@if $align == right{
|
|
93
|
+
float:right;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/**************************************************************
|
|
98
|
+
|
|
99
|
+
@include image-bullet-auto(image-name, image-position, file-extension);
|
|
100
|
+
-
|
|
101
|
+
Position an image the left or right of an element.
|
|
102
|
+
Automatically generate a css class based on the image name.
|
|
103
|
+
|
|
104
|
+
**************************************************************/
|
|
105
|
+
@mixin image-bullet-auto($name, $align:left, $ext: png)
|
|
106
|
+
{
|
|
107
|
+
.#{$name} {
|
|
108
|
+
@include image-bullet($name, $align, $ext);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/**************************************************************
|
|
113
|
+
|
|
114
|
+
@include sized-background-image(image-name, file-extension);
|
|
115
|
+
-
|
|
116
|
+
Set the backgroud image and determine the width & height.
|
|
117
|
+
|
|
118
|
+
**************************************************************/
|
|
119
|
+
@mixin sized-background-image($name, $ext: png)
|
|
120
|
+
{
|
|
121
|
+
$filename: '#{$name}.#{$ext}';
|
|
122
|
+
background:image-url($filename) top left no-repeat transparent;
|
|
123
|
+
width:image-width($filename);
|
|
124
|
+
height:image-height($filename);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
/**************************************************************
|
|
130
|
+
|
|
131
|
+
@include sprite-replace(image-name, number-of-sprites, file-extension);
|
|
132
|
+
-
|
|
133
|
+
Replace the element with this sprite sheet image
|
|
134
|
+
|
|
135
|
+
**************************************************************/
|
|
136
|
+
@mixin sprite-replace($name, $count: 2, $ext: png)
|
|
137
|
+
{
|
|
138
|
+
$filename: '#{$name}.#{$ext}';
|
|
139
|
+
$height: image-height($filename) / $count;
|
|
140
|
+
width:image-width($filename) !important;
|
|
141
|
+
height:$height !important;
|
|
142
|
+
display:block;
|
|
143
|
+
text-indent:-9999px;
|
|
144
|
+
overflow:hidden;
|
|
145
|
+
text-align:left;
|
|
146
|
+
border:0;
|
|
147
|
+
background:image-url($filename) no-repeat scroll top left transparent;
|
|
148
|
+
padding:0px !important;
|
|
149
|
+
margin:0px;
|
|
150
|
+
&:hover,
|
|
151
|
+
&.active,
|
|
152
|
+
&.second-state{
|
|
153
|
+
background-position:0 ($height * -1);
|
|
154
|
+
}
|
|
155
|
+
@if $count >= 3{
|
|
156
|
+
&.third-state{
|
|
157
|
+
background-position:0 ($height * 2 * -1);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
@if $count >= 4{
|
|
161
|
+
&.fourth-state{
|
|
162
|
+
background-position:0 ($height * 3 * -1);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
@mixin sprite-replace-auto($name, $count: 2, $ext: png, $path: '')
|
|
168
|
+
{
|
|
169
|
+
$filename: '#{$path}/#{$name}';
|
|
170
|
+
.#{$name}{
|
|
171
|
+
@include sprite-replace($filename, $count, $ext);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/* Serif */
|
|
2
|
+
$fontstack-times:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
|
|
3
|
+
$fontstack-lucida:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
|
|
4
|
+
$fontstack-garamond: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
|
|
5
|
+
/* Sans */
|
|
6
|
+
$fontstack-helvetica:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
7
|
+
$fontstack-verdana:Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
|
|
8
|
+
$fontstack-trebuchet: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
|
|
9
|
+
$fontstack-impact:Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
|
|
10
|
+
|
|
11
|
+
/* Text */
|
|
12
|
+
h1{
|
|
13
|
+
font-size:30px;
|
|
14
|
+
line-height:30px;
|
|
15
|
+
}
|
|
16
|
+
h2{
|
|
17
|
+
font-size:24px;
|
|
18
|
+
line-height:24px;
|
|
19
|
+
}
|
|
20
|
+
h3{
|
|
21
|
+
font-size:18px;
|
|
22
|
+
line-height:18px;
|
|
23
|
+
}
|
|
24
|
+
h4{
|
|
25
|
+
font-size:16px;
|
|
26
|
+
line-height:16px;
|
|
27
|
+
}
|
|
28
|
+
h5{
|
|
29
|
+
font-size:14px;
|
|
30
|
+
line-height:14px;
|
|
31
|
+
}
|
|
32
|
+
body{
|
|
33
|
+
font-family:$font-family;
|
|
34
|
+
color:$font-color;
|
|
35
|
+
font-size:$font-size;
|
|
36
|
+
line-height:$font-size + 6px;
|
|
37
|
+
}
|
|
38
|
+
strong{
|
|
39
|
+
font-weight:bold;
|
|
40
|
+
}
|
|
41
|
+
small{
|
|
42
|
+
font-size:11px;
|
|
43
|
+
font-weight:bold;
|
|
44
|
+
}
|
|
45
|
+
a,
|
|
46
|
+
a:active{
|
|
47
|
+
color:$link-color;
|
|
48
|
+
text-decoration:none;
|
|
49
|
+
&:hover{
|
|
50
|
+
color:$link-hover-color;
|
|
51
|
+
text-decoration:underline;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
a:visited{
|
|
56
|
+
color:$link-visited-color;
|
|
57
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
// This file was generated by html5-rails
|
|
2
|
+
// https://github.com/sporkd/html5-rails
|
|
3
|
+
// Upgrade with: $ rails generate html5:install
|
|
4
|
+
//
|
|
5
|
+
// These global SCSS(SASS) variables will be
|
|
6
|
+
// available to all your stylesheets.
|
|
7
|
+
|
|
8
|
+
//----------------------------------------------
|
|
9
|
+
// Html5 Boilerplate overrides
|
|
10
|
+
//----------------------------------------------
|
|
11
|
+
$line-height: 1.4; // 1.4 for true normalization
|
|
12
|
+
$font-color: #222;
|
|
13
|
+
$font-family: sans-serif;
|
|
14
|
+
$font-size: 13px;
|
|
15
|
+
$link-color: #00e;
|
|
16
|
+
$link-hover-color: #06e;
|
|
17
|
+
$link-visited-color: #551a8b;
|
|
18
|
+
$selected-font-color: #fff;
|
|
19
|
+
$selected-background-color: #0d2177;
|
|
20
|
+
$invalid-background-color: #f0dddd;
|
|
21
|
+
|
|
22
|
+
$width-container:960px;
|
|
23
|
+
|
|
24
|
+
/* Base Color */
|
|
25
|
+
$cm-base:#31a54c;
|
|
26
|
+
$cl-base:adjust-saturation(adjust-lightness($cm-base, 40), -10);
|
|
27
|
+
$ch-base:adjust-saturation(adjust-lightness($cm-base, 55), -10);
|
|
28
|
+
$cd-base:adjust-saturation(adjust-lightness($cm-base, -20), 50);
|
|
29
|
+
/* Complimentary Color */
|
|
30
|
+
$cm-comp:#317ba5;
|
|
31
|
+
$cl-comp:adjust-saturation(adjust-lightness($cm-comp, 40), -10);
|
|
32
|
+
$ch-comp:adjust-saturation(adjust-lightness($cm-comp, 55), -10);
|
|
33
|
+
$cd-comp:adjust-saturation(adjust-lightness($cm-comp, -20), 50);
|
|
34
|
+
/* Highlight Color */
|
|
35
|
+
$cm-high:#a54131;
|
|
36
|
+
$cl-high:adjust-saturation(adjust-lightness($cm-high, 40), -10);
|
|
37
|
+
$ch-high:adjust-saturation(adjust-lightness($cm-high, 55), -10);
|
|
38
|
+
$cd-high:adjust-saturation(adjust-lightness($cm-high, -20), 50);
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/* Variables */
|
|
2
|
+
@import "application/variables";
|
|
3
|
+
|
|
4
|
+
/* CSS3 Compass Helpers */
|
|
5
|
+
@import "compass/css3";
|
|
6
|
+
|
|
7
|
+
/* Reset & Helpers */
|
|
8
|
+
@import "h5bp";
|
|
9
|
+
@include h5bp-normalize;
|
|
10
|
+
@include h5bp-helpers;
|
|
11
|
+
@include h5bp-media;
|
|
12
|
+
|
|
13
|
+
/* Application */
|
|
14
|
+
@import "application/helpers";
|
|
15
|
+
@import "application/chromeframe";
|
|
16
|
+
@import "application/typography";
|
|
17
|
+
@import "application/image_replaces";
|
|
18
|
+
@import "application/collections";
|
|
19
|
+
@import "application/document";
|
|
20
|
+
@import "application/headers";
|
|
21
|
+
@import "application/footers";
|
|
22
|
+
@import "application/common";
|
|
23
|
+
@import "application/forms";
|
|
24
|
+
@import "application/media_queries";
|
|
25
|
+
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# This configuration file works with both the Compass command line tool and within Rails.
|
|
2
|
+
require 'compass/h5bp'
|
|
3
|
+
|
|
4
|
+
# Require any additional compass plugins here.
|
|
5
|
+
|
|
6
|
+
project_type = :rails
|
|
7
|
+
|
|
8
|
+
# Set this to the root of your project when deployed:
|
|
9
|
+
http_path = "/"
|
|
10
|
+
|
|
11
|
+
# You can select your preferred output style here (can be overridden via the command line):
|
|
12
|
+
output_style = :compact# or :compressed
|
|
13
|
+
|
|
14
|
+
# To enable relative paths to assets via compass helper functions. Uncomment:
|
|
15
|
+
relative_assets = true
|
|
16
|
+
|
|
17
|
+
# To disable debugging comments that display the original location of your selectors. Uncomment:
|
|
18
|
+
line_comments = false
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
Gem::Specification.new do |s|
|
|
2
2
|
s.name = 'scss-boilerplate-rails'
|
|
3
|
-
s.version = '0.1.
|
|
3
|
+
s.version = '0.1.4'
|
|
4
4
|
s.date = '2012-04-02'
|
|
5
5
|
s.summary = "Rails support for scss-boilerplate."
|
|
6
6
|
s.description = "Generate scss partials with a namespace."
|
|
7
7
|
s.authors = ["Blake Hilscher"]
|
|
8
8
|
s.email = 'blake@hilscher.ca'
|
|
9
|
-
s.files = `git
|
|
9
|
+
s.files = `find . -type f | grep -vw .git | grep -vw .gitignore`.split("\n")
|
|
10
10
|
s.homepage = 'http://blake.hilscher.ca/'
|
|
11
11
|
|
|
12
12
|
s.add_dependency("compass-rails")
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: scss-boilerplate-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.4
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -13,7 +13,7 @@ date: 2012-04-02 00:00:00.000000000 Z
|
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: compass-rails
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &2164530180 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ! '>='
|
|
@@ -21,10 +21,10 @@ dependencies:
|
|
|
21
21
|
version: '0'
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *2164530180
|
|
25
25
|
- !ruby/object:Gem::Dependency
|
|
26
26
|
name: compass-h5bp
|
|
27
|
-
requirement: &
|
|
27
|
+
requirement: &2164529280 !ruby/object:Gem::Requirement
|
|
28
28
|
none: false
|
|
29
29
|
requirements:
|
|
30
30
|
- - ! '>='
|
|
@@ -32,34 +32,48 @@ dependencies:
|
|
|
32
32
|
version: '0'
|
|
33
33
|
type: :runtime
|
|
34
34
|
prerelease: false
|
|
35
|
-
version_requirements: *
|
|
35
|
+
version_requirements: *2164529280
|
|
36
36
|
description: Generate scss partials with a namespace.
|
|
37
37
|
email: blake@hilscher.ca
|
|
38
38
|
executables: []
|
|
39
39
|
extensions: []
|
|
40
40
|
extra_rdoc_files: []
|
|
41
41
|
files:
|
|
42
|
-
-
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
-
|
|
46
|
-
-
|
|
47
|
-
- lib/generators/scss_boilerplate/install/
|
|
48
|
-
- lib/generators/scss_boilerplate/install/
|
|
49
|
-
- lib/generators/scss_boilerplate/
|
|
50
|
-
- lib/generators/scss_boilerplate/
|
|
51
|
-
- lib/generators/scss_boilerplate/
|
|
52
|
-
- lib/generators/scss_boilerplate/
|
|
53
|
-
- lib/generators/scss_boilerplate/
|
|
54
|
-
- lib/generators/scss_boilerplate/
|
|
55
|
-
- lib/generators/scss_boilerplate/
|
|
56
|
-
- lib/generators/scss_boilerplate/
|
|
57
|
-
- lib/generators/scss_boilerplate/
|
|
58
|
-
- lib/generators/scss_boilerplate/
|
|
59
|
-
- lib/generators/scss_boilerplate/
|
|
60
|
-
- lib/generators/scss_boilerplate/
|
|
61
|
-
- lib/generators/scss_boilerplate/
|
|
62
|
-
-
|
|
42
|
+
- ./.gitmodules
|
|
43
|
+
- ./.rvmrc
|
|
44
|
+
- ./Gemfile
|
|
45
|
+
- ./lib/generators/scss_boilerplate/install/install_generator.rb
|
|
46
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/chromeframe.css.scss
|
|
47
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/collections.css.scss
|
|
48
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/common.css.scss
|
|
49
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/document.css.scss
|
|
50
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/footers.css.scss
|
|
51
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/forms.css.scss
|
|
52
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/headers.css.scss
|
|
53
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/helpers.css.scss
|
|
54
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/image_replaces.css.scss
|
|
55
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/media_queries.css.scss
|
|
56
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/typography.css.scss
|
|
57
|
+
- ./lib/generators/scss_boilerplate/install/templates/application/variables.css.scss
|
|
58
|
+
- ./lib/generators/scss_boilerplate/install/templates/application.css.scss
|
|
59
|
+
- ./lib/generators/scss_boilerplate/install/templates/config/compass.rb
|
|
60
|
+
- ./lib/generators/scss_boilerplate/install/templates/README
|
|
61
|
+
- ./lib/generators/scss_boilerplate/install/USAGE
|
|
62
|
+
- ./lib/generators/scss_boilerplate/namespace/namespace_generator.rb
|
|
63
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/collections.css.scss
|
|
64
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/common.css.scss
|
|
65
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/containers.css.scss
|
|
66
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/footers.css.scss
|
|
67
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/forms.css.scss
|
|
68
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/headers.css.scss
|
|
69
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/helpers.css.scss
|
|
70
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/image_replaces.css.scss
|
|
71
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/typography.css.scss
|
|
72
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace/variables.css.scss
|
|
73
|
+
- ./lib/generators/scss_boilerplate/namespace/templates/namespace.css.scss
|
|
74
|
+
- ./lib/generators/scss_boilerplate/namespace/USAGE
|
|
75
|
+
- ./README.md
|
|
76
|
+
- ./scss-boilerplate-rails.gemspec
|
|
63
77
|
homepage: http://blake.hilscher.ca/
|
|
64
78
|
licenses: []
|
|
65
79
|
post_install_message:
|
data/.gitignore
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
|
2
|
-
#
|
|
3
|
-
# If you find yourself ignoring temporary files generated by your text editor
|
|
4
|
-
# or operating system, you probably want to add a global ignore instead:
|
|
5
|
-
# git config --global core.excludesfile ~/.gitignore_global
|
|
6
|
-
|
|
7
|
-
# Ignore bundler config
|
|
8
|
-
/.bundle
|
|
9
|
-
|
|
10
|
-
# Ignore the default SQLite database.
|
|
11
|
-
/db/*.sqlite3
|
|
12
|
-
|
|
13
|
-
# Ignore all logfiles and tempfiles.
|
|
14
|
-
*.gem
|
|
15
|
-
/log/*.log
|
|
16
|
-
/tmp
|