twitter-bootstrap-rails 2.2.8 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of twitter-bootstrap-rails might be problematic. Click here for more details.
- checksums.yaml +7 -0
- data/README.md +229 -322
- data/Rakefile +4 -6
- data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/glyphicons-halflings-regular.svg +288 -0
- data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
- data/app/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
- data/app/assets/javascripts/twitter/bootstrap.js +12 -13
- data/app/assets/javascripts/twitter/bootstrap/affix.js +162 -0
- data/app/assets/javascripts/twitter/bootstrap/alert.js +94 -0
- data/app/assets/javascripts/twitter/bootstrap/button.js +120 -0
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +237 -0
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +211 -0
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +165 -0
- data/app/assets/javascripts/twitter/bootstrap/modal.js +337 -0
- data/app/assets/javascripts/twitter/bootstrap/popover.js +108 -0
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +172 -0
- data/app/assets/javascripts/twitter/bootstrap/tab.js +155 -0
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +514 -0
- data/app/assets/javascripts/twitter/bootstrap/transition.js +59 -0
- data/app/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +1 -890
- data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +1 -146
- data/app/helpers/bootstrap_flash_helper.rb +14 -7
- data/app/helpers/form_errors_helper.rb +22 -0
- data/app/helpers/glyph_helper.rb +12 -6
- data/app/helpers/modal_helper.rb +26 -22
- data/app/helpers/navbar_helper.rb +47 -32
- data/app/helpers/twitter_breadcrumbs_helper.rb +6 -2
- data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +8 -8
- data/lib/generators/bootstrap/install/install_generator.rb +3 -2
- data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.css +3 -4
- data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +9 -18
- data/lib/generators/bootstrap/install/templates/en.bootstrap.yml +5 -0
- data/lib/generators/bootstrap/layout/layout_generator.rb +1 -4
- data/lib/generators/bootstrap/layout/templates/layout.html.erb +27 -48
- data/lib/generators/bootstrap/layout/templates/layout.html.haml +19 -34
- data/lib/generators/bootstrap/layout/templates/layout.html.slim +13 -30
- data/lib/generators/bootstrap/partial/templates/_login.html.erb +2 -3
- data/lib/generators/bootstrap/themed/templates/_form.html.erb +30 -10
- data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -8
- data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -9
- data/lib/generators/bootstrap/themed/templates/edit.html.slim +1 -1
- data/lib/generators/bootstrap/themed/templates/index.html.erb +4 -2
- data/lib/generators/bootstrap/themed/templates/index.html.haml +3 -2
- data/lib/generators/bootstrap/themed/templates/index.html.slim +6 -5
- data/lib/generators/bootstrap/themed/templates/new.html.slim +1 -1
- data/lib/generators/bootstrap/themed/templates/show.html.erb +5 -7
- data/lib/generators/bootstrap/themed/templates/show.html.haml +4 -4
- data/lib/generators/bootstrap/themed/templates/show.html.slim +6 -7
- data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +5 -5
- data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +3 -3
- data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +4 -4
- data/lib/generators/bootstrap/themed/themed_generator.rb +2 -2
- data/lib/twitter/bootstrap/rails/breadcrumbs.rb +69 -0
- data/lib/twitter/bootstrap/rails/engine.rb +17 -10
- data/lib/twitter/bootstrap/rails/version.rb +2 -2
- data/spec/lib/breadcrumbs_spec.rb +99 -0
- data/spec/lib/twitter_bootstrap_rails/badge_label_helper_spec.rb +12 -4
- data/spec/lib/twitter_bootstrap_rails/bootstrap_flash_helper_spec.rb +128 -0
- data/spec/lib/twitter_bootstrap_rails/form_errors_helper_spec.rb +148 -0
- data/spec/lib/twitter_bootstrap_rails/glyph_helper_spec.rb +24 -0
- data/spec/lib/twitter_bootstrap_rails/modal_helper_spec.rb +15 -15
- data/spec/lib/twitter_bootstrap_rails/navbar_helper_spec.rb +207 -173
- data/spec/lib/twitter_bootstrap_rails/uri_state_spec.rb +18 -16
- data/spec/spec_helper.rb +11 -1
- data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +5796 -1
- data/vendor/static-source/bootstrap.less +0 -1
- data/vendor/static-source/sprites.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/alerts.less +51 -57
- data/vendor/toolkit/twitter/bootstrap/badges.less +66 -0
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +29 -36
- data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +11 -9
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +167 -152
- data/vendor/toolkit/twitter/bootstrap/buttons.less +107 -169
- data/vendor/toolkit/twitter/bootstrap/carousel.less +177 -65
- data/vendor/toolkit/twitter/bootstrap/close.less +21 -19
- data/vendor/toolkit/twitter/bootstrap/code.less +38 -30
- data/vendor/toolkit/twitter/bootstrap/component-animations.less +15 -4
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +120 -152
- data/vendor/toolkit/twitter/bootstrap/forms.less +470 -547
- data/vendor/toolkit/twitter/bootstrap/glyphicons.less +305 -0
- data/vendor/toolkit/twitter/bootstrap/grid.less +74 -11
- data/vendor/toolkit/twitter/bootstrap/input-groups.less +171 -0
- data/vendor/toolkit/twitter/bootstrap/jumbotron.less +54 -0
- data/vendor/toolkit/twitter/bootstrap/labels.less +64 -0
- data/vendor/toolkit/twitter/bootstrap/list-group.less +130 -0
- data/vendor/toolkit/twitter/bootstrap/media.less +40 -29
- data/vendor/toolkit/twitter/bootstrap/mixins.less +37 -699
- data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +65 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +85 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/image.less +33 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +30 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +24 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/reset-text.less +18 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +9 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
- data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +227 -0
- data/vendor/toolkit/twitter/bootstrap/modals.less +109 -54
- data/vendor/toolkit/twitter/bootstrap/navbar.less +547 -384
- data/vendor/toolkit/twitter/bootstrap/navs.less +192 -359
- data/vendor/toolkit/twitter/bootstrap/normalize.less +424 -0
- data/vendor/toolkit/twitter/bootstrap/pager.less +45 -34
- data/vendor/toolkit/twitter/bootstrap/pagination.less +71 -105
- data/vendor/toolkit/twitter/bootstrap/panels.less +271 -0
- data/vendor/toolkit/twitter/bootstrap/popovers.less +66 -68
- data/vendor/toolkit/twitter/bootstrap/print.less +101 -0
- data/vendor/toolkit/twitter/bootstrap/progress-bars.less +40 -75
- data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +35 -0
- data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +177 -42
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +131 -23
- data/vendor/toolkit/twitter/bootstrap/tables.less +172 -182
- data/vendor/toolkit/twitter/bootstrap/theme.less +291 -0
- data/vendor/toolkit/twitter/bootstrap/thumbnails.less +27 -44
- data/vendor/toolkit/twitter/bootstrap/tooltip.less +58 -27
- data/vendor/toolkit/twitter/bootstrap/type.less +209 -154
- data/vendor/toolkit/twitter/bootstrap/utilities.less +32 -7
- data/vendor/toolkit/twitter/bootstrap/variables.less +784 -216
- data/vendor/toolkit/twitter/bootstrap/wells.less +7 -7
- metadata +156 -141
- data/app/assets/fonts/fontawesome-webfont.eot +0 -0
- data/app/assets/fonts/fontawesome-webfont.svg +0 -399
- data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/app/assets/fonts/fontawesome-webfont.woff +0 -0
- data/app/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
- data/app/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +0 -117
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +0 -99
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-button.js +0 -105
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +0 -207
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +0 -167
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +0 -169
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +0 -247
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +0 -114
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +0 -162
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +0 -144
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +0 -361
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +0 -60
- data/app/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +0 -335
- data/app/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +0 -787
- data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +0 -42
- data/test/lib/breadcrumbs_test.rb +0 -75
- data/test/test_helper.rb +0 -11
- data/vendor/static-source/fontawesome.less +0 -9
- data/vendor/toolkit/fontawesome/bootstrap.less +0 -84
- data/vendor/toolkit/fontawesome/core.less +0 -129
- data/vendor/toolkit/fontawesome/extras.less +0 -93
- data/vendor/toolkit/fontawesome/font-awesome-ie7.less +0 -1953
- data/vendor/toolkit/fontawesome/font-awesome.less +0 -33
- data/vendor/toolkit/fontawesome/icons.less +0 -381
- data/vendor/toolkit/fontawesome/mixins.less +0 -48
- data/vendor/toolkit/fontawesome/path.less +0 -14
- data/vendor/toolkit/fontawesome/variables.less +0 -735
- data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -34
- data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -25
- data/vendor/toolkit/twitter/bootstrap/labels-badges.less +0 -84
- data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -16
- data/vendor/toolkit/twitter/bootstrap/reset.less +0 -216
- data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +0 -28
- data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +0 -193
- data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +0 -19
- data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +0 -189
- data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -48
- data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -197
@@ -1,34 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Accordion
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Parent container
|
7
|
-
.accordion {
|
8
|
-
margin-bottom: @baseLineHeight;
|
9
|
-
}
|
10
|
-
|
11
|
-
// Group == heading + body
|
12
|
-
.accordion-group {
|
13
|
-
margin-bottom: 2px;
|
14
|
-
border: 1px solid #e5e5e5;
|
15
|
-
.border-radius(@baseBorderRadius);
|
16
|
-
}
|
17
|
-
.accordion-heading {
|
18
|
-
border-bottom: 0;
|
19
|
-
}
|
20
|
-
.accordion-heading .accordion-toggle {
|
21
|
-
display: block;
|
22
|
-
padding: 8px 15px;
|
23
|
-
}
|
24
|
-
|
25
|
-
// General toggle styles
|
26
|
-
.accordion-toggle {
|
27
|
-
cursor: pointer;
|
28
|
-
}
|
29
|
-
|
30
|
-
// Inner needs the styles because you can't animate properly with any styles on the element
|
31
|
-
.accordion-inner {
|
32
|
-
padding: 9px 15px;
|
33
|
-
border-top: 1px solid #e5e5e5;
|
34
|
-
}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Hero unit
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
.hero-unit {
|
7
|
-
padding: 60px;
|
8
|
-
margin-bottom: 30px;
|
9
|
-
font-size: 18px;
|
10
|
-
font-weight: 200;
|
11
|
-
line-height: @baseLineHeight * 1.5;
|
12
|
-
color: @heroUnitLeadColor;
|
13
|
-
background-color: @heroUnitBackground;
|
14
|
-
.border-radius(6px);
|
15
|
-
h1 {
|
16
|
-
margin-bottom: 0;
|
17
|
-
font-size: 60px;
|
18
|
-
line-height: 1;
|
19
|
-
color: @heroUnitHeadingColor;
|
20
|
-
letter-spacing: -1px;
|
21
|
-
}
|
22
|
-
li {
|
23
|
-
line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
|
24
|
-
}
|
25
|
-
}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Labels and badges
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Base classes
|
7
|
-
.label,
|
8
|
-
.badge {
|
9
|
-
display: inline-block;
|
10
|
-
padding: 2px 4px;
|
11
|
-
font-size: @baseFontSize * .846;
|
12
|
-
font-weight: bold;
|
13
|
-
line-height: 14px; // ensure proper line-height if floated
|
14
|
-
color: @white;
|
15
|
-
vertical-align: baseline;
|
16
|
-
white-space: nowrap;
|
17
|
-
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
18
|
-
background-color: @grayLight;
|
19
|
-
}
|
20
|
-
// Set unique padding and border-radii
|
21
|
-
.label {
|
22
|
-
.border-radius(3px);
|
23
|
-
}
|
24
|
-
.badge {
|
25
|
-
padding-left: 9px;
|
26
|
-
padding-right: 9px;
|
27
|
-
.border-radius(9px);
|
28
|
-
}
|
29
|
-
|
30
|
-
// Empty labels/badges collapse
|
31
|
-
.label,
|
32
|
-
.badge {
|
33
|
-
&:empty {
|
34
|
-
display: none;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
// Hover/focus state, but only for links
|
39
|
-
a {
|
40
|
-
&.label:hover,
|
41
|
-
&.label:focus,
|
42
|
-
&.badge:hover,
|
43
|
-
&.badge:focus {
|
44
|
-
color: @white;
|
45
|
-
text-decoration: none;
|
46
|
-
cursor: pointer;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
// Colors
|
51
|
-
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
52
|
-
.label,
|
53
|
-
.badge {
|
54
|
-
// Important (red)
|
55
|
-
&-important { background-color: @errorText; }
|
56
|
-
&-important[href] { background-color: darken(@errorText, 10%); }
|
57
|
-
// Warnings (orange)
|
58
|
-
&-warning { background-color: @orange; }
|
59
|
-
&-warning[href] { background-color: darken(@orange, 10%); }
|
60
|
-
// Success (green)
|
61
|
-
&-success { background-color: @successText; }
|
62
|
-
&-success[href] { background-color: darken(@successText, 10%); }
|
63
|
-
// Info (turquoise)
|
64
|
-
&-info { background-color: @infoText; }
|
65
|
-
&-info[href] { background-color: darken(@infoText, 10%); }
|
66
|
-
// Inverse (black)
|
67
|
-
&-inverse { background-color: @grayDark; }
|
68
|
-
&-inverse[href] { background-color: darken(@grayDark, 10%); }
|
69
|
-
}
|
70
|
-
|
71
|
-
// Quick fix for labels/badges in buttons
|
72
|
-
.btn {
|
73
|
-
.label,
|
74
|
-
.badge {
|
75
|
-
position: relative;
|
76
|
-
top: -1px;
|
77
|
-
}
|
78
|
-
}
|
79
|
-
.btn-mini {
|
80
|
-
.label,
|
81
|
-
.badge {
|
82
|
-
top: 0;
|
83
|
-
}
|
84
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Layouts
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Container (centered, fixed-width layouts)
|
7
|
-
.container {
|
8
|
-
.container-fixed();
|
9
|
-
}
|
10
|
-
|
11
|
-
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
12
|
-
.container-fluid {
|
13
|
-
padding-right: @gridGutterWidth;
|
14
|
-
padding-left: @gridGutterWidth;
|
15
|
-
.clearfix();
|
16
|
-
}
|
@@ -1,216 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Reset CSS
|
3
|
-
// Adapted from http://github.com/necolas/normalize.css
|
4
|
-
// --------------------------------------------------
|
5
|
-
|
6
|
-
|
7
|
-
// Display in IE6-9 and FF3
|
8
|
-
// -------------------------
|
9
|
-
|
10
|
-
article,
|
11
|
-
aside,
|
12
|
-
details,
|
13
|
-
figcaption,
|
14
|
-
figure,
|
15
|
-
footer,
|
16
|
-
header,
|
17
|
-
hgroup,
|
18
|
-
nav,
|
19
|
-
section {
|
20
|
-
display: block;
|
21
|
-
}
|
22
|
-
|
23
|
-
// Display block in IE6-9 and FF3
|
24
|
-
// -------------------------
|
25
|
-
|
26
|
-
audio,
|
27
|
-
canvas,
|
28
|
-
video {
|
29
|
-
display: inline-block;
|
30
|
-
*display: inline;
|
31
|
-
*zoom: 1;
|
32
|
-
}
|
33
|
-
|
34
|
-
// Prevents modern browsers from displaying 'audio' without controls
|
35
|
-
// -------------------------
|
36
|
-
|
37
|
-
audio:not([controls]) {
|
38
|
-
display: none;
|
39
|
-
}
|
40
|
-
|
41
|
-
// Base settings
|
42
|
-
// -------------------------
|
43
|
-
|
44
|
-
html {
|
45
|
-
font-size: 100%;
|
46
|
-
-webkit-text-size-adjust: 100%;
|
47
|
-
-ms-text-size-adjust: 100%;
|
48
|
-
}
|
49
|
-
// Focus states
|
50
|
-
a:focus {
|
51
|
-
.tab-focus();
|
52
|
-
}
|
53
|
-
// Hover & Active
|
54
|
-
a:hover,
|
55
|
-
a:active {
|
56
|
-
outline: 0;
|
57
|
-
}
|
58
|
-
|
59
|
-
// Prevents sub and sup affecting line-height in all browsers
|
60
|
-
// -------------------------
|
61
|
-
|
62
|
-
sub,
|
63
|
-
sup {
|
64
|
-
position: relative;
|
65
|
-
font-size: 75%;
|
66
|
-
line-height: 0;
|
67
|
-
vertical-align: baseline;
|
68
|
-
}
|
69
|
-
sup {
|
70
|
-
top: -0.5em;
|
71
|
-
}
|
72
|
-
sub {
|
73
|
-
bottom: -0.25em;
|
74
|
-
}
|
75
|
-
|
76
|
-
// Img border in a's and image quality
|
77
|
-
// -------------------------
|
78
|
-
|
79
|
-
img {
|
80
|
-
/* Responsive images (ensure images don't scale beyond their parents) */
|
81
|
-
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
|
-
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
|
-
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
84
|
-
|
85
|
-
vertical-align: middle;
|
86
|
-
border: 0;
|
87
|
-
-ms-interpolation-mode: bicubic;
|
88
|
-
}
|
89
|
-
|
90
|
-
// Prevent max-width from affecting Google Maps
|
91
|
-
#map_canvas img,
|
92
|
-
.google-maps img {
|
93
|
-
max-width: none;
|
94
|
-
}
|
95
|
-
|
96
|
-
// Forms
|
97
|
-
// -------------------------
|
98
|
-
|
99
|
-
// Font size in all browsers, margin changes, misc consistency
|
100
|
-
button,
|
101
|
-
input,
|
102
|
-
select,
|
103
|
-
textarea {
|
104
|
-
margin: 0;
|
105
|
-
font-size: 100%;
|
106
|
-
vertical-align: middle;
|
107
|
-
}
|
108
|
-
button,
|
109
|
-
input {
|
110
|
-
*overflow: visible; // Inner spacing ie IE6/7
|
111
|
-
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
112
|
-
}
|
113
|
-
button::-moz-focus-inner,
|
114
|
-
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
115
|
-
padding: 0;
|
116
|
-
border: 0;
|
117
|
-
}
|
118
|
-
button,
|
119
|
-
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
120
|
-
input[type="reset"],
|
121
|
-
input[type="submit"] {
|
122
|
-
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
|
-
}
|
125
|
-
label,
|
126
|
-
select,
|
127
|
-
button,
|
128
|
-
input[type="button"],
|
129
|
-
input[type="reset"],
|
130
|
-
input[type="submit"],
|
131
|
-
input[type="radio"],
|
132
|
-
input[type="checkbox"] {
|
133
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
134
|
-
}
|
135
|
-
input[type="search"] { // Appearance in Safari/Chrome
|
136
|
-
.box-sizing(content-box);
|
137
|
-
-webkit-appearance: textfield;
|
138
|
-
}
|
139
|
-
input[type="search"]::-webkit-search-decoration,
|
140
|
-
input[type="search"]::-webkit-search-cancel-button {
|
141
|
-
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
142
|
-
}
|
143
|
-
textarea {
|
144
|
-
overflow: auto; // Remove vertical scrollbar in IE6-9
|
145
|
-
vertical-align: top; // Readability and alignment cross-browser
|
146
|
-
}
|
147
|
-
|
148
|
-
|
149
|
-
// Printing
|
150
|
-
// -------------------------
|
151
|
-
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
152
|
-
|
153
|
-
@media print {
|
154
|
-
|
155
|
-
* {
|
156
|
-
text-shadow: none !important;
|
157
|
-
color: #000 !important; // Black prints faster: h5bp.com/s
|
158
|
-
background: transparent !important;
|
159
|
-
box-shadow: none !important;
|
160
|
-
}
|
161
|
-
|
162
|
-
a,
|
163
|
-
a:visited {
|
164
|
-
text-decoration: underline;
|
165
|
-
}
|
166
|
-
|
167
|
-
a[href]:after {
|
168
|
-
content: " (" attr(href) ")";
|
169
|
-
}
|
170
|
-
|
171
|
-
abbr[title]:after {
|
172
|
-
content: " (" attr(title) ")";
|
173
|
-
}
|
174
|
-
|
175
|
-
// Don't show links for images, or javascript/internal links
|
176
|
-
.ir a:after,
|
177
|
-
a[href^="javascript:"]:after,
|
178
|
-
a[href^="#"]:after {
|
179
|
-
content: "";
|
180
|
-
}
|
181
|
-
|
182
|
-
pre,
|
183
|
-
blockquote {
|
184
|
-
border: 1px solid #999;
|
185
|
-
page-break-inside: avoid;
|
186
|
-
}
|
187
|
-
|
188
|
-
thead {
|
189
|
-
display: table-header-group; // h5bp.com/t
|
190
|
-
}
|
191
|
-
|
192
|
-
tr,
|
193
|
-
img {
|
194
|
-
page-break-inside: avoid;
|
195
|
-
}
|
196
|
-
|
197
|
-
img {
|
198
|
-
max-width: 100% !important;
|
199
|
-
}
|
200
|
-
|
201
|
-
@page {
|
202
|
-
margin: 0.5cm;
|
203
|
-
}
|
204
|
-
|
205
|
-
p,
|
206
|
-
h2,
|
207
|
-
h3 {
|
208
|
-
orphans: 3;
|
209
|
-
widows: 3;
|
210
|
-
}
|
211
|
-
|
212
|
-
h2,
|
213
|
-
h3 {
|
214
|
-
page-break-after: avoid;
|
215
|
-
}
|
216
|
-
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Responsive: Large desktop and up
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
@media (min-width: 1200px) {
|
7
|
-
|
8
|
-
// Fixed grid
|
9
|
-
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
10
|
-
|
11
|
-
// Fluid grid
|
12
|
-
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
13
|
-
|
14
|
-
// Input grid
|
15
|
-
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
16
|
-
|
17
|
-
// Thumbnails
|
18
|
-
.thumbnails {
|
19
|
-
margin-left: -@gridGutterWidth1200;
|
20
|
-
}
|
21
|
-
.thumbnails > li {
|
22
|
-
margin-left: @gridGutterWidth1200;
|
23
|
-
}
|
24
|
-
.row-fluid .thumbnails {
|
25
|
-
margin-left: 0;
|
26
|
-
}
|
27
|
-
|
28
|
-
}
|
@@ -1,193 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Responsive: Landscape phone to desktop/tablet
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
@media (max-width: 767px) {
|
7
|
-
|
8
|
-
// Padding to set content in a bit
|
9
|
-
body {
|
10
|
-
padding-left: 20px;
|
11
|
-
padding-right: 20px;
|
12
|
-
}
|
13
|
-
// Negative indent the now static "fixed" navbar
|
14
|
-
.navbar-fixed-top,
|
15
|
-
.navbar-fixed-bottom,
|
16
|
-
.navbar-static-top {
|
17
|
-
margin-left: -20px;
|
18
|
-
margin-right: -20px;
|
19
|
-
}
|
20
|
-
// Remove padding on container given explicit padding set on body
|
21
|
-
.container-fluid {
|
22
|
-
padding: 0;
|
23
|
-
}
|
24
|
-
|
25
|
-
// TYPOGRAPHY
|
26
|
-
// ----------
|
27
|
-
// Reset horizontal dl
|
28
|
-
.dl-horizontal {
|
29
|
-
dt {
|
30
|
-
float: none;
|
31
|
-
clear: none;
|
32
|
-
width: auto;
|
33
|
-
text-align: left;
|
34
|
-
}
|
35
|
-
dd {
|
36
|
-
margin-left: 0;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
// GRID & CONTAINERS
|
41
|
-
// -----------------
|
42
|
-
// Remove width from containers
|
43
|
-
.container {
|
44
|
-
width: auto;
|
45
|
-
}
|
46
|
-
// Fluid rows
|
47
|
-
.row-fluid {
|
48
|
-
width: 100%;
|
49
|
-
}
|
50
|
-
// Undo negative margin on rows and thumbnails
|
51
|
-
.row,
|
52
|
-
.thumbnails {
|
53
|
-
margin-left: 0;
|
54
|
-
}
|
55
|
-
.thumbnails > li {
|
56
|
-
float: none;
|
57
|
-
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
|
58
|
-
}
|
59
|
-
// Make all grid-sized elements block level again
|
60
|
-
[class*="span"],
|
61
|
-
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
|
62
|
-
.row-fluid [class*="span"] {
|
63
|
-
float: none;
|
64
|
-
display: block;
|
65
|
-
width: 100%;
|
66
|
-
margin-left: 0;
|
67
|
-
.box-sizing(border-box);
|
68
|
-
}
|
69
|
-
.span12,
|
70
|
-
.row-fluid .span12 {
|
71
|
-
width: 100%;
|
72
|
-
.box-sizing(border-box);
|
73
|
-
}
|
74
|
-
.row-fluid [class*="offset"]:first-child {
|
75
|
-
margin-left: 0;
|
76
|
-
}
|
77
|
-
|
78
|
-
// FORM FIELDS
|
79
|
-
// -----------
|
80
|
-
// Make span* classes full width
|
81
|
-
.input-large,
|
82
|
-
.input-xlarge,
|
83
|
-
.input-xxlarge,
|
84
|
-
input[class*="span"],
|
85
|
-
select[class*="span"],
|
86
|
-
textarea[class*="span"],
|
87
|
-
.uneditable-input {
|
88
|
-
.input-block-level();
|
89
|
-
}
|
90
|
-
// But don't let it screw up prepend/append inputs
|
91
|
-
.input-prepend input,
|
92
|
-
.input-append input,
|
93
|
-
.input-prepend input[class*="span"],
|
94
|
-
.input-append input[class*="span"] {
|
95
|
-
display: inline-block; // redeclare so they don't wrap to new lines
|
96
|
-
width: auto;
|
97
|
-
}
|
98
|
-
.controls-row [class*="span"] + [class*="span"] {
|
99
|
-
margin-left: 0;
|
100
|
-
}
|
101
|
-
|
102
|
-
// Modals
|
103
|
-
.modal {
|
104
|
-
position: fixed;
|
105
|
-
top: 20px;
|
106
|
-
left: 20px;
|
107
|
-
right: 20px;
|
108
|
-
width: auto;
|
109
|
-
margin: 0;
|
110
|
-
&.fade { top: -100px; }
|
111
|
-
&.fade.in { top: 20px; }
|
112
|
-
}
|
113
|
-
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
// UP TO LANDSCAPE PHONE
|
119
|
-
// ---------------------
|
120
|
-
|
121
|
-
@media (max-width: 480px) {
|
122
|
-
|
123
|
-
// Smooth out the collapsing/expanding nav
|
124
|
-
.nav-collapse {
|
125
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
126
|
-
}
|
127
|
-
|
128
|
-
// Block level the page header small tag for readability
|
129
|
-
.page-header h1 small {
|
130
|
-
display: block;
|
131
|
-
line-height: @baseLineHeight;
|
132
|
-
}
|
133
|
-
|
134
|
-
// Update checkboxes for iOS
|
135
|
-
input[type="checkbox"],
|
136
|
-
input[type="radio"] {
|
137
|
-
border: 1px solid #ccc;
|
138
|
-
}
|
139
|
-
|
140
|
-
// Remove the horizontal form styles
|
141
|
-
.form-horizontal {
|
142
|
-
.control-label {
|
143
|
-
float: none;
|
144
|
-
width: auto;
|
145
|
-
padding-top: 0;
|
146
|
-
text-align: left;
|
147
|
-
}
|
148
|
-
// Move over all input controls and content
|
149
|
-
.controls {
|
150
|
-
margin-left: 0;
|
151
|
-
}
|
152
|
-
// Move the options list down to align with labels
|
153
|
-
.control-list {
|
154
|
-
padding-top: 0; // has to be padding because margin collaspes
|
155
|
-
}
|
156
|
-
// Move over buttons in .form-actions to align with .controls
|
157
|
-
.form-actions {
|
158
|
-
padding-left: 10px;
|
159
|
-
padding-right: 10px;
|
160
|
-
}
|
161
|
-
}
|
162
|
-
|
163
|
-
// Medias
|
164
|
-
// Reset float and spacing to stack
|
165
|
-
.media .pull-left,
|
166
|
-
.media .pull-right {
|
167
|
-
float: none;
|
168
|
-
display: block;
|
169
|
-
margin-bottom: 10px;
|
170
|
-
}
|
171
|
-
// Remove side margins since we stack instead of indent
|
172
|
-
.media-object {
|
173
|
-
margin-right: 0;
|
174
|
-
margin-left: 0;
|
175
|
-
}
|
176
|
-
|
177
|
-
// Modals
|
178
|
-
.modal {
|
179
|
-
top: 10px;
|
180
|
-
left: 10px;
|
181
|
-
right: 10px;
|
182
|
-
}
|
183
|
-
.modal-header .close {
|
184
|
-
padding: 10px;
|
185
|
-
margin: -10px;
|
186
|
-
}
|
187
|
-
|
188
|
-
// Carousel
|
189
|
-
.carousel-caption {
|
190
|
-
position: static;
|
191
|
-
}
|
192
|
-
|
193
|
-
}
|