bootswatch-rails 0.0.12 → 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.
@@ -1,11 +1,9 @@
1
- // Variables to customize the look and feel of Bootstrap
1
+ // Variables
2
2
  // Swatch: Simplex
3
- // Version: 2.0.2
4
- // -----------------------------------------------------
5
-
6
-
3
+ // Version: 2.1.1
4
+ // --------------------------------------------------
7
5
 
8
- // GLOBAL VALUES
6
+ // Global values
9
7
  // --------------------------------------------------
10
8
 
11
9
 
@@ -22,40 +20,43 @@ $white: #fff;
22
20
 
23
21
  // Accent colors
24
22
  // -------------------------
25
- $blue: #15C;
23
+ $blue: #029ACF;
26
24
  $blueDark: #043755;
27
25
  $green: #3D9400;
28
- $red: #E32C3B;
26
+ $red: #D9230F;
29
27
  $yellow: #FFCA27;
30
- $orange: #FF6600;
28
+ $orange: #D9831F;
31
29
  $pink: #ED2590;
32
30
  $purple: #9B479F;
33
31
 
34
32
 
35
33
  // Scaffolding
36
34
  // -------------------------
37
- $bodyBackground: $white;
38
- $textColor: $black;
35
+ $bodyBackground: #F7F7F7;
36
+ $textColor: $gray;
39
37
 
40
38
 
41
39
  // Links
42
40
  // -------------------------
43
- $linkColor: #366DDC;
44
- $linkColorHover: darken($linkColor, 15%);
41
+ $linkColor: $red;
42
+ $linkColorHover: $linkColor;
45
43
 
46
44
 
47
45
  // Typography
48
46
  // -------------------------
49
- $baseFontSize: 13px;
50
- $baseFontFamily: Arial, Helvetica, sans-serif;
51
- $baseLineHeight: 18px;
52
- $altFontFamily: Georgia, "Times New Roman", Times, serif;
47
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif;
49
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
53
50
 
54
- $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
51
+ $baseFontSize: 14px;
52
+ $baseFontFamily: $sansFontFamily;
53
+ $baseLineHeight: 20px;
54
+ $altFontFamily: $serifFontFamily;
55
+
56
+ $headingsFontFamily: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; // empty to use BS default, $baseFontFamily
55
57
  $headingsFontWeight: bold; // instead of browser default, bold
56
58
  $headingsColor: inherit; // empty to use BS default, $textColor
57
59
 
58
-
59
60
  // Tables
60
61
  // -------------------------
61
62
  $tableBackground: transparent; // overall background-color
@@ -63,27 +64,26 @@ $tableBackgroundAccent: #f9f9f9; // for striping
63
64
  $tableBackgroundHover: #f5f5f5; // for hover
64
65
  $tableBorder: #ddd; // table and cell border
65
66
 
66
-
67
67
  // Buttons
68
68
  // -------------------------
69
69
  $btnBackground: $white;
70
70
  $btnBackgroundHighlight: darken($white, 10%);
71
71
  $btnBorder: darken($white, 20%);
72
72
 
73
- $btnPrimaryBackground: $linkColor;
74
- $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
73
+ $btnPrimaryBackground: lighten($linkColor, 5%);
74
+ $btnPrimaryBackgroundHighlight: $linkColor;
75
75
 
76
- $btnInfoBackground: #5bc0de;
77
- $btnInfoBackgroundHighlight: #2f96b4;
76
+ $btnInfoBackground: lighten(#5bc0de, 5%);
77
+ $btnInfoBackgroundHighlight: #5bc0de;
78
78
 
79
- $btnSuccessBackground: #62c462;
80
- $btnSuccessBackgroundHighlight: #51a351;
79
+ $btnSuccessBackground: lighten($green, 5%);
80
+ $btnSuccessBackgroundHighlight: $green;
81
81
 
82
- $btnWarningBackground: lighten($orange, 15%);
83
- $btnWarningBackgroundHighlight: $orange;
82
+ $btnWarningBackground: lighten($yellow, 5%);
83
+ $btnWarningBackgroundHighlight: $yellow;
84
84
 
85
- $btnDangerBackground: #ee5f5b;
86
- $btnDangerBackgroundHighlight: #bd362f;
85
+ $btnDangerBackground: lighten($red, 5%);
86
+ $btnDangerBackgroundHighlight: $red;
87
87
 
88
88
  $btnInverseBackground: $gray;
89
89
  $btnInverseBackgroundHighlight: $grayDarker;
@@ -93,17 +93,23 @@ $btnInverseBackgroundHighlight: $grayDarker;
93
93
  // -------------------------
94
94
  $inputBackground: $white;
95
95
  $inputBorder: #ccc;
96
+ $inputBorderRadius: 0;
96
97
  $inputDisabledBackground: $grayLighter;
97
-
98
+ $formActionsBackground: #f5f5f5;
98
99
 
99
100
  // Dropdowns
100
101
  // -------------------------
101
102
  $dropdownBackground: $white;
102
103
  $dropdownBorder: rgba(0,0,0,.2);
103
- $dropdownLinkColor: $grayDark;
104
- $dropdownLinkColorHover: $white;
105
- $dropdownLinkBackgroundHover: $linkColor;
104
+ $dropdownDividerTop: #e5e5e5;
105
+ $dropdownDividerBottom: $white;
106
106
 
107
+ $dropdownLinkColor: $textColor;
108
+ $dropdownLinkColorHover: $textColor;
109
+ $dropdownLinkColorActive: $dropdownLinkColor;
110
+
111
+ $dropdownLinkBackgroundActive: $linkColor;
112
+ $dropdownLinkBackgroundHover: #FBEBE9;
107
113
 
108
114
 
109
115
 
@@ -116,12 +122,18 @@ $dropdownLinkBackgroundHover: $linkColor;
116
122
  // Try to avoid customizing these :)
117
123
  $zindexDropdown: 1000;
118
124
  $zindexPopover: 1010;
119
- $zindexTooltip: 1020;
125
+ $zindexTooltip: 1030;
120
126
  $zindexFixedNavbar: 1030;
121
127
  $zindexModalBackdrop: 1040;
122
128
  $zindexModal: 1050;
123
129
 
124
130
 
131
+ // Sprite icons path
132
+ // -------------------------
133
+ $iconSpritePath: "../img/glyphicons-halflings.png";
134
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
135
+
136
+
125
137
  // Input placeholder text color
126
138
  // -------------------------
127
139
  $placeholderText: $grayLight;
@@ -132,23 +144,59 @@ $placeholderText: $grayLight;
132
144
  $hrBorder: $grayLighter;
133
145
 
134
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ $horizontalComponentOffset: 180px;
150
+
151
+
152
+ // Wells
153
+ // -------------------------
154
+ $wellBackground: $white;
155
+
156
+
135
157
  // Navbar
136
158
  // -------------------------
137
- $navbarHeight: 40px;
138
- $navbarBackground: $grayDarker;
139
- $navbarBackgroundHighlight: $grayDarker;
159
+ $navbarCollapseWidth: 979px;
140
160
 
141
- $navbarText: #AAA;
142
- $navbarLinkColor: $navbarText;
143
- $navbarLinkColorHover: $gray;
144
- $navbarLinkColorActive: $navbarLinkColorHover;
161
+ $navbarHeight: 40px;
162
+ $navbarBackground: #fefefe;
163
+ $navbarBackgroundHighlight: $navbarBackground;
164
+ $navbarBorder: darken($navbarBackground, 12%);
165
+
166
+ $navbarText: $gray;
167
+ $navbarLinkColor: $gray;
168
+ $navbarLinkColorHover: $linkColor;
169
+ $navbarLinkColorActive: $linkColor;
145
170
  $navbarLinkBackgroundHover: transparent;
146
171
  $navbarLinkBackgroundActive: $navbarBackground;
147
172
 
148
- $navbarSearchBackground: lighten($navbarBackground, 25%);
149
- $navbarSearchBackgroundFocus: $white;
150
- $navbarSearchBorder: darken($navbarSearchBackground, 30%);
151
- $navbarSearchPlaceholderColor: #ccc;
173
+ $navbarBrandColor: $headingsColor;
174
+
175
+ // Inverted navbar
176
+ $navbarInverseBackground: $red;
177
+ $navbarInverseBackgroundHighlight: lighten($red, 6%);
178
+ $navbarInverseBorder: lighten($navbarInverseBackground, 8%);
179
+
180
+ $navbarInverseText: $white;
181
+ $navbarInverseLinkColor: $white;
182
+ $navbarInverseLinkColorHover: $white;
183
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover;
184
+ $navbarInverseLinkBackgroundHover: transparent;
185
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground;
186
+
187
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
188
+ $navbarInverseSearchBackgroundFocus: $white;
189
+ $navbarInverseSearchBorder: $navbarInverseBackground;
190
+ $navbarInverseSearchPlaceholderColor: $white;
191
+
192
+ $navbarInverseBrandColor: $navbarInverseLinkColor;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ $paginationBackground: #fff;
198
+ $paginationBorder: #ddd;
199
+ $paginationActiveBackground: #FBEBE9;
152
200
 
153
201
 
154
202
  // Hero unit
@@ -177,11 +225,28 @@ $infoBackground: #d9edf7;
177
225
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
178
226
 
179
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ $tooltipColor: #fff;
231
+ $tooltipBackground: #000;
232
+ $tooltipArrowWidth: 5px;
233
+ $tooltipArrowColor: $tooltipBackground;
234
+
235
+ $popoverBackground: #fff;
236
+ $popoverArrowWidth: 10px;
237
+ $popoverArrowColor: #fff;
238
+ $popoverTitleBackground: darken($popoverBackground, 3%);
239
+
240
+ // Special enhancement for popovers
241
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1;
242
+ $popoverArrowOuterColor: rgba(0,0,0,.25);
243
+
180
244
 
181
245
 
182
246
  // GRID
183
247
  // --------------------------------------------------
184
248
 
249
+
185
250
  // Default 940px grid
186
251
  // -------------------------
187
252
  $gridColumns: 12;
@@ -189,8 +254,26 @@ $gridColumnWidth: 60px;
189
254
  $gridGutterWidth: 20px;
190
255
  $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
191
256
 
257
+ // 1200px min
258
+ $gridColumnWidth1200: 70px;
259
+ $gridGutterWidth1200: 30px;
260
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
261
+
262
+ // 768px-979px
263
+ $gridColumnWidth768: 42px;
264
+ $gridGutterWidth768: 20px;
265
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
266
+
192
267
 
193
268
  // Fluid grid
194
269
  // -------------------------
195
- $fluidGridColumnWidth: 6.382978723%;
196
- $fluidGridGutterWidth: 2.127659574%;
270
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth);
271
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth);
272
+
273
+ // 1200px min
274
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200);
275
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200);
276
+
277
+ // 768px-979px
278
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
279
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);
@@ -1,169 +1,294 @@
1
+ // Bootswatch.less
1
2
  // Swatch: Spacelab
2
- // Version: 2.0.2
3
+ // Version: 2.1.1
4
+ // -----------------------------------------------------
5
+
6
+ // TYPOGRAPHY
7
+ // -----------------------------------------------------
8
+
9
+ @import url('http://fonts.googleapis.com/css?family=Muli');
10
+
11
+ // SCAFFOLDING
3
12
  // -----------------------------------------------------
4
13
 
5
14
  // NAVBAR
6
15
  // -----------------------------------------------------
7
16
 
8
- // navbar style
9
17
  .navbar {
10
- border-bottom: 1px solid #CACACA;
18
+
19
+ .navbar-inner {
20
+ border-bottom: 1px solid #CACACA;
21
+ @include box-shadow(0 1px 0 rgba(255,255,255,0.4));
22
+ }
11
23
 
12
24
  .brand {
13
- font-size: 20px;
14
- font-weight: bold;
15
- color: $textColor;
25
+
26
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
16
27
 
17
28
  &:hover {
18
29
  color: $linkColor;
19
30
  }
20
31
  }
21
- }
22
32
 
23
- // navbar dropshadow
24
- .navbar .navbar-inner {
25
- @include box-shadow(0 1px 0 rgba(255,255,255,0.4));
26
- @include box-shadow(0 0 10px rgba(0,0,0,0.1));
27
- }
33
+ .nav > li > a {
34
+ padding: 11px 10px 9px;
35
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
36
+ }
28
37
 
29
- // nav item typography
30
- .navbar .nav > li > a {
31
- font-weight: bold;
32
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
33
- }
38
+ .navbar-text {
39
+ margin-top: 2px;
40
+ padding: 0 10px;
41
+ line-height: 38px;
42
+ }
34
43
 
35
- .navbar .nav .active > a {
36
- background-color: transparent;
37
- color: $textColor;
44
+ .navbar-search .search-query,
45
+ .navbar-search .search-query:hover {
46
+ margin-bottom: 0;
47
+ line-height: normal;
48
+ color: $grayLight;
49
+ @include placeholder($grayLight);
50
+ @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
38
51
 
39
- &:hover {
40
- background-color: transparent;
41
- color: $linkColor;
52
+ &:focus,
53
+ &.focused {
54
+ @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
55
+ color: $textColor;
56
+ }
42
57
  }
43
58
  }
44
59
 
45
- .navbar .nav > li > a:hover,
46
- .navbar .nav .open.dropdown .dropdown-toggle {
47
- color: $linkColor !important;
48
- }
60
+ .navbar-inverse {
61
+ .brand {
62
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
49
63
 
50
- .navbar .nav .dropdown-toggle .caret {
51
- border-top-color: $textColor;
52
- opacity: 1;
53
- }
64
+ &:hover {
65
+ color: $white;
66
+ }
67
+ }
54
68
 
55
- .nav .open.dropdown .caret,
56
- .nav .dropdown-toggle:hover .caret {
57
- border-top-color: $linkColor !important;
58
- }
69
+ .nav > li > a {
70
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
71
+ }
59
72
 
60
- div.subnav .nav > li > a {
61
- font-weight: bold;
62
- color: #777;
73
+ .nav li.dropdown.open > .dropdown-toggle .caret,
74
+ .nav li.dropdown:hover > .dropdown-toggle .caret,
75
+ .nav li.dropdown.open:hover > .dropdown-toggle .caret {
76
+ border-top-color: $white;
77
+ }
78
+
79
+ .navbar-search .search-query,
80
+ .navbar-search .search-query:hover {
63
81
 
64
- &:hover {
65
- color: $linkColor;
82
+ color: $white;
83
+
84
+ @include placeholder($grayLighter);
66
85
  }
67
86
  }
68
87
 
69
- div.subnav .nav > li.active > a {
70
- color: $textColor;
88
+ @media (max-width: $navbarCollapseWidth) {
71
89
 
72
- &:hover {
73
- color: $grayDark;
90
+ .navbar .nav-collapse {
91
+
92
+ .nav li > a:hover {
93
+ background-color: $linkColor;
94
+ color: $white;
95
+ text-shadow: none;
96
+ }
97
+
98
+ .navbar-search {
99
+ border-top: none;
100
+ border-bottom: none;
101
+ }
74
102
  }
75
- }
76
103
 
77
- div.subnav .nav > li > .dropdown-toggle {
78
- background-color: transparent;
79
- color: $linkColor;
104
+ .navbar-inverse .nav-collapse {
105
+
106
+ .nav li > a {
107
+ color: $grayLighter;
108
+
109
+ &:hover {
110
+ background-color: $linkColor !important;
111
+ }
112
+ }
113
+
114
+ .nav-header {
115
+ color: $grayLighter;
116
+ }
117
+ }
80
118
  }
81
119
 
82
- .navbar-search .search-query,
83
- .navbar-search .search-query:hover {
84
- border: none;
85
- color: $grayLight;
86
- @include placeholder($grayLight);
87
- @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
120
+ div.subnav {
121
+
122
+ .nav > li > a {
88
123
 
89
- &:focus,
90
- &.focused {
91
- @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
92
124
  color: $textColor;
125
+
126
+ &:hover {
127
+ color: $linkColor;
128
+ }
93
129
  }
94
- }
95
130
 
96
- .navbar .nav-collapse.in > .nav li > a {
131
+ .nav > li.active > a {
97
132
 
98
- color: $textColor;
133
+ color: $textColor;
99
134
 
100
- .caret {
101
- border-top-color: $grayLight;
135
+ &:hover {
136
+ color: $textColor;
137
+ }
138
+ }
139
+
140
+ .nav > li.dropdown > .dropdown-toggle {
141
+ background-color: transparent;
142
+ }
143
+
144
+ .nav > li.dropdown.open > .dropdown-toggle {
145
+
146
+ border-left: 1px solid whiteSmoke;
147
+ border-right: 1px solid #E5E5E5;
148
+ color: $textColor;
149
+
150
+ &:hover {
151
+ color: $linkColor;
152
+ }
102
153
  }
103
154
  }
104
155
 
156
+ // NAV
157
+ // -----------------------------------------------------
105
158
 
106
- .navbar .nav-collapse.in > .nav li > a:hover {
107
- text-shadow: none;
108
- color: $linkColor;
109
- background-color: transparent;
159
+ .nav > li.dropdown > .dropdown-toggle,
160
+ .nav > li.dropdown.active > .dropdown-toggle,
161
+ .nav > li.dropdown.open > .dropdown-toggle,
162
+ .nav > li.dropdown.open.active > .dropdown-toggle {
110
163
 
111
164
  .caret {
112
- border-top-color: $white;
165
+ border-top: 4px solid $textColor;
166
+ border-top-color: $textColor;
167
+ opacity: 1;
168
+ }
169
+
170
+ &:hover .caret {
171
+ border-top: 4px solid $linkColorHover;
172
+ border-top-color: $linkColorHover;
113
173
  }
114
174
  }
115
175
 
116
- // BUTTON
176
+ // BUTTONS
117
177
  // -----------------------------------------------------
118
178
 
119
- .btn {
120
- @include buttonBackground(#F4F4F4, #ECECEC);
179
+ .btn-info {
180
+ &:hover,
181
+ &.disabled {
182
+
183
+ color: $textColor;
184
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
185
+
186
+ .caret {
187
+ border-top-color: $textColor;
188
+ border-bottom-color: $textColor;
189
+ }
190
+ }
191
+ }
192
+
193
+ /*.btn {
194
+ .buttonBackground(#F4F4F4, #ECECEC);
195
+ color: $textColor;
196
+ text-shadow: none;
197
+
198
+
199
+ &:hover,
200
+ &:active,
201
+ &.active,
202
+ &.disabled,
203
+ &[disabled] {
204
+ color: $grayDark;
205
+ }
121
206
  }
122
207
 
123
208
  .btn-primary {
124
- @include buttonBackground(#909090, #3F3F3F);
209
+ .buttonBackground(#909090, #3F3F3F);
125
210
  }
126
211
 
127
212
  .btn-warning {
128
- @include buttonBackground(lighten($yellow, 15%), $yellow);
213
+ .buttonBackground(adjust-hue($yellow, 15%), $yellow);
129
214
  }
130
215
 
131
216
  .btn-danger {
132
- @include buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
217
+ .buttonBackground(adjust-hue(#DA2D2D, 15%), #DA2D2D);
133
218
  }
134
219
 
135
220
  .btn-success {
136
- @include buttonBackground(#8ADD6D, #60B044);
221
+ .buttonBackground(#8ADD6D, #60B044);
137
222
  }
138
223
 
139
224
  .btn-info {
140
- @include buttonBackground(lighten(#4488BB, 15%), #4488BB);
225
+ .buttonBackground(adjust-hue(#4488BB, 15%), #4488BB);
141
226
  }
142
227
 
143
228
  .btn-inverse {
144
- @include buttonBackground(lighten($purple, 5%), $purple);
145
- }
229
+ .buttonBackground(adjust-hue($purple, 5%), $purple);
230
+ }*/
231
+
232
+ // TABLES
233
+ // -----------------------------------------------------
146
234
 
147
235
  // FORMS
148
236
  // -----------------------------------------------------
149
237
 
150
238
  .control-group.warning {
151
- @include formFieldState(#E29235, #E29235, $warningBackground);
239
+ @include formFieldState(#E29235, #E29235, $warningBackground);
152
240
  }
153
241
 
154
242
  .control-group.error {
155
- @include formFieldState(#C00, #C00, $errorBackground);
243
+ @include formFieldState(#C00, #C00, $errorBackground);
156
244
  }
157
245
 
158
246
  .control-group.success {
159
- @include formFieldState(#2BA949, #2BA949, $successBackground);
247
+ @include formFieldState(#2BA949, #2BA949, $successBackground);
248
+ }
249
+
250
+ // DROPDOWNS
251
+ // -----------------------------------------------------
252
+
253
+ // ALERTS, LABELS, BADGES
254
+ // -----------------------------------------------------
255
+
256
+ .alert {
257
+ color: $white;
258
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
160
259
  }
161
260
 
261
+ .label, .badge {
262
+ padding-top: 4px;
162
263
 
163
- // LABELS
264
+ }
265
+ .label-important, .badge-important{
266
+ background-color: $red;
267
+ }
268
+
269
+ .label-warning, .badge-warning {
270
+ background-color: $orange;
271
+ }
272
+
273
+ .label-success, .badge-success {
274
+ background-color: $green;
275
+ }
276
+
277
+ .label-info, .badge-info {
278
+ background-color: $blue;
279
+ }
280
+
281
+ // MISC
164
282
  // -----------------------------------------------------
165
283
 
166
- .label-important { background-color: #BD2C00; }
167
- .label-warning { background-color: #E3E84D; }
168
- .label-success { background-color: #6CC644; }
169
- .label-info { background-color: #4183C4; }
284
+ .well {
285
+ background-color: $grayLighter;
286
+ }
287
+
288
+ .hero-unit {
289
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
290
+ border: 1px solid rgba(0,0,0,.05);
291
+ }
292
+
293
+ // MEDIA QUERIES
294
+ // -----------------------------------------------------