twbs_sass_rails 0.2.0 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +17 -8
  3. data/CONTRIBUTING.md +4 -4
  4. data/Gemfile.lock +52 -65
  5. data/LICENSE +2 -2
  6. data/README.md +48 -18
  7. data/Rakefile +67 -32
  8. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  9. data/app/assets/fonts/fontawesome-webfont.svg +23 -8
  10. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  11. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  12. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  13. data/app/assets/fonts/glyphicons-halflings-regular.svg +200 -199
  14. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  15. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  16. data/gemfiles/Gemfile.rails-3.2.x +2 -3
  17. data/gemfiles/Gemfile.rails-4.0.x +2 -3
  18. data/lib/generators/twbs_sass_rails/install/install_generator.rb +2 -2
  19. data/lib/generators/twbs_sass_rails/install/templates/{twbs-variables.css.less → twbs-variables.css.scss} +4 -3
  20. data/lib/generators/twbs_sass_rails/install/templates/{twbs.css.less → twbs.css.scss} +12 -7
  21. data/lib/twbs_sass_rails/version.rb +1 -1
  22. data/test/dummy/app/assets/stylesheets/{default-twbs.css.less → default-twbs.css.scss} +0 -0
  23. data/test/dummy/app/assets/stylesheets/test.css.scss +9 -0
  24. data/test/dummy/app/assets/stylesheets/twbs-variables.css.scss +7 -0
  25. data/test/dummy/app/assets/stylesheets/{twbs.css.less → twbs.css.scss} +12 -7
  26. data/test/dummy/config/application.rb +4 -1
  27. data/test/dummy/config/environments/development.rb +1 -1
  28. data/test/generators/install_generator_test.rb +4 -4
  29. data/test/integration/assets_precompile_integration_test.rb +11 -5
  30. data/test/integration/twbs_sass_rails_integration_test.rb +8 -7
  31. data/test/test_helper.rb +2 -4
  32. data/twbs_sass_rails.gemspec +6 -9
  33. data/vendor/assets/javascripts/respond.js +223 -212
  34. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +36 -25
  35. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +7 -17
  36. data/vendor/assets/javascripts/twbs/bootstrap/button.js +26 -28
  37. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +22 -34
  38. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +9 -18
  39. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +25 -32
  40. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +27 -30
  41. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +16 -23
  42. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +19 -24
  43. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +10 -20
  44. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +54 -41
  45. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +13 -21
  46. data/vendor/assets/stylesheets/fontawesome/_bordered-pulled.scss +16 -0
  47. data/vendor/assets/stylesheets/fontawesome/_core.scss +12 -0
  48. data/vendor/assets/stylesheets/fontawesome/_extras.scss +44 -0
  49. data/vendor/assets/stylesheets/fontawesome/_fixed-width.scss +6 -0
  50. data/vendor/assets/stylesheets/fontawesome/_icons.scss +412 -0
  51. data/vendor/assets/stylesheets/fontawesome/_larger.scss +13 -0
  52. data/vendor/assets/stylesheets/fontawesome/_list.scss +19 -0
  53. data/vendor/assets/stylesheets/fontawesome/_mixins.scss +20 -0
  54. data/vendor/assets/stylesheets/fontawesome/_path.scss +14 -0
  55. data/vendor/assets/stylesheets/fontawesome/_rotated-flipped.scss +9 -0
  56. data/vendor/assets/stylesheets/fontawesome/_spinning.scss +30 -0
  57. data/vendor/assets/stylesheets/fontawesome/_stacked.scss +20 -0
  58. data/vendor/assets/stylesheets/fontawesome/_variables.scss +381 -0
  59. data/vendor/assets/stylesheets/fontawesome/font-awesome.scss +17 -0
  60. data/vendor/assets/stylesheets/twbs/bootstrap/{alerts.less → _alerts.scss} +10 -10
  61. data/vendor/assets/stylesheets/twbs/bootstrap/{badges.less → _badges.scss} +19 -15
  62. data/vendor/assets/stylesheets/twbs/bootstrap/_breadcrumbs.scss +26 -0
  63. data/vendor/assets/stylesheets/twbs/bootstrap/{button-groups.less → _button-groups.scss} +38 -60
  64. data/vendor/assets/stylesheets/twbs/bootstrap/{buttons.less → _buttons.scss} +28 -34
  65. data/vendor/assets/stylesheets/twbs/bootstrap/{carousel.less → _carousel.scss} +38 -19
  66. data/vendor/assets/stylesheets/twbs/bootstrap/_close.scss +35 -0
  67. data/vendor/assets/stylesheets/twbs/bootstrap/_code.scss +63 -0
  68. data/vendor/assets/stylesheets/twbs/bootstrap/{component-animations.less → _component-animations.scss} +2 -2
  69. data/vendor/assets/stylesheets/twbs/bootstrap/{dropdowns.less → _dropdowns.scss} +53 -33
  70. data/vendor/assets/stylesheets/twbs/bootstrap/{forms.less → _forms.scss} +133 -79
  71. data/vendor/assets/stylesheets/twbs/bootstrap/{glyphicons.less → _glyphicons.scss} +16 -19
  72. data/vendor/assets/stylesheets/twbs/bootstrap/_grid.scss +100 -0
  73. data/vendor/assets/stylesheets/twbs/bootstrap/{input-groups.less → _input-groups.scss} +58 -29
  74. data/vendor/assets/stylesheets/twbs/bootstrap/_jumbotron.scss +44 -0
  75. data/vendor/assets/stylesheets/twbs/bootstrap/{labels.less → _labels.scss} +14 -8
  76. data/vendor/assets/stylesheets/twbs/bootstrap/_list-group.scss +110 -0
  77. data/vendor/assets/stylesheets/twbs/bootstrap/{media.less → _media.scss} +0 -0
  78. data/vendor/assets/stylesheets/twbs/bootstrap/_mixins.scss +931 -0
  79. data/vendor/assets/stylesheets/twbs/bootstrap/{modals.less → _modals.scss} +37 -40
  80. data/vendor/assets/stylesheets/twbs/bootstrap/_navbar.scss +620 -0
  81. data/vendor/assets/stylesheets/twbs/bootstrap/{navs.less → _navs.scss} +41 -52
  82. data/vendor/assets/stylesheets/twbs/bootstrap/{normalize.less → _normalize.scss} +148 -121
  83. data/vendor/assets/stylesheets/twbs/bootstrap/{pager.less → _pager.scss} +8 -8
  84. data/vendor/assets/stylesheets/twbs/bootstrap/_pagination.scss +88 -0
  85. data/vendor/assets/stylesheets/twbs/bootstrap/_panels.scss +230 -0
  86. data/vendor/assets/stylesheets/twbs/bootstrap/{popovers.less → _popovers.scss} +36 -36
  87. data/vendor/assets/stylesheets/twbs/bootstrap/{print.less → _print.scss} +6 -5
  88. data/vendor/assets/stylesheets/twbs/bootstrap/_progress-bars.scss +80 -0
  89. data/vendor/assets/stylesheets/twbs/bootstrap/_responsive-utilities.scss +80 -0
  90. data/vendor/assets/stylesheets/twbs/bootstrap/{scaffolding.less → _scaffolding.scss} +39 -24
  91. data/vendor/assets/stylesheets/twbs/bootstrap/{tables.less → _tables.scss} +42 -48
  92. data/vendor/assets/stylesheets/twbs/bootstrap/_theme.scss +247 -0
  93. data/vendor/assets/stylesheets/twbs/bootstrap/_thumbnails.scss +38 -0
  94. data/vendor/assets/stylesheets/twbs/bootstrap/_tooltip.scss +95 -0
  95. data/vendor/assets/stylesheets/twbs/bootstrap/_type.scss +296 -0
  96. data/vendor/assets/stylesheets/twbs/bootstrap/{utilities.less → _utilities.scss} +14 -3
  97. data/vendor/assets/stylesheets/twbs/bootstrap/_variables.scss +831 -0
  98. data/vendor/assets/stylesheets/twbs/bootstrap/{wells.less → _wells.scss} +6 -6
  99. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.scss +48 -0
  100. data/vendor/assets/stylesheets/twbs/{bootstrap.less → bootstrap.scss} +0 -0
  101. metadata +94 -134
  102. data/test/dummy/app/assets/stylesheets/test.css.less +0 -5
  103. data/test/dummy/app/assets/stylesheets/twbs-variables.css.less +0 -6
  104. data/test/dummy/config/database.yml +0 -25
  105. data/test/dummy/db/.keep +0 -0
  106. data/vendor/assets/stylesheets/fontawesome/bootstrap.less +0 -84
  107. data/vendor/assets/stylesheets/fontawesome/core.less +0 -129
  108. data/vendor/assets/stylesheets/fontawesome/extras.less +0 -93
  109. data/vendor/assets/stylesheets/fontawesome/font-awesome.less +0 -33
  110. data/vendor/assets/stylesheets/fontawesome/icons.less +0 -381
  111. data/vendor/assets/stylesheets/fontawesome/mixins.less +0 -48
  112. data/vendor/assets/stylesheets/fontawesome/path.less +0 -14
  113. data/vendor/assets/stylesheets/fontawesome/variables.less +0 -735
  114. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.less +0 -58
  115. data/vendor/assets/stylesheets/twbs/bootstrap/breadcrumbs.less +0 -23
  116. data/vendor/assets/stylesheets/twbs/bootstrap/close.less +0 -33
  117. data/vendor/assets/stylesheets/twbs/bootstrap/code.less +0 -56
  118. data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +0 -346
  119. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +0 -40
  120. data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +0 -88
  121. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +0 -744
  122. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +0 -621
  123. data/vendor/assets/stylesheets/twbs/bootstrap/pagination.less +0 -85
  124. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +0 -143
  125. data/vendor/assets/stylesheets/twbs/bootstrap/progress-bars.less +0 -96
  126. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +0 -220
  127. data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +0 -244
  128. data/vendor/assets/stylesheets/twbs/bootstrap/thumbnails.less +0 -32
  129. data/vendor/assets/stylesheets/twbs/bootstrap/tooltip.less +0 -95
  130. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +0 -271
  131. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +0 -635
@@ -1,58 +0,0 @@
1
- /*!
2
- * Bootstrap v3.0.0
3
- *
4
- * Copyright 2013 Twitter, Inc
5
- * Licensed under the Apache License v2.0
6
- * http://www.apache.org/licenses/LICENSE-2.0
7
- *
8
- * Designed and built with all the love in the world by @mdo and @fat.
9
- */
10
-
11
- // Core variables and mixins
12
- @import "variables.less";
13
- @import "mixins.less";
14
-
15
- // Reset
16
- @import "normalize.less";
17
- @import "print.less";
18
-
19
- // Core CSS
20
- @import "scaffolding.less";
21
- @import "type.less";
22
- @import "code.less";
23
- @import "grid.less";
24
- @import "tables.less";
25
- @import "forms.less";
26
- @import "buttons.less";
27
-
28
- // Components
29
- @import "component-animations.less";
30
- @import "dropdowns.less";
31
- @import "button-groups.less";
32
- @import "input-groups.less";
33
- @import "navs.less";
34
- @import "navbar.less";
35
- @import "breadcrumbs.less";
36
- @import "pagination.less";
37
- @import "pager.less";
38
- @import "labels.less";
39
- @import "badges.less";
40
- @import "jumbotron.less";
41
- @import "thumbnails.less";
42
- @import "alerts.less";
43
- @import "progress-bars.less";
44
- @import "media.less";
45
- @import "list-group.less";
46
- @import "panels.less";
47
- @import "wells.less";
48
- @import "close.less";
49
-
50
- // Components w/ JavaScript
51
- @import "modals.less";
52
- @import "tooltip.less";
53
- @import "popovers.less";
54
- @import "carousel.less";
55
-
56
- // Utility classes
57
- @import "utilities.less";
58
- @import "responsive-utilities.less";
@@ -1,23 +0,0 @@
1
- //
2
- // Breadcrumbs
3
- // --------------------------------------------------
4
-
5
-
6
- .breadcrumb {
7
- padding: 8px 15px;
8
- margin-bottom: @line-height-computed;
9
- list-style: none;
10
- background-color: @breadcrumb-bg;
11
- border-radius: @border-radius-base;
12
- > li {
13
- display: inline-block;
14
- &+li:before {
15
- content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
16
- padding: 0 5px;
17
- color: @breadcrumb-color;
18
- }
19
- }
20
- > .active {
21
- color: @breadcrumb-active-color;
22
- }
23
- }
@@ -1,33 +0,0 @@
1
- //
2
- // Close icons
3
- // --------------------------------------------------
4
-
5
-
6
- .close {
7
- float: right;
8
- font-size: (@font-size-base * 1.5);
9
- font-weight: @close-font-weight;
10
- line-height: 1;
11
- color: @close-color;
12
- text-shadow: @close-text-shadow;
13
- .opacity(.2);
14
-
15
- &:hover,
16
- &:focus {
17
- color: @close-color;
18
- text-decoration: none;
19
- cursor: pointer;
20
- .opacity(.5);
21
- }
22
-
23
- // Additional properties for button version
24
- // iOS requires the button element instead of an anchor tag.
25
- // If you want the anchor version, it requires `href="#"`.
26
- button& {
27
- padding: 0;
28
- cursor: pointer;
29
- background: transparent;
30
- border: 0;
31
- -webkit-appearance: none;
32
- }
33
- }
@@ -1,56 +0,0 @@
1
- //
2
- // Code (inline and blocK)
3
- // --------------------------------------------------
4
-
5
-
6
- // Inline and block code styles
7
- code,
8
- pre {
9
- font-family: @font-family-monospace;
10
- }
11
-
12
- // Inline code
13
- code {
14
- padding: 2px 4px;
15
- font-size: 90%;
16
- color: @code-color;
17
- background-color: @code-bg;
18
- white-space: nowrap;
19
- border-radius: @border-radius-base;
20
- }
21
-
22
- // Blocks of code
23
- pre {
24
- display: block;
25
- padding: ((@line-height-computed - 1) / 2);
26
- margin: 0 0 (@line-height-computed / 2);
27
- font-size: (@font-size-base - 1); // 14px to 13px
28
- line-height: @line-height-base;
29
- word-break: break-all;
30
- word-wrap: break-word;
31
- color: @pre-color;
32
- background-color: @pre-bg;
33
- border: 1px solid @pre-border-color;
34
- border-radius: @border-radius-base;
35
-
36
- // Make prettyprint styles more spaced out for readability
37
- &.prettyprint {
38
- margin-bottom: @line-height-computed;
39
- }
40
-
41
- // Account for some code outputs that place code tags in pre tags
42
- code {
43
- padding: 0;
44
- font-size: inherit;
45
- color: inherit;
46
- white-space: pre-wrap;
47
- background-color: transparent;
48
- border: 0;
49
- }
50
- }
51
-
52
- // Enable scrollable blocks of code
53
- .pre-scrollable {
54
- max-height: @pre-scrollable-max-height;
55
- overflow-y: scroll;
56
- }
@@ -1,346 +0,0 @@
1
- //
2
- // Grid system
3
- // --------------------------------------------------
4
-
5
-
6
- // Set the container width, and override it for fixed navbars in media queries
7
- .container {
8
- .container-fixed();
9
- }
10
-
11
- // mobile first defaults
12
- .row {
13
- .make-row();
14
- }
15
-
16
- // Common styles for small and large grid columns
17
- .col-xs-1,
18
- .col-xs-2,
19
- .col-xs-3,
20
- .col-xs-4,
21
- .col-xs-5,
22
- .col-xs-6,
23
- .col-xs-7,
24
- .col-xs-8,
25
- .col-xs-9,
26
- .col-xs-10,
27
- .col-xs-11,
28
- .col-xs-12,
29
- .col-sm-1,
30
- .col-sm-2,
31
- .col-sm-3,
32
- .col-sm-4,
33
- .col-sm-5,
34
- .col-sm-6,
35
- .col-sm-7,
36
- .col-sm-8,
37
- .col-sm-9,
38
- .col-sm-10,
39
- .col-sm-11,
40
- .col-sm-12,
41
- .col-md-1,
42
- .col-md-2,
43
- .col-md-3,
44
- .col-md-4,
45
- .col-md-5,
46
- .col-md-6,
47
- .col-md-7,
48
- .col-md-8,
49
- .col-md-9,
50
- .col-md-10,
51
- .col-md-11,
52
- .col-md-12,
53
- .col-lg-1,
54
- .col-lg-2,
55
- .col-lg-3,
56
- .col-lg-4,
57
- .col-lg-5,
58
- .col-lg-6,
59
- .col-lg-7,
60
- .col-lg-8,
61
- .col-lg-9,
62
- .col-lg-10,
63
- .col-lg-11,
64
- .col-lg-12 {
65
- position: relative;
66
- // Prevent columns from collapsing when empty
67
- min-height: 1px;
68
- // Inner gutter via padding
69
- padding-left: (@grid-gutter-width / 2);
70
- padding-right: (@grid-gutter-width / 2);
71
- }
72
-
73
-
74
- // Extra small grid
75
- //
76
- // Grid classes for extra small devices like smartphones. No offset, push, or
77
- // pull classes are present here due to the size of the target.
78
- //
79
- // Note that `.col-xs-12` doesn't get floated on purpose--there's no need since
80
- // it's full-width.
81
-
82
- .col-xs-1,
83
- .col-xs-2,
84
- .col-xs-3,
85
- .col-xs-4,
86
- .col-xs-5,
87
- .col-xs-6,
88
- .col-xs-7,
89
- .col-xs-8,
90
- .col-xs-9,
91
- .col-xs-10,
92
- .col-xs-11 {
93
- float: left;
94
- }
95
- .col-xs-1 { width: percentage((1 / @grid-columns)); }
96
- .col-xs-2 { width: percentage((2 / @grid-columns)); }
97
- .col-xs-3 { width: percentage((3 / @grid-columns)); }
98
- .col-xs-4 { width: percentage((4 / @grid-columns)); }
99
- .col-xs-5 { width: percentage((5 / @grid-columns)); }
100
- .col-xs-6 { width: percentage((6 / @grid-columns)); }
101
- .col-xs-7 { width: percentage((7 / @grid-columns)); }
102
- .col-xs-8 { width: percentage((8 / @grid-columns)); }
103
- .col-xs-9 { width: percentage((9 / @grid-columns)); }
104
- .col-xs-10 { width: percentage((10/ @grid-columns)); }
105
- .col-xs-11 { width: percentage((11/ @grid-columns)); }
106
- .col-xs-12 { width: 100%; }
107
-
108
-
109
- // Small grid
110
- //
111
- // Columns, offsets, pushes, and pulls for the small device range, from phones
112
- // to tablets.
113
- //
114
- // Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
115
- // it's full-width.
116
-
117
- @media (min-width: @screen-sm) {
118
- .container {
119
- width: @container-sm;
120
- }
121
-
122
- .col-sm-1,
123
- .col-sm-2,
124
- .col-sm-3,
125
- .col-sm-4,
126
- .col-sm-5,
127
- .col-sm-6,
128
- .col-sm-7,
129
- .col-sm-8,
130
- .col-sm-9,
131
- .col-sm-10,
132
- .col-sm-11 {
133
- float: left;
134
- }
135
- .col-sm-1 { width: percentage((1 / @grid-columns)); }
136
- .col-sm-2 { width: percentage((2 / @grid-columns)); }
137
- .col-sm-3 { width: percentage((3 / @grid-columns)); }
138
- .col-sm-4 { width: percentage((4 / @grid-columns)); }
139
- .col-sm-5 { width: percentage((5 / @grid-columns)); }
140
- .col-sm-6 { width: percentage((6 / @grid-columns)); }
141
- .col-sm-7 { width: percentage((7 / @grid-columns)); }
142
- .col-sm-8 { width: percentage((8 / @grid-columns)); }
143
- .col-sm-9 { width: percentage((9 / @grid-columns)); }
144
- .col-sm-10 { width: percentage((10/ @grid-columns)); }
145
- .col-sm-11 { width: percentage((11/ @grid-columns)); }
146
- .col-sm-12 { width: 100%; }
147
-
148
- // Push and pull columns for source order changes
149
- .col-sm-push-1 { left: percentage((1 / @grid-columns)); }
150
- .col-sm-push-2 { left: percentage((2 / @grid-columns)); }
151
- .col-sm-push-3 { left: percentage((3 / @grid-columns)); }
152
- .col-sm-push-4 { left: percentage((4 / @grid-columns)); }
153
- .col-sm-push-5 { left: percentage((5 / @grid-columns)); }
154
- .col-sm-push-6 { left: percentage((6 / @grid-columns)); }
155
- .col-sm-push-7 { left: percentage((7 / @grid-columns)); }
156
- .col-sm-push-8 { left: percentage((8 / @grid-columns)); }
157
- .col-sm-push-9 { left: percentage((9 / @grid-columns)); }
158
- .col-sm-push-10 { left: percentage((10/ @grid-columns)); }
159
- .col-sm-push-11 { left: percentage((11/ @grid-columns)); }
160
-
161
- .col-sm-pull-1 { right: percentage((1 / @grid-columns)); }
162
- .col-sm-pull-2 { right: percentage((2 / @grid-columns)); }
163
- .col-sm-pull-3 { right: percentage((3 / @grid-columns)); }
164
- .col-sm-pull-4 { right: percentage((4 / @grid-columns)); }
165
- .col-sm-pull-5 { right: percentage((5 / @grid-columns)); }
166
- .col-sm-pull-6 { right: percentage((6 / @grid-columns)); }
167
- .col-sm-pull-7 { right: percentage((7 / @grid-columns)); }
168
- .col-sm-pull-8 { right: percentage((8 / @grid-columns)); }
169
- .col-sm-pull-9 { right: percentage((9 / @grid-columns)); }
170
- .col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
171
- .col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
172
-
173
- // Offsets
174
- .col-sm-offset-1 { margin-left: percentage((1 / @grid-columns)); }
175
- .col-sm-offset-2 { margin-left: percentage((2 / @grid-columns)); }
176
- .col-sm-offset-3 { margin-left: percentage((3 / @grid-columns)); }
177
- .col-sm-offset-4 { margin-left: percentage((4 / @grid-columns)); }
178
- .col-sm-offset-5 { margin-left: percentage((5 / @grid-columns)); }
179
- .col-sm-offset-6 { margin-left: percentage((6 / @grid-columns)); }
180
- .col-sm-offset-7 { margin-left: percentage((7 / @grid-columns)); }
181
- .col-sm-offset-8 { margin-left: percentage((8 / @grid-columns)); }
182
- .col-sm-offset-9 { margin-left: percentage((9 / @grid-columns)); }
183
- .col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
184
- .col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
185
- }
186
-
187
-
188
- // Medium grid
189
- //
190
- // Columns, offsets, pushes, and pulls for the desktop device range.
191
- //
192
- // Note that `.col-md-12` doesn't get floated on purpose--there's no need since
193
- // it's full-width.
194
-
195
- @media (min-width: @screen-md) {
196
- .container {
197
- width: @container-md;
198
- }
199
- .col-md-1,
200
- .col-md-2,
201
- .col-md-3,
202
- .col-md-4,
203
- .col-md-5,
204
- .col-md-6,
205
- .col-md-7,
206
- .col-md-8,
207
- .col-md-9,
208
- .col-md-10,
209
- .col-md-11 {
210
- float: left;
211
- }
212
- .col-md-1 { width: percentage((1 / @grid-columns)); }
213
- .col-md-2 { width: percentage((2 / @grid-columns)); }
214
- .col-md-3 { width: percentage((3 / @grid-columns)); }
215
- .col-md-4 { width: percentage((4 / @grid-columns)); }
216
- .col-md-5 { width: percentage((5 / @grid-columns)); }
217
- .col-md-6 { width: percentage((6 / @grid-columns)); }
218
- .col-md-7 { width: percentage((7 / @grid-columns)); }
219
- .col-md-8 { width: percentage((8 / @grid-columns)); }
220
- .col-md-9 { width: percentage((9 / @grid-columns)); }
221
- .col-md-10 { width: percentage((10/ @grid-columns)); }
222
- .col-md-11 { width: percentage((11/ @grid-columns)); }
223
- .col-md-12 { width: 100%; }
224
-
225
- // Push and pull columns for source order changes
226
- .col-md-push-0 { left: auto; }
227
- .col-md-push-1 { left: percentage((1 / @grid-columns)); }
228
- .col-md-push-2 { left: percentage((2 / @grid-columns)); }
229
- .col-md-push-3 { left: percentage((3 / @grid-columns)); }
230
- .col-md-push-4 { left: percentage((4 / @grid-columns)); }
231
- .col-md-push-5 { left: percentage((5 / @grid-columns)); }
232
- .col-md-push-6 { left: percentage((6 / @grid-columns)); }
233
- .col-md-push-7 { left: percentage((7 / @grid-columns)); }
234
- .col-md-push-8 { left: percentage((8 / @grid-columns)); }
235
- .col-md-push-9 { left: percentage((9 / @grid-columns)); }
236
- .col-md-push-10 { left: percentage((10/ @grid-columns)); }
237
- .col-md-push-11 { left: percentage((11/ @grid-columns)); }
238
-
239
- .col-md-pull-0 { right: auto; }
240
- .col-md-pull-1 { right: percentage((1 / @grid-columns)); }
241
- .col-md-pull-2 { right: percentage((2 / @grid-columns)); }
242
- .col-md-pull-3 { right: percentage((3 / @grid-columns)); }
243
- .col-md-pull-4 { right: percentage((4 / @grid-columns)); }
244
- .col-md-pull-5 { right: percentage((5 / @grid-columns)); }
245
- .col-md-pull-6 { right: percentage((6 / @grid-columns)); }
246
- .col-md-pull-7 { right: percentage((7 / @grid-columns)); }
247
- .col-md-pull-8 { right: percentage((8 / @grid-columns)); }
248
- .col-md-pull-9 { right: percentage((9 / @grid-columns)); }
249
- .col-md-pull-10 { right: percentage((10/ @grid-columns)); }
250
- .col-md-pull-11 { right: percentage((11/ @grid-columns)); }
251
-
252
- // Offsets
253
- .col-md-offset-0 { margin-left: 0; }
254
- .col-md-offset-1 { margin-left: percentage((1 / @grid-columns)); }
255
- .col-md-offset-2 { margin-left: percentage((2 / @grid-columns)); }
256
- .col-md-offset-3 { margin-left: percentage((3 / @grid-columns)); }
257
- .col-md-offset-4 { margin-left: percentage((4 / @grid-columns)); }
258
- .col-md-offset-5 { margin-left: percentage((5 / @grid-columns)); }
259
- .col-md-offset-6 { margin-left: percentage((6 / @grid-columns)); }
260
- .col-md-offset-7 { margin-left: percentage((7 / @grid-columns)); }
261
- .col-md-offset-8 { margin-left: percentage((8 / @grid-columns)); }
262
- .col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
263
- .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
264
- .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
265
- }
266
-
267
-
268
- // Large grid
269
- //
270
- // Columns, offsets, pushes, and pulls for the large desktop device range.
271
- //
272
- // Note that `.col-lg-12` doesn't get floated on purpose--there's no need since
273
- // it's full-width.
274
-
275
- @media (min-width: @screen-lg-min) {
276
- .container {
277
- width: @container-lg;
278
- }
279
-
280
- .col-lg-1,
281
- .col-lg-2,
282
- .col-lg-3,
283
- .col-lg-4,
284
- .col-lg-5,
285
- .col-lg-6,
286
- .col-lg-7,
287
- .col-lg-8,
288
- .col-lg-9,
289
- .col-lg-10,
290
- .col-lg-11 {
291
- float: left;
292
- }
293
- .col-lg-1 { width: percentage((1 / @grid-columns)); }
294
- .col-lg-2 { width: percentage((2 / @grid-columns)); }
295
- .col-lg-3 { width: percentage((3 / @grid-columns)); }
296
- .col-lg-4 { width: percentage((4 / @grid-columns)); }
297
- .col-lg-5 { width: percentage((5 / @grid-columns)); }
298
- .col-lg-6 { width: percentage((6 / @grid-columns)); }
299
- .col-lg-7 { width: percentage((7 / @grid-columns)); }
300
- .col-lg-8 { width: percentage((8 / @grid-columns)); }
301
- .col-lg-9 { width: percentage((9 / @grid-columns)); }
302
- .col-lg-10 { width: percentage((10/ @grid-columns)); }
303
- .col-lg-11 { width: percentage((11/ @grid-columns)); }
304
- .col-lg-12 { width: 100%; }
305
-
306
- // Push and pull columns for source order changes
307
- .col-lg-push-0 { left: auto; }
308
- .col-lg-push-1 { left: percentage((1 / @grid-columns)); }
309
- .col-lg-push-2 { left: percentage((2 / @grid-columns)); }
310
- .col-lg-push-3 { left: percentage((3 / @grid-columns)); }
311
- .col-lg-push-4 { left: percentage((4 / @grid-columns)); }
312
- .col-lg-push-5 { left: percentage((5 / @grid-columns)); }
313
- .col-lg-push-6 { left: percentage((6 / @grid-columns)); }
314
- .col-lg-push-7 { left: percentage((7 / @grid-columns)); }
315
- .col-lg-push-8 { left: percentage((8 / @grid-columns)); }
316
- .col-lg-push-9 { left: percentage((9 / @grid-columns)); }
317
- .col-lg-push-10 { left: percentage((10/ @grid-columns)); }
318
- .col-lg-push-11 { left: percentage((11/ @grid-columns)); }
319
-
320
- .col-lg-pull-0 { right: auto; }
321
- .col-lg-pull-1 { right: percentage((1 / @grid-columns)); }
322
- .col-lg-pull-2 { right: percentage((2 / @grid-columns)); }
323
- .col-lg-pull-3 { right: percentage((3 / @grid-columns)); }
324
- .col-lg-pull-4 { right: percentage((4 / @grid-columns)); }
325
- .col-lg-pull-5 { right: percentage((5 / @grid-columns)); }
326
- .col-lg-pull-6 { right: percentage((6 / @grid-columns)); }
327
- .col-lg-pull-7 { right: percentage((7 / @grid-columns)); }
328
- .col-lg-pull-8 { right: percentage((8 / @grid-columns)); }
329
- .col-lg-pull-9 { right: percentage((9 / @grid-columns)); }
330
- .col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
331
- .col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
332
-
333
- // Offsets
334
- .col-lg-offset-0 { margin-left: 0; }
335
- .col-lg-offset-1 { margin-left: percentage((1 / @grid-columns)); }
336
- .col-lg-offset-2 { margin-left: percentage((2 / @grid-columns)); }
337
- .col-lg-offset-3 { margin-left: percentage((3 / @grid-columns)); }
338
- .col-lg-offset-4 { margin-left: percentage((4 / @grid-columns)); }
339
- .col-lg-offset-5 { margin-left: percentage((5 / @grid-columns)); }
340
- .col-lg-offset-6 { margin-left: percentage((6 / @grid-columns)); }
341
- .col-lg-offset-7 { margin-left: percentage((7 / @grid-columns)); }
342
- .col-lg-offset-8 { margin-left: percentage((8 / @grid-columns)); }
343
- .col-lg-offset-9 { margin-left: percentage((9 / @grid-columns)); }
344
- .col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
345
- .col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
346
- }
@@ -1,40 +0,0 @@
1
- //
2
- // Jumbotron
3
- // --------------------------------------------------
4
-
5
-
6
- .jumbotron {
7
- padding: @jumbotron-padding;
8
- margin-bottom: @jumbotron-padding;
9
- font-size: (@font-size-base * 1.5);
10
- font-weight: 200;
11
- line-height: (@line-height-base * 1.5);
12
- color: @jumbotron-color;
13
- background-color: @jumbotron-bg;
14
-
15
- h1 {
16
- line-height: 1;
17
- color: @jumbotron-heading-color;
18
- }
19
- p {
20
- line-height: 1.4;
21
- }
22
-
23
- .container & {
24
- border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
25
- }
26
-
27
- @media screen and (min-width: @screen-sm) {
28
- padding-top: (@jumbotron-padding * 1.6);
29
- padding-bottom: (@jumbotron-padding * 1.6);
30
-
31
- .container & {
32
- padding-left: (@jumbotron-padding * 2);
33
- padding-right: (@jumbotron-padding * 2);
34
- }
35
-
36
- h1 {
37
- font-size: (@font-size-base * 4.5);
38
- }
39
- }
40
- }
@@ -1,88 +0,0 @@
1
- //
2
- // List groups
3
- // --------------------------------------------------
4
-
5
- // Base class
6
- //
7
- // Easily usable on <ul>, <ol>, or <div>.
8
- .list-group {
9
- // No need to set list-style: none; since .list-group-item is block level
10
- margin-bottom: 20px;
11
- padding-left: 0; // reset padding because ul and ol
12
- }
13
-
14
- // Individual list items
15
- // -------------------------
16
-
17
- .list-group-item {
18
- position: relative;
19
- display: block;
20
- padding: 10px 15px;
21
- // Place the border on the list items and negative margin up for better styling
22
- margin-bottom: -1px;
23
- background-color: @list-group-bg;
24
- border: 1px solid @list-group-border;
25
-
26
- // Round the first and last items
27
- &:first-child {
28
- .border-top-radius(@list-group-border-radius);
29
- }
30
- &:last-child {
31
- margin-bottom: 0;
32
- .border-bottom-radius(@list-group-border-radius);
33
- }
34
-
35
- // Align badges within list items
36
- > .badge {
37
- float: right;
38
- }
39
- > .badge + .badge {
40
- margin-right: 5px;
41
- }
42
-
43
- // Linked list items
44
- a& {
45
- color: @list-group-link-color;
46
-
47
- .list-group-item-heading {
48
- color: @list-group-link-heading-color;
49
- }
50
-
51
- // Hover state
52
- &:hover,
53
- &:focus {
54
- text-decoration: none;
55
- background-color: @list-group-hover-bg;
56
- }
57
- }
58
-
59
- // Active class on item itself, not parent
60
- &.active,
61
- &.active:hover,
62
- &.active:focus {
63
- z-index: 2; // Place active items above their siblings for proper border styling
64
- color: @list-group-active-color;
65
- background-color: @list-group-active-bg;
66
- border-color: @list-group-active-border;
67
-
68
- // Force color to inherit for custom content
69
- .list-group-item-heading {
70
- color: inherit;
71
- }
72
- .list-group-item-text {
73
- color: lighten(@list-group-active-bg, 40%);
74
- }
75
- }
76
- }
77
-
78
- // Custom content options
79
- // -------------------------
80
-
81
- .list-group-item-heading {
82
- margin-top: 0;
83
- margin-bottom: 5px;
84
- }
85
- .list-group-item-text {
86
- margin-bottom: 0;
87
- line-height: 1.3;
88
- }