bootstrap-generators 2.3.2 → 3.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile +12 -2
- data/{LICENSE.txt → MIT-LICENSE} +1 -3
- data/README.md +19 -64
- data/Rakefile +24 -22
- data/bootstrap-generators.gemspec +3 -1
- data/lib/bootstrap-generators.rb +12 -1
- data/lib/bootstrap/generators/version.rb +1 -1
- data/lib/generators/bootstrap/install/install_generator.rb +9 -24
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +498 -179
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.scss +620 -0
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css → starter.css} +6 -6
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.less → starter.less} +7 -7
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.scss → starter.scss} +7 -8
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +11 -9
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +9 -8
- data/lib/generators/bootstrap/install/templates/layouts/starter.html.erb +50 -0
- data/lib/generators/bootstrap/install/templates/layouts/{hero.html.haml → starter.html.haml} +0 -0
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/edit.html.erb +3 -3
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/index.html.erb +25 -25
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/new.html.erb +2 -2
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/show.html.erb +5 -5
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/edit.html.haml +3 -3
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/index.html.haml +20 -19
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/new.html.haml +2 -2
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/show.html.haml +5 -5
- data/readme-template.md.erb +5 -48
- data/test/lib/generators/bootstrap/install_generator_test.rb +3 -33
- data/vendor/assets/fonts/glyphicons-halflings-regular.eot +0 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.svg +228 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.woff +0 -0
- data/vendor/assets/javascripts/bootstrap-ie.js +2 -0
- data/vendor/assets/javascripts/bootstrap-ie/html5shiv.js +8 -0
- data/vendor/assets/javascripts/bootstrap-ie/respond.min.js +6 -0
- data/vendor/assets/javascripts/bootstrap.js +12 -13
- data/vendor/assets/javascripts/bootstrap/affix.js +126 -0
- data/vendor/assets/javascripts/{bootstrap-alert.js → bootstrap/alert.js} +35 -36
- data/vendor/assets/javascripts/bootstrap/button.js +109 -0
- data/vendor/assets/javascripts/bootstrap/carousel.js +217 -0
- data/vendor/assets/javascripts/bootstrap/collapse.js +179 -0
- data/vendor/assets/javascripts/bootstrap/dropdown.js +154 -0
- data/vendor/assets/javascripts/bootstrap/modal.js +246 -0
- data/vendor/assets/javascripts/bootstrap/popover.js +117 -0
- data/vendor/assets/javascripts/bootstrap/scrollspy.js +158 -0
- data/vendor/assets/javascripts/bootstrap/tab.js +135 -0
- data/vendor/assets/javascripts/bootstrap/tooltip.js +386 -0
- data/vendor/assets/javascripts/bootstrap/transition.js +56 -0
- data/vendor/assets/stylesheets/bootstrap.css +4638 -4000
- data/vendor/twitter/bootstrap/less/alerts.less +46 -58
- data/vendor/twitter/bootstrap/less/badges.less +51 -0
- data/vendor/twitter/bootstrap/less/bootstrap.less +27 -31
- data/vendor/twitter/bootstrap/less/breadcrumbs.less +7 -8
- data/vendor/twitter/bootstrap/less/button-groups.less +173 -154
- data/vendor/twitter/bootstrap/less/buttons.less +97 -165
- data/vendor/twitter/bootstrap/less/carousel.less +115 -64
- data/vendor/twitter/bootstrap/less/close.less +20 -19
- data/vendor/twitter/bootstrap/less/code.less +17 -22
- data/vendor/twitter/bootstrap/less/component-animations.less +10 -3
- data/vendor/twitter/bootstrap/less/dropdowns.less +92 -147
- data/vendor/twitter/bootstrap/less/forms.less +224 -561
- data/vendor/twitter/bootstrap/less/glyphicons.less +232 -0
- data/vendor/twitter/bootstrap/less/grid.less +336 -11
- data/vendor/twitter/bootstrap/less/input-groups.less +127 -0
- data/vendor/twitter/bootstrap/less/jumbotron.less +40 -0
- data/vendor/twitter/bootstrap/less/labels.less +58 -0
- data/vendor/twitter/bootstrap/less/list-group.less +88 -0
- data/vendor/twitter/bootstrap/less/media.less +8 -7
- data/vendor/twitter/bootstrap/less/mixins.less +487 -466
- data/vendor/twitter/bootstrap/less/modals.less +98 -52
- data/vendor/twitter/bootstrap/less/navbar.less +507 -383
- data/vendor/twitter/bootstrap/less/navs.less +169 -349
- data/vendor/twitter/bootstrap/less/normalize.less +396 -0
- data/vendor/twitter/bootstrap/less/pager.less +45 -33
- data/vendor/twitter/bootstrap/less/pagination.less +65 -105
- data/vendor/twitter/bootstrap/less/panels.less +148 -0
- data/vendor/twitter/bootstrap/less/popovers.less +51 -51
- data/vendor/twitter/bootstrap/less/print.less +100 -0
- data/vendor/twitter/bootstrap/less/progress-bars.less +28 -55
- data/vendor/twitter/bootstrap/less/responsive-utilities.less +195 -34
- data/vendor/twitter/bootstrap/less/scaffolding.less +101 -24
- data/vendor/twitter/bootstrap/less/tables.less +170 -178
- data/vendor/twitter/bootstrap/less/theme.less +232 -0
- data/vendor/twitter/bootstrap/less/thumbnails.less +11 -33
- data/vendor/twitter/bootstrap/less/tooltip.less +45 -20
- data/vendor/twitter/bootstrap/less/type.less +100 -109
- data/vendor/twitter/bootstrap/less/utilities.less +19 -7
- data/vendor/twitter/bootstrap/less/variables.less +498 -179
- data/vendor/twitter/bootstrap/less/wells.less +7 -7
- data/vendor/twitter/bootstrap/sass/_alerts.scss +46 -58
- data/vendor/twitter/bootstrap/sass/_badges.scss +51 -0
- data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +8 -9
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +173 -154
- data/vendor/twitter/bootstrap/sass/_buttons.scss +97 -165
- data/vendor/twitter/bootstrap/sass/_carousel.scss +116 -65
- data/vendor/twitter/bootstrap/sass/_close.scss +9 -8
- data/vendor/twitter/bootstrap/sass/_code.scss +16 -21
- data/vendor/twitter/bootstrap/sass/_component-animations.scss +10 -3
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +94 -148
- data/vendor/twitter/bootstrap/sass/_forms.scss +220 -559
- data/vendor/twitter/bootstrap/sass/_glyphicons.scss +232 -0
- data/vendor/twitter/bootstrap/sass/_grid.scss +336 -11
- data/vendor/twitter/bootstrap/sass/_input-groups.scss +127 -0
- data/vendor/twitter/bootstrap/sass/_jumbotron.scss +40 -0
- data/vendor/twitter/bootstrap/sass/_labels.scss +58 -0
- data/vendor/twitter/bootstrap/sass/_list-group.scss +88 -0
- data/vendor/twitter/bootstrap/sass/_media.scss +8 -7
- data/vendor/twitter/bootstrap/sass/_mixins.scss +465 -433
- data/vendor/twitter/bootstrap/sass/_modals.scss +102 -52
- data/vendor/twitter/bootstrap/sass/_navbar.scss +511 -383
- data/vendor/twitter/bootstrap/sass/_navs.scss +169 -349
- data/vendor/twitter/bootstrap/sass/_normalize.scss +396 -0
- data/vendor/twitter/bootstrap/sass/_pager.scss +45 -33
- data/vendor/twitter/bootstrap/sass/_pagination.scss +65 -105
- data/vendor/twitter/bootstrap/sass/_panels.scss +148 -0
- data/vendor/twitter/bootstrap/sass/_popovers.scss +51 -51
- data/vendor/twitter/bootstrap/sass/_print.scss +100 -0
- data/vendor/twitter/bootstrap/sass/_progress-bars.scss +28 -55
- data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +180 -45
- data/vendor/twitter/bootstrap/sass/_scaffolding.scss +101 -24
- data/vendor/twitter/bootstrap/sass/_tables.scss +169 -168
- data/vendor/twitter/bootstrap/sass/_theme.scss +232 -0
- data/vendor/twitter/bootstrap/sass/_thumbnails.scss +11 -33
- data/vendor/twitter/bootstrap/sass/_tooltip.scss +45 -20
- data/vendor/twitter/bootstrap/sass/_type.scss +101 -110
- data/vendor/twitter/bootstrap/sass/_utilities.scss +19 -22
- data/vendor/twitter/bootstrap/sass/_variables.scss +498 -179
- data/vendor/twitter/bootstrap/sass/_wells.scss +7 -7
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +29 -33
- metadata +47 -56
- data/lib/bootstrap/generators/engine.rb +0 -14
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +0 -301
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +0 -18
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +0 -19
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +0 -19
- data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +0 -176
- data/lib/generators/bootstrap/install/templates/config/locales/simple_form.en.yml +0 -24
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +0 -13
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +0 -10
- data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +0 -80
- data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +0 -94
- data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +0 -53
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
- data/vendor/assets/javascripts/bootstrap-button.js +0 -105
- data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
- data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
- data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -169
- data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
- data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
- data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
- data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
- data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
- data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
- data/vendor/assets/stylesheets/bootstrap-responsive.css +0 -1109
- data/vendor/twitter/bootstrap/less/accordion.less +0 -34
- data/vendor/twitter/bootstrap/less/hero-unit.less +0 -25
- data/vendor/twitter/bootstrap/less/labels-badges.less +0 -84
- data/vendor/twitter/bootstrap/less/layouts.less +0 -16
- data/vendor/twitter/bootstrap/less/reset.less +0 -216
- data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +0 -28
- data/vendor/twitter/bootstrap/less/responsive-767px-max.less +0 -193
- data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +0 -19
- data/vendor/twitter/bootstrap/less/responsive-navbar.less +0 -189
- data/vendor/twitter/bootstrap/less/responsive.less +0 -48
- data/vendor/twitter/bootstrap/less/sprites.less +0 -197
- data/vendor/twitter/bootstrap/sass/_accordion.scss +0 -34
- data/vendor/twitter/bootstrap/sass/_hero-unit.scss +0 -25
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +0 -83
- data/vendor/twitter/bootstrap/sass/_layouts.scss +0 -16
- data/vendor/twitter/bootstrap/sass/_reset.scss +0 -216
- data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +0 -28
- data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +0 -193
- data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +0 -19
- data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +0 -189
- data/vendor/twitter/bootstrap/sass/_sprites.scss +0 -197
- data/vendor/twitter/bootstrap/sass/responsive.scss +0 -48
@@ -0,0 +1,100 @@
|
|
1
|
+
//
|
2
|
+
// Basic print styles
|
3
|
+
// --------------------------------------------------
|
4
|
+
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
5
|
+
|
6
|
+
@media print {
|
7
|
+
|
8
|
+
* {
|
9
|
+
text-shadow: none !important;
|
10
|
+
color: #000 !important; // Black prints faster: h5bp.com/s
|
11
|
+
background: transparent !important;
|
12
|
+
box-shadow: none !important;
|
13
|
+
}
|
14
|
+
|
15
|
+
a,
|
16
|
+
a:visited {
|
17
|
+
text-decoration: underline;
|
18
|
+
}
|
19
|
+
|
20
|
+
a[href]:after {
|
21
|
+
content: " (" attr(href) ")";
|
22
|
+
}
|
23
|
+
|
24
|
+
abbr[title]:after {
|
25
|
+
content: " (" attr(title) ")";
|
26
|
+
}
|
27
|
+
|
28
|
+
// Don't show links for images, or javascript/internal links
|
29
|
+
.ir a:after,
|
30
|
+
a[href^="javascript:"]:after,
|
31
|
+
a[href^="#"]:after {
|
32
|
+
content: "";
|
33
|
+
}
|
34
|
+
|
35
|
+
pre,
|
36
|
+
blockquote {
|
37
|
+
border: 1px solid #999;
|
38
|
+
page-break-inside: avoid;
|
39
|
+
}
|
40
|
+
|
41
|
+
thead {
|
42
|
+
display: table-header-group; // h5bp.com/t
|
43
|
+
}
|
44
|
+
|
45
|
+
tr,
|
46
|
+
img {
|
47
|
+
page-break-inside: avoid;
|
48
|
+
}
|
49
|
+
|
50
|
+
img {
|
51
|
+
max-width: 100% !important;
|
52
|
+
}
|
53
|
+
|
54
|
+
@page {
|
55
|
+
margin: 2cm .5cm;
|
56
|
+
}
|
57
|
+
|
58
|
+
p,
|
59
|
+
h2,
|
60
|
+
h3 {
|
61
|
+
orphans: 3;
|
62
|
+
widows: 3;
|
63
|
+
}
|
64
|
+
|
65
|
+
h2,
|
66
|
+
h3 {
|
67
|
+
page-break-after: avoid;
|
68
|
+
}
|
69
|
+
|
70
|
+
// Bootstrap components
|
71
|
+
.navbar {
|
72
|
+
display: none;
|
73
|
+
}
|
74
|
+
.table {
|
75
|
+
td,
|
76
|
+
th {
|
77
|
+
background-color: #fff !important;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
.btn,
|
81
|
+
.dropup > .btn {
|
82
|
+
> .caret {
|
83
|
+
border-top-color: #000 !important;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
.label {
|
87
|
+
border: 1px solid #000;
|
88
|
+
}
|
89
|
+
|
90
|
+
.table {
|
91
|
+
border-collapse: collapse !important;
|
92
|
+
}
|
93
|
+
.table-bordered {
|
94
|
+
th,
|
95
|
+
td {
|
96
|
+
border: 1px solid #ddd !important;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
}
|
@@ -3,8 +3,8 @@
|
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
|
-
//
|
7
|
-
//
|
6
|
+
// Bar animations
|
7
|
+
// -------------------------
|
8
8
|
|
9
9
|
// Webkit
|
10
10
|
@-webkit-keyframes progress-bar-stripes {
|
@@ -18,19 +18,13 @@
|
|
18
18
|
to { background-position: 0 0; }
|
19
19
|
}
|
20
20
|
|
21
|
-
// IE9
|
22
|
-
@-ms-keyframes progress-bar-stripes {
|
23
|
-
from { background-position: 40px 0; }
|
24
|
-
to { background-position: 0 0; }
|
25
|
-
}
|
26
|
-
|
27
21
|
// Opera
|
28
22
|
@-o-keyframes progress-bar-stripes {
|
29
23
|
from { background-position: 0 0; }
|
30
24
|
to { background-position: 40px 0; }
|
31
25
|
}
|
32
26
|
|
33
|
-
// Spec
|
27
|
+
// Spec and IE10+
|
34
28
|
@keyframes progress-bar-stripes {
|
35
29
|
from { background-position: 40px 0; }
|
36
30
|
to { background-position: 0 0; }
|
@@ -38,45 +32,40 @@
|
|
38
32
|
|
39
33
|
|
40
34
|
|
41
|
-
//
|
42
|
-
//
|
35
|
+
// Bar itself
|
36
|
+
// -------------------------
|
43
37
|
|
44
38
|
// Outer container
|
45
39
|
.progress {
|
46
40
|
overflow: hidden;
|
47
|
-
height: @
|
48
|
-
margin-bottom: @
|
49
|
-
|
41
|
+
height: @line-height-computed;
|
42
|
+
margin-bottom: @line-height-computed;
|
43
|
+
background-color: @progress-bg;
|
44
|
+
border-radius: @border-radius-base;
|
50
45
|
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
51
|
-
.border-radius(@baseBorderRadius);
|
52
46
|
}
|
53
47
|
|
54
48
|
// Bar of progress
|
55
|
-
.progress
|
49
|
+
.progress-bar {
|
50
|
+
float: left;
|
56
51
|
width: 0%;
|
57
52
|
height: 100%;
|
58
|
-
|
59
|
-
|
60
|
-
font-size: 12px;
|
53
|
+
font-size: @font-size-small;
|
54
|
+
color: @progress-bar-color;
|
61
55
|
text-align: center;
|
62
|
-
|
63
|
-
#gradient > .vertical(#149bdf, #0480be);
|
56
|
+
background-color: @progress-bar-bg;
|
64
57
|
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
65
|
-
.box-sizing(border-box);
|
66
58
|
.transition(width .6s ease);
|
67
59
|
}
|
68
|
-
.progress .bar + .bar {
|
69
|
-
.box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
|
70
|
-
}
|
71
60
|
|
72
61
|
// Striped bars
|
73
|
-
.progress-striped .bar {
|
74
|
-
#gradient > .striped(
|
75
|
-
|
62
|
+
.progress-striped .progress-bar {
|
63
|
+
#gradient > .striped(@progress-bar-bg);
|
64
|
+
background-size: 40px 40px;
|
76
65
|
}
|
77
66
|
|
78
67
|
// Call animation for the active one
|
79
|
-
.progress.active .bar {
|
68
|
+
.progress.active .progress-bar {
|
80
69
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
81
70
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
82
71
|
-ms-animation: progress-bar-stripes 2s linear infinite;
|
@@ -86,37 +75,21 @@
|
|
86
75
|
|
87
76
|
|
88
77
|
|
89
|
-
//
|
90
|
-
//
|
78
|
+
// Variations
|
79
|
+
// -------------------------
|
91
80
|
|
92
|
-
|
93
|
-
.progress-
|
94
|
-
#gradient > .vertical(#ee5f5b, #c43c35);
|
95
|
-
}
|
96
|
-
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
97
|
-
#gradient > .striped(#ee5f5b);
|
81
|
+
.progress-bar-success {
|
82
|
+
.progress-bar-variant(@progress-bar-success-bg);
|
98
83
|
}
|
99
84
|
|
100
|
-
|
101
|
-
.progress-
|
102
|
-
#gradient > .vertical(#62c462, #57a957);
|
103
|
-
}
|
104
|
-
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
105
|
-
#gradient > .striped(#62c462);
|
85
|
+
.progress-bar-info {
|
86
|
+
.progress-bar-variant(@progress-bar-info-bg);
|
106
87
|
}
|
107
88
|
|
108
|
-
|
109
|
-
.progress-
|
110
|
-
#gradient > .vertical(#5bc0de, #339bb9);
|
111
|
-
}
|
112
|
-
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
113
|
-
#gradient > .striped(#5bc0de);
|
89
|
+
.progress-bar-warning {
|
90
|
+
.progress-bar-variant(@progress-bar-warning-bg);
|
114
91
|
}
|
115
92
|
|
116
|
-
|
117
|
-
.progress-
|
118
|
-
#gradient > .vertical(lighten(@orange, 15%), @orange);
|
119
|
-
}
|
120
|
-
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
121
|
-
#gradient > .striped(lighten(@orange, 15%));
|
93
|
+
.progress-bar-danger {
|
94
|
+
.progress-bar-variant(@progress-bar-danger-bg);
|
122
95
|
}
|
@@ -5,55 +5,216 @@
|
|
5
5
|
|
6
6
|
// IE10 Metro responsive
|
7
7
|
// Required for Windows 8 Metro split-screen snapping with IE10
|
8
|
+
//
|
8
9
|
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
9
10
|
@-ms-viewport{
|
10
11
|
width: device-width;
|
11
12
|
}
|
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
|
+
|
13
29
|
// Hide from screenreaders and browsers
|
14
30
|
// Credit: HTML5 Boilerplate
|
15
31
|
.hidden {
|
16
|
-
display: none;
|
17
|
-
visibility: hidden;
|
32
|
+
display: none !important;
|
33
|
+
visibility: hidden !important;
|
18
34
|
}
|
19
35
|
|
20
36
|
// Visibility utilities
|
21
37
|
|
22
|
-
|
23
|
-
.
|
24
|
-
|
25
|
-
.
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
.
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
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) and (max-width: @screen-sm-max) {
|
45
|
+
.responsive-visibility();
|
46
|
+
}
|
47
|
+
}
|
48
|
+
&.visible-md {
|
49
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
50
|
+
.responsive-visibility();
|
51
|
+
}
|
52
|
+
}
|
53
|
+
&.visible-lg {
|
54
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
67
|
+
.responsive-visibility();
|
68
|
+
}
|
69
|
+
&.visible-md {
|
70
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
71
|
+
.responsive-visibility();
|
72
|
+
}
|
73
|
+
}
|
74
|
+
&.visible-lg {
|
75
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
89
|
+
.responsive-visibility();
|
90
|
+
}
|
91
|
+
}
|
92
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
93
|
+
.responsive-visibility();
|
94
|
+
}
|
95
|
+
&.visible-lg {
|
96
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
110
|
+
.responsive-visibility();
|
111
|
+
}
|
112
|
+
}
|
113
|
+
&.visible-md {
|
114
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
115
|
+
.responsive-visibility();
|
116
|
+
}
|
117
|
+
}
|
118
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
130
|
+
.responsive-invisibility();
|
131
|
+
}
|
132
|
+
}
|
133
|
+
&.hidden-md {
|
134
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
135
|
+
.responsive-invisibility();
|
136
|
+
}
|
137
|
+
}
|
138
|
+
&.hidden-lg {
|
139
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
152
|
+
.responsive-invisibility();
|
153
|
+
}
|
154
|
+
&.hidden-md {
|
155
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
156
|
+
.responsive-invisibility();
|
157
|
+
}
|
158
|
+
}
|
159
|
+
&.hidden-lg {
|
160
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
174
|
+
.responsive-invisibility();
|
175
|
+
}
|
176
|
+
}
|
177
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
178
|
+
.responsive-invisibility();
|
179
|
+
}
|
180
|
+
&.hidden-lg {
|
181
|
+
@media (min-width: @screen-lg) {
|
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) and (max-width: @screen-sm-max) {
|
195
|
+
.responsive-invisibility();
|
196
|
+
}
|
197
|
+
}
|
198
|
+
&.hidden-md {
|
199
|
+
@media (min-width: @screen-md) and (max-width: @screen-md-max) {
|
200
|
+
.responsive-invisibility();
|
201
|
+
}
|
202
|
+
}
|
203
|
+
@media (min-width: @screen-lg) {
|
204
|
+
.responsive-invisibility();
|
205
|
+
}
|
50
206
|
}
|
51
207
|
|
52
208
|
// Print utilities
|
53
|
-
.visible-print
|
54
|
-
.
|
209
|
+
.visible-print {
|
210
|
+
.responsive-invisibility();
|
211
|
+
}
|
55
212
|
|
56
213
|
@media print {
|
57
|
-
.visible-print
|
58
|
-
|
214
|
+
.visible-print {
|
215
|
+
.responsive-visibility();
|
216
|
+
}
|
217
|
+
.hidden-print {
|
218
|
+
.responsive-invisibility();
|
219
|
+
}
|
59
220
|
}
|