querobolsa-bootstrap-sass 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.
Files changed (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +106 -0
  3. data/lib/querobolsa-bootstrap-sass.rb +43 -0
  4. data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
  6. data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
  7. data/templates/project/manifest.rb +18 -0
  8. data/templates/project/styles.scss +5 -0
  9. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  10. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  11. data/vendor/assets/javascripts/bootstrap-alert.js +90 -0
  12. data/vendor/assets/javascripts/bootstrap-button.js +96 -0
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
  16. data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
  17. data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
  19. data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
  21. data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
  23. data/vendor/assets/javascripts/bootstrap.js +12 -0
  24. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
  25. data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
  26. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
  27. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
  28. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
  29. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
  30. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
  31. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  32. data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
  33. data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
  34. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
  35. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
  36. data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
  37. data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
  38. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
  39. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
  40. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  41. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
  42. data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
  44. data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
  46. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  47. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  48. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
  49. data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
  50. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
  51. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
  52. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
  53. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
  54. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
  55. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  56. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
  57. data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
  58. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
  59. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  60. data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
  61. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  62. data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
  63. data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
  64. metadata +142 -0
@@ -0,0 +1,49 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
4
+
5
+ // Make wrapper ul behave like the grid
6
+ .thumbnails {
7
+ margin-left: -$gridGutterWidth;
8
+ list-style: none;
9
+ @include clearfix();
10
+ }
11
+ // Fluid rows have no left margin
12
+ .row-fluid .thumbnails {
13
+ margin-left: 0;
14
+ }
15
+
16
+ // Float li to make thumbnails appear in a row
17
+ .thumbnails > li {
18
+ float: left;
19
+ margin: 0 0 $baseLineHeight $gridGutterWidth;
20
+ float: left; // Explicity set the float since we don't require .span* classes
21
+ margin-bottom: $baseLineHeight;
22
+ margin-left: $gridGutterWidth;
23
+ }
24
+
25
+ // The actual thumbnail (can be `a` or `div`)
26
+ .thumbnail {
27
+ display: block;
28
+ padding: 4px;
29
+ line-height: 1;
30
+ border: 1px solid #ddd;
31
+ @include border-radius(4px);
32
+ @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33
+ }
34
+
35
+ // Add a hover state for linked versions only
36
+ a.thumbnail:hover {
37
+ border-color: $linkColor;
38
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
39
+ }
40
+ // Images and captions
41
+ .thumbnail > img {
42
+ display: block;
43
+ max-width: 100%;
44
+ margin-left: auto;
45
+ margin-right: auto;
46
+ }
47
+ .thumbnail .caption {
48
+ padding: 9px;
49
+ }
@@ -0,0 +1,35 @@
1
+ // TOOLTIP
2
+ // ------=
3
+
4
+ .tooltip {
5
+ position: absolute;
6
+ z-index: $zindexTooltip;
7
+ display: block;
8
+ visibility: visible;
9
+ padding: 5px;
10
+ font-size: 11px;
11
+ @include opacity(0);
12
+ &.in { @include opacity(0.8); }
13
+ &.top { margin-top: -2px; }
14
+ &.right { margin-left: 2px; }
15
+ &.bottom { margin-top: 2px; }
16
+ &.left { margin-left: -2px; }
17
+ &.top .tooltip-arrow { @include popoverArrowTop(); }
18
+ &.left .tooltip-arrow { @include popoverArrowLeft(); }
19
+ &.bottom .tooltip-arrow { @include popoverArrowBottom(); }
20
+ &.right .tooltip-arrow { @include popoverArrowRight(); }
21
+ }
22
+ .tooltip-inner {
23
+ max-width: 200px;
24
+ padding: 3px 8px;
25
+ color: $white;
26
+ text-align: center;
27
+ text-decoration: none;
28
+ background-color: $black;
29
+ @include border-radius(4px);
30
+ }
31
+ .tooltip-arrow {
32
+ position: absolute;
33
+ width: 0;
34
+ height: 0;
35
+ }
@@ -0,0 +1,224 @@
1
+ // Typography.less
2
+ // Headings, body text, lists, code, and more for a versatile and durable typography system
3
+ // ----------------------------------------------------------------------------------------
4
+
5
+
6
+ // BODY TEXT
7
+ // ---------
8
+
9
+ p {
10
+ margin: 0 0 $baseLineHeight / 2;
11
+ small {
12
+ font-size: $baseFontSize - 2;
13
+ color: $grayLight;
14
+ }
15
+ }
16
+ .lead {
17
+ margin-bottom: $baseLineHeight;
18
+ font-size: 20px;
19
+ font-weight: 200;
20
+ line-height: $baseLineHeight * 1.5;
21
+ }
22
+
23
+ // HEADINGS
24
+ // --------
25
+
26
+ h1, h2, h3, h4, h5, h6 {
27
+ margin: 0;
28
+ font-family: $headingsFontFamily;
29
+ font-weight: $headingsFontWeight;
30
+ color: $headingsColor;
31
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
32
+ small {
33
+ font-weight: normal;
34
+ color: $grayLight;
35
+ }
36
+ }
37
+ h1 {
38
+ font-size: 30px;
39
+ line-height: $baseLineHeight * 2;
40
+ small {
41
+ font-size: 18px;
42
+ }
43
+ }
44
+ h2 {
45
+ font-size: 24px;
46
+ line-height: $baseLineHeight * 2;
47
+ small {
48
+ font-size: 18px;
49
+ }
50
+ }
51
+ h3 {
52
+ font-size: 18px;
53
+ line-height: $baseLineHeight * 1.5;
54
+ small {
55
+ font-size: 14px;
56
+ }
57
+ }
58
+ h4, h5, h6 {
59
+ line-height: $baseLineHeight;
60
+ }
61
+ h4 {
62
+ font-size: 14px;
63
+ small {
64
+ font-size: 12px;
65
+ }
66
+ }
67
+ h5 {
68
+ font-size: 12px;
69
+ }
70
+ h6 {
71
+ font-size: 11px;
72
+ color: $grayLight;
73
+ text-transform: uppercase;
74
+ }
75
+
76
+ // Page header
77
+ .page-header {
78
+ padding-bottom: $baseLineHeight - 1;
79
+ margin: $baseLineHeight 0;
80
+ border-bottom: 1px solid $grayLighter;
81
+ }
82
+ .page-header h1 {
83
+ line-height: 1;
84
+ }
85
+
86
+
87
+
88
+ // LISTS
89
+ // -----
90
+
91
+ // Unordered and Ordered lists
92
+ ul, ol {
93
+ padding: 0;
94
+ margin: 0 0 $baseLineHeight / 2 25px;
95
+ }
96
+ ul ul, ul ol, ol ol, ol ul {
97
+ margin-bottom: 0;
98
+ }
99
+ ul {
100
+ list-style: disc;
101
+ }
102
+ ol {
103
+ list-style: decimal;
104
+ }
105
+ li {
106
+ line-height: $baseLineHeight;
107
+ }
108
+ ul.unstyled, ol.unstyled {
109
+ margin-left: 0;
110
+ list-style: none;
111
+ }
112
+
113
+ // Description Lists
114
+ dl {
115
+ margin-bottom: $baseLineHeight;
116
+ }
117
+ dt, dd {
118
+ line-height: $baseLineHeight;
119
+ }
120
+ dt {
121
+ font-weight: bold;
122
+ line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
123
+ }
124
+ dd {
125
+ margin-left: $baseLineHeight / 2;
126
+ }
127
+ // Horizontal layout (like forms)
128
+ .dl-horizontal {
129
+ dt {
130
+ float: left;
131
+ width: 120px;
132
+ clear: left;
133
+ text-align: right;
134
+ @include text-overflow();
135
+ }
136
+ dd {
137
+ margin-left: 130px;
138
+ }
139
+ }
140
+
141
+ // MISC
142
+ // ----
143
+
144
+ // Horizontal rules
145
+ hr {
146
+ margin: $baseLineHeight 0;
147
+ border: 0;
148
+ border-top: 1px solid $hrBorder;
149
+ border-bottom: 1px solid $white;
150
+ }
151
+
152
+ // Emphasis
153
+ strong {
154
+ font-weight: bold;
155
+ }
156
+ em {
157
+ font-style: italic;
158
+ }
159
+ .muted {
160
+ color: $grayLight;
161
+ }
162
+
163
+ // Abbreviations and acronyms
164
+ abbr[title] {
165
+ cursor: help;
166
+ border-bottom: 1px dotted $grayLight;
167
+ }
168
+
169
+ abbr.initialism {
170
+ font-size: 90%;
171
+ text-transform: uppercase;
172
+ }
173
+
174
+ // Blockquotes
175
+ blockquote {
176
+ padding: 0 0 0 15px;
177
+ margin: 0 0 $baseLineHeight;
178
+ border-left: 5px solid $grayLighter;
179
+ p {
180
+ margin-bottom: 0;
181
+ @include font-shorthand(16px,300,$baseLineHeight * 1.25);
182
+ }
183
+ small {
184
+ display: block;
185
+ line-height: $baseLineHeight;
186
+ color: $grayLight;
187
+ &:before {
188
+ content: '\2014 \00A0';
189
+ }
190
+ }
191
+
192
+ // Float right with text-align: right
193
+ &.pull-right {
194
+ float: right;
195
+ padding-right: 15px;
196
+ padding-left: 0;
197
+ border-right: 5px solid $grayLighter;
198
+ border-left: 0;
199
+ p, small {
200
+ text-align: right;
201
+ }
202
+ }
203
+ }
204
+
205
+ // Quotes
206
+ q:before, q:after, blockquote:before, blockquote:after {
207
+ content: "";
208
+ }
209
+
210
+ // Addresses
211
+ address {
212
+ display: block;
213
+ margin-bottom: $baseLineHeight;
214
+ font-style: normal;
215
+ line-height: $baseLineHeight;
216
+ }
217
+
218
+ // Misc
219
+ small {
220
+ font-size: 100%;
221
+ }
222
+ cite {
223
+ font-style: normal;
224
+ }
@@ -0,0 +1,23 @@
1
+ // UTILITY CLASSES
2
+ // ---------------
3
+
4
+ // Quick floats
5
+ .pull-right {
6
+ float: right;
7
+ }
8
+ .pull-left {
9
+ float: left;
10
+ }
11
+
12
+ // Toggling content
13
+ .hide {
14
+ display: none;
15
+ }
16
+ .show {
17
+ display: block;
18
+ }
19
+
20
+ // Visibility
21
+ .invisible {
22
+ visibility: hidden;
23
+ }
@@ -0,0 +1,237 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+ // Grays
11
+ // -------------------------
12
+ $black: #000 !default;
13
+ $grayDarker: #222 !default;
14
+ $grayDark: #333 !default;
15
+ $gray: #555 !default;
16
+ $grayLight: #999 !default;
17
+ $grayLighter: #eee !default;
18
+ $white: #fff !default;
19
+
20
+
21
+ // Accent colors
22
+ // ----------------------------
23
+ $blue: #049cdb !default;
24
+ $blueDark: #0064cd !default;
25
+ $green: #46a546 !default;
26
+ $red: #9d261d !default;
27
+ $yellow: #ffc40d !default;
28
+ $orange: #f89406 !default;
29
+ $pink: #c3325f !default;
30
+ $purple: #7a43b6 !default;
31
+
32
+ // Scaffolding
33
+ // -------------------------
34
+ $bodyBackground: $white !default;
35
+ $textColor: $grayDark !default;
36
+
37
+ // Links
38
+ // -------------------------
39
+ $linkColor: #08c !default;
40
+ $linkColorHover: darken($linkColor, 15%) !default;
41
+
42
+ // Typography
43
+ // -------------------------
44
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
45
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
46
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
47
+
48
+ $baseFontSize: 13px !default;
49
+ $baseFontFamily: $sansFontFamily !default;
50
+ $baseLineHeight: 18px !default;
51
+ $altFontFamily: $serifFontFamily !default;
52
+
53
+ $headingsFontFamily: inherit !default; // empty to use BS default, @baseFontFamily
54
+ $headingsFontWeight: bold !default; // instead of browser default, bold
55
+ $headingsColor: inherit !default; // empty to use BS default, @textColor
56
+
57
+
58
+ // Tables
59
+ // -------------------------
60
+ $tableBackground: transparent !default; // overall background-color
61
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
62
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
63
+ $tableBorder: #ddd !default; // table and cell border
64
+
65
+ // Buttons
66
+ // -------------------------
67
+ $btnBackground: $white !default;
68
+ $btnBackgroundHighlight: darken($white, 10%) !default;
69
+ $btnBorder: #ccc !default;
70
+
71
+ $btnPrimaryBackground: $linkColor !default;
72
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
73
+
74
+ $btnInfoBackground: #5bc0de !default;
75
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
76
+
77
+ $btnSuccessBackground: #62c462 !default;
78
+ $btnSuccessBackgroundHighlight: #51a351 !default;
79
+
80
+ $btnWarningBackground: lighten($orange, 15%) !default;
81
+ $btnWarningBackgroundHighlight: $orange !default;
82
+
83
+ $btnDangerBackground: #ee5f5b !default;
84
+ $btnDangerBackgroundHighlight: #bd362f !default;
85
+
86
+ $btnInverseBackground: $gray !default;
87
+ $btnInverseBackgroundHighlight: $grayDarker !default;
88
+
89
+ // Forms
90
+ // -------------------------
91
+ $inputBackground: $white !default;
92
+ $inputBorder: #ccc !default;
93
+ $inputBorderRadius: 3px !default;
94
+ $inputDisabledBackground: $grayLighter !default;
95
+ $formActionsBackground: #f5f5f5 !default;
96
+
97
+
98
+ // Dropdowns
99
+ // -------------------------
100
+ $dropdownBackground: $white !default;
101
+ $dropdownBorder: rgba(0,0,0,.2) !default;
102
+ $dropdownLinkColor: $grayDark !default;
103
+ $dropdownLinkColorHover: $white !default;
104
+ $dropdownLinkBackgroundHover: $linkColor !default;
105
+
106
+ $dropdownDividerTop: #e5e5e5 !default;
107
+ $dropdownDividerBottom: $white !default;
108
+
109
+
110
+ // COMPONENT VARIABLES
111
+ // --------------------------------------------------
112
+
113
+ // Z-index master list
114
+ // -------------------------
115
+ // Used for a bird's eye view of components dependent on the z-axis
116
+ // Try to avoid customizing these :)
117
+ $zindexDropdown: 1000 !default;
118
+ $zindexPopover: 1010 !default;
119
+ $zindexTooltip: 1020 !default;
120
+ $zindexFixedNavbar: 1030 !default;
121
+ $zindexModalBackdrop: 1040 !default;
122
+ $zindexModal: 1050 !default;
123
+
124
+
125
+ // Sprite icons path
126
+ // -------------------------
127
+ $iconSpritePath: asset-url("glyphicons-halflings.png", image) !default;
128
+ $iconWhiteSpritePath: asset-url("glyphicons-halflings-white.png", image) !default;
129
+
130
+
131
+ // Input placeholder text color
132
+ // -------------------------
133
+ $placeholderText: $grayLight !default;
134
+
135
+
136
+ // Hr border color
137
+ // -------------------------
138
+ $hrBorder: $grayLighter !default;
139
+
140
+
141
+ // Navbar
142
+ // -------------------------
143
+ $navbarHeight: 40px !default;
144
+ $navbarBackground: $grayDarker !default;
145
+ $navbarBackgroundHighlight: $grayDark !default;
146
+
147
+ $navbarText: $grayLight !default;
148
+ $navbarLinkColor: $grayLight !default;
149
+ $navbarLinkColorHover: $white !default;
150
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
151
+ $navbarLinkBackgroundHover: transparent !default;
152
+ $navbarLinkBackgroundActive: $navbarBackground !default;
153
+
154
+ $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
155
+ $navbarSearchBackgroundFocus: $white !default;
156
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
157
+ $navbarSearchPlaceholderColor: #ccc !default;
158
+ $navbarBrandColor: $navbarLinkColor !default;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ $heroUnitBackground: $grayLighter !default;
164
+ $heroUnitHeadingColor: inherit !default;
165
+ $heroUnitLeadColor: inherit !default;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ $warningText: #c09853 !default;
171
+ $warningBackground: #fcf8e3 !default;
172
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
173
+
174
+ $errorText: #b94a48 !default;
175
+ $errorBackground: #f2dede !default;
176
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
177
+
178
+ $successText: #468847 !default;
179
+ $successBackground: #dff0d8 !default;
180
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
181
+
182
+ $infoText: #3a87ad !default;
183
+ $infoBackground: #d9edf7 !default;
184
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
185
+
186
+
187
+ // FIXED GRID
188
+ // --------------------------------------------------
189
+
190
+ // Default, 940px
191
+ // -------------------------
192
+ $gridColumns: 12 !default;
193
+ $gridColumnWidth: 60px !default;
194
+ $gridGutterWidth: 20px !default;
195
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
196
+
197
+ // Portrait tablet to default desktop
198
+ // -------------------------
199
+ $gridColumnWidthTablet: 42px !default;
200
+ $gridGutterWidthTablet: 20px !default;
201
+
202
+ // Large desktop and up
203
+ // -------------------------
204
+ $gridColumnWidthLarge: 70px !default;
205
+ $gridGutterWidthLarge: 30px !default;
206
+
207
+
208
+ // FLUID GRID
209
+ // --------------------------------------------------
210
+
211
+ // Default
212
+ // -------------------------
213
+ $fluidGridColumnWidth: 6.382978723% !default;
214
+ $fluidGridGutterWidth: 2.127659574% !default;
215
+
216
+ // Portrait tablet to default desktop
217
+ // -------------------------
218
+ $fluidGridColumnWidthTablet: 5.801104972% !default;
219
+ $fluidGridGutterWidthTablet: 2.762430939% !default;
220
+
221
+ // Large desktop and up
222
+ // -------------------------
223
+ $fluidGridColumnWidthLarge: 5.982905983% !default;
224
+ $fluidGridGutterWidthLarge: 2.564102564% !default;
225
+
226
+
227
+
228
+ // RESPONSIVE DESIGN
229
+ // --------------------------------------------------
230
+
231
+ // Media widths
232
+ // -------------------------
233
+ // Not supported Sass < 3.2 :(
234
+ // $mediaPhone: 480px !default;
235
+ // $mediaTablet: 768px !default;
236
+ // $mediaDesktop: 980px !default;
237
+ // $mediaLarge: 1200px !default; // and upper