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,143 +0,0 @@
1
- //
2
- // Panels
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .panel {
8
- margin-bottom: @line-height-computed;
9
- background-color: @panel-bg;
10
- border: 1px solid transparent;
11
- border-radius: @panel-border-radius;
12
- .box-shadow(0 1px 1px rgba(0,0,0,.05));
13
- }
14
-
15
- // Panel contents
16
- .panel-body {
17
- padding: 15px;
18
- .clearfix();
19
- }
20
-
21
-
22
- // List groups in panels
23
- //
24
- // By default, space out list group content from panel headings to account for
25
- // any kind of custom content between the two.
26
-
27
- .panel {
28
- > .list-group {
29
- margin-bottom: 0;
30
-
31
- .list-group-item {
32
- border-width: 1px 0;
33
-
34
- // Remove border radius for top one
35
- &:first-child {
36
- .border-top-radius(0);
37
- }
38
- // But keep it for the last one
39
- &:last-child {
40
- border-bottom: 0;
41
- }
42
- }
43
- }
44
- }
45
- // Collapse space between when there's no additional content.
46
- .panel-heading + .list-group {
47
- .list-group-item:first-child {
48
- border-top-width: 0;
49
- }
50
- }
51
-
52
-
53
- // Tables in panels
54
- //
55
- // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
56
- // watch it go full width.
57
-
58
- .panel {
59
- > .table {
60
- margin-bottom: 0;
61
- }
62
- > .panel-body + .table {
63
- border-top: 1px solid @table-border-color;
64
- }
65
- }
66
-
67
-
68
- // Optional heading
69
- .panel-heading {
70
- padding: 10px 15px;
71
- border-bottom: 1px solid transparent;
72
- .border-top-radius(@panel-border-radius - 1);
73
- }
74
-
75
- // Within heading, strip any `h*` tag of it's default margins for spacing.
76
- .panel-title {
77
- margin-top: 0;
78
- margin-bottom: 0;
79
- font-size: ceil((@font-size-base * 1.125));
80
- > a {
81
- color: inherit;
82
- }
83
- }
84
-
85
- // Optional footer (stays gray in every modifier class)
86
- .panel-footer {
87
- padding: 10px 15px;
88
- background-color: @panel-footer-bg;
89
- border-top: 1px solid @panel-inner-border;
90
- .border-bottom-radius(@panel-border-radius - 1);
91
- }
92
-
93
-
94
- // Collapsable panels (aka, accordion)
95
- //
96
- // Wrap a series of panels in `.panel-group` to turn them into an accordion with
97
- // the help of our collapse JavaScript plugin.
98
-
99
- .panel-group {
100
- // Tighten up margin so it's only between panels
101
- .panel {
102
- margin-bottom: 0;
103
- border-radius: @panel-border-radius;
104
- overflow: hidden; // crop contents when collapsed
105
- + .panel {
106
- margin-top: 5px;
107
- }
108
- }
109
-
110
- .panel-heading {
111
- border-bottom: 0;
112
- + .panel-collapse .panel-body {
113
- border-top: 1px solid @panel-inner-border;
114
- }
115
- }
116
- .panel-footer {
117
- border-top: 0;
118
- + .panel-collapse .panel-body {
119
- border-bottom: 1px solid @panel-inner-border;
120
- }
121
- }
122
- }
123
-
124
-
125
- // Contextual variations
126
- .panel-default {
127
- .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
128
- }
129
- .panel-primary {
130
- .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
131
- }
132
- .panel-success {
133
- .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
134
- }
135
- .panel-warning {
136
- .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
137
- }
138
- .panel-danger {
139
- .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
140
- }
141
- .panel-info {
142
- .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
143
- }
@@ -1,96 +0,0 @@
1
- //
2
- // Progress bars
3
- // --------------------------------------------------
4
-
5
-
6
- // Bar animations
7
- // -------------------------
8
-
9
- // Webkit
10
- @-webkit-keyframes progress-bar-stripes {
11
- from { background-position: 40px 0; }
12
- to { background-position: 0 0; }
13
- }
14
-
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // Opera
22
- @-o-keyframes progress-bar-stripes {
23
- from { background-position: 0 0; }
24
- to { background-position: 40px 0; }
25
- }
26
-
27
- // Spec and IE10+
28
- @keyframes progress-bar-stripes {
29
- from { background-position: 40px 0; }
30
- to { background-position: 0 0; }
31
- }
32
-
33
-
34
-
35
- // Bar itself
36
- // -------------------------
37
-
38
- // Outer container
39
- .progress {
40
- overflow: hidden;
41
- height: @line-height-computed;
42
- margin-bottom: @line-height-computed;
43
- background-color: @progress-bg;
44
- border-radius: @border-radius-base;
45
- .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
46
- }
47
-
48
- // Bar of progress
49
- .progress-bar {
50
- float: left;
51
- width: 0%;
52
- height: 100%;
53
- font-size: @font-size-small;
54
- line-height: @line-height-computed;
55
- color: @progress-bar-color;
56
- text-align: center;
57
- background-color: @progress-bar-bg;
58
- .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
59
- .transition(width .6s ease);
60
- }
61
-
62
- // Striped bars
63
- .progress-striped .progress-bar {
64
- #gradient > .striped(@progress-bar-bg);
65
- background-size: 40px 40px;
66
- }
67
-
68
- // Call animation for the active one
69
- .progress.active .progress-bar {
70
- -webkit-animation: progress-bar-stripes 2s linear infinite;
71
- -moz-animation: progress-bar-stripes 2s linear infinite;
72
- -ms-animation: progress-bar-stripes 2s linear infinite;
73
- -o-animation: progress-bar-stripes 2s linear infinite;
74
- animation: progress-bar-stripes 2s linear infinite;
75
- }
76
-
77
-
78
-
79
- // Variations
80
- // -------------------------
81
-
82
- .progress-bar-success {
83
- .progress-bar-variant(@progress-bar-success-bg);
84
- }
85
-
86
- .progress-bar-info {
87
- .progress-bar-variant(@progress-bar-info-bg);
88
- }
89
-
90
- .progress-bar-warning {
91
- .progress-bar-variant(@progress-bar-warning-bg);
92
- }
93
-
94
- .progress-bar-danger {
95
- .progress-bar-variant(@progress-bar-danger-bg);
96
- }
@@ -1,220 +0,0 @@
1
- //
2
- // Responsive: Utility classes
3
- // --------------------------------------------------
4
-
5
-
6
- // IE10 Metro responsive
7
- // Required for Windows 8 Metro split-screen snapping with IE10
8
- //
9
- // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
10
- @-ms-viewport{
11
- width: device-width;
12
- }
13
-
14
- // IE10 on Windows Phone 8
15
- // IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
16
- // other words, say on a Lumia, you'll get 768px as the device width,
17
- // meaning users will see the tablet styles and not phone styles.
18
- //
19
- // Alternatively you can override this with JS (see source below), but
20
- // we won't be doing that here given our limited scope.
21
- //
22
- // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
23
- @media screen and (max-width: 400px) {
24
- @-ms-viewport{
25
- width: 320px;
26
- }
27
- }
28
-
29
- // Hide from screenreaders and browsers
30
- // Credit: HTML5 Boilerplate
31
- .hidden {
32
- display: none !important;
33
- visibility: hidden !important;
34
- }
35
-
36
- // Visibility utilities
37
-
38
- .visible-xs {
39
- .responsive-invisibility();
40
- @media (max-width: @screen-xs-max) {
41
- .responsive-visibility();
42
- }
43
- &.visible-sm {
44
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
45
- .responsive-visibility();
46
- }
47
- }
48
- &.visible-md {
49
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
50
- .responsive-visibility();
51
- }
52
- }
53
- &.visible-lg {
54
- @media (min-width: @screen-lg-min) {
55
- .responsive-visibility();
56
- }
57
- }
58
- }
59
- .visible-sm {
60
- .responsive-invisibility();
61
- &.visible-xs {
62
- @media (max-width: @screen-xs-max) {
63
- .responsive-visibility();
64
- }
65
- }
66
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
67
- .responsive-visibility();
68
- }
69
- &.visible-md {
70
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
71
- .responsive-visibility();
72
- }
73
- }
74
- &.visible-lg {
75
- @media (min-width: @screen-lg-min) {
76
- .responsive-visibility();
77
- }
78
- }
79
- }
80
- .visible-md {
81
- .responsive-invisibility();
82
- &.visible-xs {
83
- @media (max-width: @screen-xs-max) {
84
- .responsive-visibility();
85
- }
86
- }
87
- &.visible-sm {
88
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
89
- .responsive-visibility();
90
- }
91
- }
92
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
93
- .responsive-visibility();
94
- }
95
- &.visible-lg {
96
- @media (min-width: @screen-lg-min) {
97
- .responsive-visibility();
98
- }
99
- }
100
- }
101
- .visible-lg {
102
- .responsive-invisibility();
103
- &.visible-xs {
104
- @media (max-width: @screen-xs-max) {
105
- .responsive-visibility();
106
- }
107
- }
108
- &.visible-sm {
109
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
110
- .responsive-visibility();
111
- }
112
- }
113
- &.visible-md {
114
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
115
- .responsive-visibility();
116
- }
117
- }
118
- @media (min-width: @screen-lg-min) {
119
- .responsive-visibility();
120
- }
121
- }
122
-
123
- .hidden-xs {
124
- .responsive-visibility();
125
- @media (max-width: @screen-xs-max) {
126
- .responsive-invisibility();
127
- }
128
- &.hidden-sm {
129
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
130
- .responsive-invisibility();
131
- }
132
- }
133
- &.hidden-md {
134
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
135
- .responsive-invisibility();
136
- }
137
- }
138
- &.hidden-lg {
139
- @media (min-width: @screen-lg-min) {
140
- .responsive-invisibility();
141
- }
142
- }
143
- }
144
- .hidden-sm {
145
- .responsive-visibility();
146
- &.hidden-xs {
147
- @media (max-width: @screen-xs-max) {
148
- .responsive-invisibility();
149
- }
150
- }
151
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
152
- .responsive-invisibility();
153
- }
154
- &.hidden-md {
155
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
156
- .responsive-invisibility();
157
- }
158
- }
159
- &.hidden-lg {
160
- @media (min-width: @screen-lg-min) {
161
- .responsive-invisibility();
162
- }
163
- }
164
- }
165
- .hidden-md {
166
- .responsive-visibility();
167
- &.hidden-xs {
168
- @media (max-width: @screen-xs-max) {
169
- .responsive-invisibility();
170
- }
171
- }
172
- &.hidden-sm {
173
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
174
- .responsive-invisibility();
175
- }
176
- }
177
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
178
- .responsive-invisibility();
179
- }
180
- &.hidden-lg {
181
- @media (min-width: @screen-lg-min) {
182
- .responsive-invisibility();
183
- }
184
- }
185
- }
186
- .hidden-lg {
187
- .responsive-visibility();
188
- &.hidden-xs {
189
- @media (max-width: @screen-xs-max) {
190
- .responsive-invisibility();
191
- }
192
- }
193
- &.hidden-sm {
194
- @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
195
- .responsive-invisibility();
196
- }
197
- }
198
- &.hidden-md {
199
- @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
200
- .responsive-invisibility();
201
- }
202
- }
203
- @media (min-width: @screen-lg-min) {
204
- .responsive-invisibility();
205
- }
206
- }
207
-
208
- // Print utilities
209
- .visible-print {
210
- .responsive-invisibility();
211
- }
212
-
213
- @media print {
214
- .visible-print {
215
- .responsive-visibility();
216
- }
217
- .hidden-print {
218
- .responsive-invisibility();
219
- }
220
- }
@@ -1,244 +0,0 @@
1
-
2
- //
3
- // Load core variables and mixins
4
- // --------------------------------------------------
5
-
6
- @import "variables.less";
7
- @import "mixins.less";
8
-
9
-
10
-
11
- //
12
- // Buttons
13
- // --------------------------------------------------
14
-
15
- // Common styles
16
- .btn-default,
17
- .btn-primary,
18
- .btn-success,
19
- .btn-info,
20
- .btn-warning,
21
- .btn-danger {
22
- text-shadow: 0 -1px 0 rgba(0,0,0,.2);
23
- @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
24
- .box-shadow(@shadow);
25
-
26
- // Reset the shadow
27
- &:active,
28
- &.active {
29
- .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
30
- }
31
- }
32
-
33
- // Mixin for generating new styles
34
- .btn-styles(@btn-color: #555;) {
35
- #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
36
- background-repeat: repeat-x;
37
- border-color: darken(@btn-color, 14%);
38
-
39
- &:hover,
40
- &:focus {
41
- background-color: darken(@btn-color, 12%);
42
- background-position: 0 -15px;
43
- }
44
-
45
- &:active,
46
- &.active {
47
- background-color: darken(@btn-color, 12%);
48
- border-color: darken(@btn-color, 14%);
49
- }
50
- }
51
-
52
- // Common styles
53
- .btn {
54
- // Remove the gradient for the pressed/active state
55
- &:active,
56
- &.active {
57
- background-image: none;
58
- }
59
- }
60
-
61
- // Apply the mixin to the buttons
62
- .btn-default { .btn-styles(@btn-default-bg;); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
63
- .btn-primary { .btn-styles(@btn-primary-bg); }
64
- .btn-success { .btn-styles(@btn-success-bg); }
65
- .btn-warning { .btn-styles(@btn-warning-bg); }
66
- .btn-danger { .btn-styles(@btn-danger-bg); }
67
- .btn-info { .btn-styles(@btn-info-bg); }
68
-
69
-
70
-
71
- //
72
- // Images
73
- // --------------------------------------------------
74
-
75
- .thumbnail,
76
- .img-thumbnail {
77
- .box-shadow(0 1px 2px rgba(0,0,0,.075));
78
- }
79
-
80
-
81
-
82
- //
83
- // Dropdowns
84
- // --------------------------------------------------
85
-
86
- .dropdown-menu > li > a:hover,
87
- .dropdown-menu > li > a:focus {
88
- #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
89
- background-color: darken(@dropdown-link-hover-bg, 5%);
90
- }
91
- .dropdown-menu > .active > a,
92
- .dropdown-menu > .active > a:hover,
93
- .dropdown-menu > .active > a:focus {
94
- #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
95
- background-color: darken(@dropdown-link-active-bg, 5%);
96
- }
97
-
98
-
99
-
100
- //
101
- // Navbar
102
- // --------------------------------------------------
103
-
104
- // Default navbar
105
- .navbar-default {
106
- #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
107
- border-radius: @navbar-border-radius;
108
- @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
109
- .box-shadow(@shadow);
110
-
111
- .navbar-nav > .active > a {
112
- #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%););
113
- .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
114
- }
115
- }
116
- .navbar-brand,
117
- .navbar-nav > li > a {
118
- text-shadow: 0 1px 0 rgba(255,255,255,.25);
119
- }
120
-
121
- // Inverted navbar
122
- .navbar-inverse {
123
- #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
124
-
125
- .navbar-nav > .active > a {
126
- #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%););
127
- .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
128
- }
129
-
130
- .navbar-brand,
131
- .navbar-nav > li > a {
132
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
133
- }
134
- }
135
-
136
- // Undo rounded corners in static and fixed navbars
137
- .navbar-static-top,
138
- .navbar-fixed-top,
139
- .navbar-fixed-bottom {
140
- border-radius: 0;
141
- }
142
-
143
-
144
-
145
- //
146
- // Alerts
147
- // --------------------------------------------------
148
-
149
- // Common styles
150
- .alert {
151
- text-shadow: 0 1px 0 rgba(255,255,255,.2);
152
- @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
153
- .box-shadow(@shadow);
154
- }
155
-
156
- // Mixin for generating new styles
157
- .alert-styles(@color) {
158
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
159
- border-color: darken(@color, 15%);
160
- }
161
-
162
- // Apply the mixin to the alerts
163
- .alert-success { .alert-styles(@alert-success-bg); }
164
- .alert-info { .alert-styles(@alert-info-bg); }
165
- .alert-warning { .alert-styles(@alert-warning-bg); }
166
- .alert-danger { .alert-styles(@alert-danger-bg); }
167
-
168
-
169
-
170
- //
171
- // Progress bars
172
- // --------------------------------------------------
173
-
174
- // Give the progress background some depth
175
- .progress {
176
- #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg;)
177
- }
178
-
179
- // Mixin for generating new styles
180
- .progress-bar-styles(@color) {
181
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
182
- }
183
-
184
- // Apply the mixin to the progress bars
185
- .progress-bar { .progress-bar-styles(@progress-bar-bg); }
186
- .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
187
- .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
188
- .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
189
- .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
190
-
191
-
192
-
193
- //
194
- // List groups
195
- // --------------------------------------------------
196
-
197
- .list-group {
198
- border-radius: @border-radius-base;
199
- .box-shadow(0 1px 2px rgba(0,0,0,.075));
200
- }
201
- .list-group-item.active,
202
- .list-group-item.active:hover,
203
- .list-group-item.active:focus {
204
- text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
205
- #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
206
- border-color: darken(@list-group-active-border, 7.5%);
207
- }
208
-
209
-
210
-
211
- //
212
- // Panels
213
- // --------------------------------------------------
214
-
215
- // Common styles
216
- .panel {
217
- .box-shadow(0 1px 2px rgba(0,0,0,.05));
218
- }
219
-
220
- // Mixin for generating new styles
221
- .panel-heading-styles(@color) {
222
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
223
- }
224
-
225
- // Apply the mixin to the panel headings only
226
- .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
227
- .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
228
- .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
229
- .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
230
- .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
231
- .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
232
-
233
-
234
-
235
- //
236
- // Wells
237
- // --------------------------------------------------
238
-
239
- .well {
240
- #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg;);
241
- border-color: darken(@well-bg, 10%);
242
- @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
243
- .box-shadow(@shadow);
244
- }