fennec 0.0.1
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/.gitignore +4 -0
- data/Gemfile +4 -0
- data/README.md +46 -0
- data/Rakefile +1 -0
- data/fennec.gemspec +25 -0
- data/lib/fennec/engine.rb +4 -0
- data/lib/fennec/railtie.rb +3 -0
- data/lib/fennec/version.rb +3 -0
- data/lib/fennec.rb +11 -0
- data/vendor/stylesheets/bootstrap/bootstrap.less +26 -0
- data/vendor/stylesheets/bootstrap/forms.less +465 -0
- data/vendor/stylesheets/bootstrap/mixins.less +217 -0
- data/vendor/stylesheets/bootstrap/patterns.less +1005 -0
- data/vendor/stylesheets/bootstrap/reset.less +141 -0
- data/vendor/stylesheets/bootstrap/scaffolding.less +135 -0
- data/vendor/stylesheets/bootstrap/tables.less +171 -0
- data/vendor/stylesheets/bootstrap/type.less +187 -0
- data/vendor/stylesheets/bootstrap/variables.less +60 -0
- data/vendor/stylesheets/bootstrap-1.3.0.css +2362 -0
- data/vendor/stylesheets/bootstrap-1.3.0.min.css +330 -0
- metadata +117 -0
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
/* Variables.less
|
|
2
|
+
* Snippets of reusable CSS to develop faster and keep code readable
|
|
3
|
+
* ----------------------------------------------------------------- */
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
// Clearfix for clearing floats like a boss h5bp.com/q
|
|
7
|
+
.clearfix() {
|
|
8
|
+
zoom: 1;
|
|
9
|
+
&:before,
|
|
10
|
+
&:after {
|
|
11
|
+
display: table;
|
|
12
|
+
content: "";
|
|
13
|
+
zoom: 1;
|
|
14
|
+
*display: inline;
|
|
15
|
+
}
|
|
16
|
+
&:after {
|
|
17
|
+
clear: both;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// Center-align a block level element
|
|
22
|
+
.center-block() {
|
|
23
|
+
display: block;
|
|
24
|
+
margin-left: auto;
|
|
25
|
+
margin-right: auto;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Sizing shortcuts
|
|
29
|
+
.size(@height: 5px, @width: 5px) {
|
|
30
|
+
height: @height;
|
|
31
|
+
width: @width;
|
|
32
|
+
}
|
|
33
|
+
.square(@size: 5px) {
|
|
34
|
+
.size(@size, @size);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Input placeholder text
|
|
38
|
+
.placeholder(@color: @grayLight) {
|
|
39
|
+
:-moz-placeholder {
|
|
40
|
+
color: @color;
|
|
41
|
+
}
|
|
42
|
+
::-webkit-input-placeholder {
|
|
43
|
+
color: @color;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// Font Stacks
|
|
48
|
+
#font {
|
|
49
|
+
.shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
50
|
+
font-size: @size;
|
|
51
|
+
font-weight: @weight;
|
|
52
|
+
line-height: @lineHeight;
|
|
53
|
+
}
|
|
54
|
+
.sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
55
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
56
|
+
font-size: @size;
|
|
57
|
+
font-weight: @weight;
|
|
58
|
+
line-height: @lineHeight;
|
|
59
|
+
}
|
|
60
|
+
.serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
61
|
+
font-family: "Georgia", Times New Roman, Times, serif;
|
|
62
|
+
font-size: @size;
|
|
63
|
+
font-weight: @weight;
|
|
64
|
+
line-height: @lineHeight;
|
|
65
|
+
}
|
|
66
|
+
.monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
|
|
67
|
+
font-family: "Monaco", Courier New, monospace;
|
|
68
|
+
font-size: @size;
|
|
69
|
+
font-weight: @weight;
|
|
70
|
+
line-height: @lineHeight;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
// Grid System
|
|
75
|
+
.fixed-container() {
|
|
76
|
+
width: @siteWidth;
|
|
77
|
+
margin-left: auto;
|
|
78
|
+
margin-right: auto;
|
|
79
|
+
.clearfix();
|
|
80
|
+
}
|
|
81
|
+
.columns(@columnSpan: 1) {
|
|
82
|
+
width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
|
|
83
|
+
}
|
|
84
|
+
.offset(@columnOffset: 1) {
|
|
85
|
+
margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
|
|
86
|
+
}
|
|
87
|
+
// Necessary grid styles for every column to make them appear next to each other horizontally
|
|
88
|
+
.gridColumn() {
|
|
89
|
+
display: inline;
|
|
90
|
+
float: left;
|
|
91
|
+
margin-left: @gridGutterWidth;
|
|
92
|
+
}
|
|
93
|
+
// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
|
|
94
|
+
.makeColumn(@columnSpan: 1) {
|
|
95
|
+
.gridColumn();
|
|
96
|
+
.columns(@columnSpan);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Border Radius
|
|
100
|
+
.border-radius(@radius: 5px) {
|
|
101
|
+
-webkit-border-radius: @radius;
|
|
102
|
+
-moz-border-radius: @radius;
|
|
103
|
+
border-radius: @radius;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
// Drop shadows
|
|
107
|
+
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
|
108
|
+
-webkit-box-shadow: @shadow;
|
|
109
|
+
-moz-box-shadow: @shadow;
|
|
110
|
+
box-shadow: @shadow;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
// Transitions
|
|
114
|
+
.transition(@transition) {
|
|
115
|
+
-webkit-transition: @transition;
|
|
116
|
+
-moz-transition: @transition;
|
|
117
|
+
-ms-transition: @transition;
|
|
118
|
+
-o-transition: @transition;
|
|
119
|
+
transition: @transition;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// Background clipping
|
|
123
|
+
.background-clip(@clip) {
|
|
124
|
+
-webkit-background-clip: @clip;
|
|
125
|
+
-moz-background-clip: @clip;
|
|
126
|
+
background-clip: @clip;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// CSS3 Content Columns
|
|
130
|
+
.content-columns(@columnCount, @columnGap: 20px) {
|
|
131
|
+
-webkit-column-count: @columnCount;
|
|
132
|
+
-moz-column-count: @columnCount;
|
|
133
|
+
column-count: @columnCount;
|
|
134
|
+
-webkit-column-gap: @columnGap;
|
|
135
|
+
-moz-column-gap: @columnGap;
|
|
136
|
+
column-gap: @columnGap;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
|
140
|
+
#translucent {
|
|
141
|
+
.background(@color: @white, @alpha: 1) {
|
|
142
|
+
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
|
143
|
+
}
|
|
144
|
+
.border(@color: @white, @alpha: 1) {
|
|
145
|
+
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
|
146
|
+
background-clip: padding-box;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
// Gradient Bar Colors for buttons and allerts
|
|
151
|
+
.gradientBar(@primaryColor, @secondaryColor) {
|
|
152
|
+
#gradient > .vertical(@primaryColor, @secondaryColor);
|
|
153
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
154
|
+
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
|
155
|
+
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
// Gradients
|
|
159
|
+
#gradient {
|
|
160
|
+
.horizontal (@startColor: #555, @endColor: #333) {
|
|
161
|
+
background-color: @endColor;
|
|
162
|
+
background-repeat: repeat-x;
|
|
163
|
+
background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
|
|
164
|
+
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
|
165
|
+
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
|
166
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
|
167
|
+
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
168
|
+
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
|
169
|
+
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
|
170
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
|
171
|
+
}
|
|
172
|
+
.vertical (@startColor: #555, @endColor: #333) {
|
|
173
|
+
background-color: @endColor;
|
|
174
|
+
background-repeat: repeat-x;
|
|
175
|
+
background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
|
|
176
|
+
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
|
177
|
+
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
|
178
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
|
179
|
+
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
180
|
+
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
|
181
|
+
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
|
182
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
|
183
|
+
}
|
|
184
|
+
.directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
|
|
185
|
+
background-color: @endColor;
|
|
186
|
+
background-repeat: repeat-x;
|
|
187
|
+
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
|
188
|
+
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
|
189
|
+
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
190
|
+
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
|
191
|
+
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
|
192
|
+
}
|
|
193
|
+
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
|
194
|
+
background-color: @endColor;
|
|
195
|
+
background-repeat: no-repeat;
|
|
196
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
|
197
|
+
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
198
|
+
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
|
199
|
+
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
200
|
+
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
201
|
+
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
202
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
// Reset filters for IE
|
|
207
|
+
.reset-filter() {
|
|
208
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
// Opacity
|
|
212
|
+
.opacity(@opacity: 100) {
|
|
213
|
+
filter: e(%("alpha(opacity=%d)", @opacity));
|
|
214
|
+
-khtml-opacity: @opacity / 100;
|
|
215
|
+
-moz-opacity: @opacity / 100;
|
|
216
|
+
opacity: @opacity / 100;
|
|
217
|
+
}
|