linaro-jekyll-theme 0.2.3 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_layouts/{plain-page.html → default.html} +7 -2
- data/_layouts/post.html +155 -0
- data/_sass/bootstrap/_variables.scss +1 -1
- data/{fonts → assets/fonts}/glyphicons-halflings-regular.ttf +0 -0
- data/{fonts → assets/fonts}/glyphicons-halflings-regular.woff +0 -0
- data/{fonts → assets/fonts}/glyphicons-halflings-regular.woff2 +0 -0
- metadata +6 -106
- data/_data/footer.yml +0 -110
- data/_data/linaro.yml +0 -4
- data/_layouts/empty-container-page.html +0 -10
- data/assets/css/_bootstrap-compass.scss +0 -9
- data/assets/css/_bootstrap-mincer.scss +0 -19
- data/assets/css/_bootstrap-sprockets.scss +0 -9
- data/assets/css/_bootstrap.scss +0 -56
- data/assets/css/bootstrap/_alerts.scss +0 -73
- data/assets/css/bootstrap/_badges.scss +0 -68
- data/assets/css/bootstrap/_breadcrumbs.scss +0 -28
- data/assets/css/bootstrap/_button-groups.scss +0 -244
- data/assets/css/bootstrap/_buttons.scss +0 -168
- data/assets/css/bootstrap/_carousel.scss +0 -270
- data/assets/css/bootstrap/_close.scss +0 -36
- data/assets/css/bootstrap/_code.scss +0 -69
- data/assets/css/bootstrap/_component-animations.scss +0 -37
- data/assets/css/bootstrap/_dropdowns.scss +0 -216
- data/assets/css/bootstrap/_forms.scss +0 -617
- data/assets/css/bootstrap/_glyphicons.scss +0 -307
- data/assets/css/bootstrap/_grid.scss +0 -84
- data/assets/css/bootstrap/_input-groups.scss +0 -171
- data/assets/css/bootstrap/_jumbotron.scss +0 -54
- data/assets/css/bootstrap/_labels.scss +0 -66
- data/assets/css/bootstrap/_list-group.scss +0 -130
- data/assets/css/bootstrap/_media.scss +0 -66
- data/assets/css/bootstrap/_mixins.scss +0 -40
- data/assets/css/bootstrap/_modals.scss +0 -150
- data/assets/css/bootstrap/_navbar.scss +0 -662
- data/assets/css/bootstrap/_navs.scss +0 -242
- data/assets/css/bootstrap/_normalize.scss +0 -424
- data/assets/css/bootstrap/_pager.scss +0 -54
- data/assets/css/bootstrap/_pagination.scss +0 -89
- data/assets/css/bootstrap/_panels.scss +0 -271
- data/assets/css/bootstrap/_popovers.scss +0 -131
- data/assets/css/bootstrap/_print.scss +0 -101
- data/assets/css/bootstrap/_progress-bars.scss +0 -87
- data/assets/css/bootstrap/_responsive-embed.scss +0 -35
- data/assets/css/bootstrap/_responsive-utilities.scss +0 -179
- data/assets/css/bootstrap/_scaffolding.scss +0 -161
- data/assets/css/bootstrap/_tables.scss +0 -234
- data/assets/css/bootstrap/_theme.scss +0 -291
- data/assets/css/bootstrap/_thumbnails.scss +0 -38
- data/assets/css/bootstrap/_tooltip.scss +0 -101
- data/assets/css/bootstrap/_type.scss +0 -298
- data/assets/css/bootstrap/_utilities.scss +0 -55
- data/assets/css/bootstrap/_variables.scss +0 -874
- data/assets/css/bootstrap/_wells.scss +0 -29
- data/assets/css/bootstrap/mixins/_alerts.scss +0 -14
- data/assets/css/bootstrap/mixins/_background-variant.scss +0 -12
- data/assets/css/bootstrap/mixins/_border-radius.scss +0 -18
- data/assets/css/bootstrap/mixins/_buttons.scss +0 -65
- data/assets/css/bootstrap/mixins/_center-block.scss +0 -7
- data/assets/css/bootstrap/mixins/_clearfix.scss +0 -22
- data/assets/css/bootstrap/mixins/_forms.scss +0 -88
- data/assets/css/bootstrap/mixins/_gradients.scss +0 -58
- data/assets/css/bootstrap/mixins/_grid-framework.scss +0 -81
- data/assets/css/bootstrap/mixins/_grid.scss +0 -122
- data/assets/css/bootstrap/mixins/_hide-text.scss +0 -21
- data/assets/css/bootstrap/mixins/_image.scss +0 -33
- data/assets/css/bootstrap/mixins/_labels.scss +0 -12
- data/assets/css/bootstrap/mixins/_list-group.scss +0 -32
- data/assets/css/bootstrap/mixins/_nav-divider.scss +0 -10
- data/assets/css/bootstrap/mixins/_nav-vertical-align.scss +0 -9
- data/assets/css/bootstrap/mixins/_opacity.scss +0 -8
- data/assets/css/bootstrap/mixins/_pagination.scss +0 -24
- data/assets/css/bootstrap/mixins/_panels.scss +0 -24
- data/assets/css/bootstrap/mixins/_progress-bar.scss +0 -10
- data/assets/css/bootstrap/mixins/_reset-filter.scss +0 -8
- data/assets/css/bootstrap/mixins/_reset-text.scss +0 -18
- data/assets/css/bootstrap/mixins/_resize.scss +0 -6
- data/assets/css/bootstrap/mixins/_responsive-visibility.scss +0 -21
- data/assets/css/bootstrap/mixins/_size.scss +0 -10
- data/assets/css/bootstrap/mixins/_tab-focus.scss +0 -9
- data/assets/css/bootstrap/mixins/_table-row.scss +0 -28
- data/assets/css/bootstrap/mixins/_text-emphasis.scss +0 -12
- data/assets/css/bootstrap/mixins/_text-overflow.scss +0 -8
- data/assets/css/bootstrap/mixins/_vendor-prefixes.scss +0 -222
- data/assets/css/core/animations.scss +0 -125
- data/assets/css/core/blog.scss +0 -206
- data/assets/css/core/breadcrumb.scss +0 -48
- data/assets/css/core/carousel.scss +0 -136
- data/assets/css/core/cookieconsent.scss +0 -13
- data/assets/css/core/critical.scss +0 -991
- data/assets/css/core/fa.scss +0 -2331
- data/assets/css/core/flipclock.scss +0 -435
- data/assets/css/core/font-awesome.min.scss +0 -4
- data/assets/css/core/fonts.scss +0 -7
- data/assets/css/core/footer.scss +0 -79
- data/assets/css/core/homepage.scss +0 -16
- data/assets/css/core/lightbox.scss +0 -213
- data/assets/css/core/members-sprite.scss +0 -425
- data/assets/css/core/nav.scss +0 -536
- data/assets/css/core/openhours.scss +0 -51
- data/assets/css/core/owl.carousel.min.scss +0 -6
- data/assets/css/core/owl.theme.default.min.scss +0 -6
- data/assets/css/core/products.scss +0 -221
- data/assets/css/core/projects.scss +0 -32
- data/assets/css/core/social-media-icons.scss +0 -71
- data/assets/css/core/syntax.scss +0 -65
- data/assets/css/core/tables.scss +0 -87
- data/assets/css/core/theme.scss +0 -244
@@ -1,69 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Code (inline and block)
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Inline and block code styles
|
7
|
-
code,
|
8
|
-
kbd,
|
9
|
-
pre,
|
10
|
-
samp {
|
11
|
-
font-family: $font-family-monospace;
|
12
|
-
}
|
13
|
-
|
14
|
-
// Inline code
|
15
|
-
code {
|
16
|
-
padding: 2px 4px;
|
17
|
-
font-size: 90%;
|
18
|
-
color: $code-color;
|
19
|
-
background-color: $code-bg;
|
20
|
-
border-radius: $border-radius-base;
|
21
|
-
}
|
22
|
-
|
23
|
-
// User input typically entered via keyboard
|
24
|
-
kbd {
|
25
|
-
padding: 2px 4px;
|
26
|
-
font-size: 90%;
|
27
|
-
color: $kbd-color;
|
28
|
-
background-color: $kbd-bg;
|
29
|
-
border-radius: $border-radius-small;
|
30
|
-
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
31
|
-
|
32
|
-
kbd {
|
33
|
-
padding: 0;
|
34
|
-
font-size: 100%;
|
35
|
-
font-weight: bold;
|
36
|
-
box-shadow: none;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
// Blocks of code
|
41
|
-
pre {
|
42
|
-
display: block;
|
43
|
-
padding: (($line-height-computed - 1) / 2);
|
44
|
-
margin: 0 0 ($line-height-computed / 2);
|
45
|
-
font-size: ($font-size-base - 1); // 14px to 13px
|
46
|
-
line-height: $line-height-base;
|
47
|
-
word-break: break-all;
|
48
|
-
word-wrap: break-word;
|
49
|
-
color: $pre-color;
|
50
|
-
background-color: $pre-bg;
|
51
|
-
border: 1px solid $pre-border-color;
|
52
|
-
border-radius: $border-radius-base;
|
53
|
-
|
54
|
-
// Account for some code outputs that place code tags in pre tags
|
55
|
-
code {
|
56
|
-
padding: 0;
|
57
|
-
font-size: inherit;
|
58
|
-
color: inherit;
|
59
|
-
white-space: pre-wrap;
|
60
|
-
background-color: transparent;
|
61
|
-
border-radius: 0;
|
62
|
-
}
|
63
|
-
}
|
64
|
-
|
65
|
-
// Enable scrollable blocks of code
|
66
|
-
.pre-scrollable {
|
67
|
-
max-height: $pre-scrollable-max-height;
|
68
|
-
overflow-y: scroll;
|
69
|
-
}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Component animations
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
// Heads up!
|
6
|
-
//
|
7
|
-
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
8
|
-
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
|
9
|
-
|
10
|
-
.fade {
|
11
|
-
opacity: 0;
|
12
|
-
@include transition(opacity .15s linear);
|
13
|
-
&.in {
|
14
|
-
opacity: 1;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
.collapse {
|
19
|
-
display: none;
|
20
|
-
|
21
|
-
&.in { display: block; }
|
22
|
-
// [converter] extracted tr&.in to tr.collapse.in
|
23
|
-
// [converter] extracted tbody&.in to tbody.collapse.in
|
24
|
-
}
|
25
|
-
|
26
|
-
tr.collapse.in { display: table-row; }
|
27
|
-
|
28
|
-
tbody.collapse.in { display: table-row-group; }
|
29
|
-
|
30
|
-
.collapsing {
|
31
|
-
position: relative;
|
32
|
-
height: 0;
|
33
|
-
overflow: hidden;
|
34
|
-
@include transition-property(height, visibility);
|
35
|
-
@include transition-duration(.35s);
|
36
|
-
@include transition-timing-function(ease);
|
37
|
-
}
|
@@ -1,216 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Dropdown menus
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Dropdown arrow/caret
|
7
|
-
.caret {
|
8
|
-
display: inline-block;
|
9
|
-
width: 0;
|
10
|
-
height: 0;
|
11
|
-
margin-left: 2px;
|
12
|
-
vertical-align: middle;
|
13
|
-
border-top: $caret-width-base dashed;
|
14
|
-
border-top: $caret-width-base solid \9; // IE8
|
15
|
-
border-right: $caret-width-base solid transparent;
|
16
|
-
border-left: $caret-width-base solid transparent;
|
17
|
-
}
|
18
|
-
|
19
|
-
// The dropdown wrapper (div)
|
20
|
-
.dropup,
|
21
|
-
.dropdown {
|
22
|
-
position: relative;
|
23
|
-
}
|
24
|
-
|
25
|
-
// Prevent the focus on the dropdown toggle when closing dropdowns
|
26
|
-
.dropdown-toggle:focus {
|
27
|
-
outline: 0;
|
28
|
-
}
|
29
|
-
|
30
|
-
// The dropdown menu (ul)
|
31
|
-
.dropdown-menu {
|
32
|
-
position: absolute;
|
33
|
-
top: 100%;
|
34
|
-
left: 0;
|
35
|
-
z-index: $zindex-dropdown;
|
36
|
-
display: none; // none by default, but block on "open" of the menu
|
37
|
-
float: left;
|
38
|
-
min-width: 160px;
|
39
|
-
padding: 5px 0;
|
40
|
-
margin: 2px 0 0; // override default ul
|
41
|
-
list-style: none;
|
42
|
-
font-size: $font-size-base;
|
43
|
-
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
|
44
|
-
background-color: $dropdown-bg;
|
45
|
-
border: 1px solid $dropdown-fallback-border; // IE8 fallback
|
46
|
-
border: 1px solid $dropdown-border;
|
47
|
-
border-radius: $border-radius-base;
|
48
|
-
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
|
49
|
-
background-clip: padding-box;
|
50
|
-
|
51
|
-
// Aligns the dropdown menu to right
|
52
|
-
//
|
53
|
-
// Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
|
54
|
-
&.pull-right {
|
55
|
-
right: 0;
|
56
|
-
left: auto;
|
57
|
-
}
|
58
|
-
|
59
|
-
// Dividers (basically an hr) within the dropdown
|
60
|
-
.divider {
|
61
|
-
@include nav-divider($dropdown-divider-bg);
|
62
|
-
}
|
63
|
-
|
64
|
-
// Links within the dropdown menu
|
65
|
-
> li > a {
|
66
|
-
display: block;
|
67
|
-
padding: 3px 20px;
|
68
|
-
clear: both;
|
69
|
-
font-weight: normal;
|
70
|
-
line-height: $line-height-base;
|
71
|
-
color: $dropdown-link-color;
|
72
|
-
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
73
|
-
}
|
74
|
-
}
|
75
|
-
|
76
|
-
// Hover/Focus state
|
77
|
-
.dropdown-menu > li > a {
|
78
|
-
&:hover,
|
79
|
-
&:focus {
|
80
|
-
text-decoration: none;
|
81
|
-
color: $dropdown-link-hover-color;
|
82
|
-
background-color: $dropdown-link-hover-bg;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
|
86
|
-
// Active state
|
87
|
-
.dropdown-menu > .active > a {
|
88
|
-
&,
|
89
|
-
&:hover,
|
90
|
-
&:focus {
|
91
|
-
color: $dropdown-link-active-color;
|
92
|
-
text-decoration: none;
|
93
|
-
outline: 0;
|
94
|
-
background-color: $dropdown-link-active-bg;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
|
98
|
-
// Disabled state
|
99
|
-
//
|
100
|
-
// Gray out text and ensure the hover/focus state remains gray
|
101
|
-
|
102
|
-
.dropdown-menu > .disabled > a {
|
103
|
-
&,
|
104
|
-
&:hover,
|
105
|
-
&:focus {
|
106
|
-
color: $dropdown-link-disabled-color;
|
107
|
-
}
|
108
|
-
|
109
|
-
// Nuke hover/focus effects
|
110
|
-
&:hover,
|
111
|
-
&:focus {
|
112
|
-
text-decoration: none;
|
113
|
-
background-color: transparent;
|
114
|
-
background-image: none; // Remove CSS gradient
|
115
|
-
@include reset-filter;
|
116
|
-
cursor: $cursor-disabled;
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
// Open state for the dropdown
|
121
|
-
.open {
|
122
|
-
// Show the menu
|
123
|
-
> .dropdown-menu {
|
124
|
-
display: block;
|
125
|
-
}
|
126
|
-
|
127
|
-
// Remove the outline when :focus is triggered
|
128
|
-
> a {
|
129
|
-
outline: 0;
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
// Menu positioning
|
134
|
-
//
|
135
|
-
// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
|
136
|
-
// menu with the parent.
|
137
|
-
.dropdown-menu-right {
|
138
|
-
left: auto; // Reset the default from `.dropdown-menu`
|
139
|
-
right: 0;
|
140
|
-
}
|
141
|
-
// With v3, we enabled auto-flipping if you have a dropdown within a right
|
142
|
-
// aligned nav component. To enable the undoing of that, we provide an override
|
143
|
-
// to restore the default dropdown menu alignment.
|
144
|
-
//
|
145
|
-
// This is only for left-aligning a dropdown menu within a `.navbar-right` or
|
146
|
-
// `.pull-right` nav component.
|
147
|
-
.dropdown-menu-left {
|
148
|
-
left: 0;
|
149
|
-
right: auto;
|
150
|
-
}
|
151
|
-
|
152
|
-
// Dropdown section headers
|
153
|
-
.dropdown-header {
|
154
|
-
display: block;
|
155
|
-
padding: 3px 20px;
|
156
|
-
font-size: $font-size-small;
|
157
|
-
line-height: $line-height-base;
|
158
|
-
color: $dropdown-header-color;
|
159
|
-
white-space: nowrap; // as with > li > a
|
160
|
-
}
|
161
|
-
|
162
|
-
// Backdrop to catch body clicks on mobile, etc.
|
163
|
-
.dropdown-backdrop {
|
164
|
-
position: fixed;
|
165
|
-
left: 0;
|
166
|
-
right: 0;
|
167
|
-
bottom: 0;
|
168
|
-
top: 0;
|
169
|
-
z-index: ($zindex-dropdown - 10);
|
170
|
-
}
|
171
|
-
|
172
|
-
// Right aligned dropdowns
|
173
|
-
.pull-right > .dropdown-menu {
|
174
|
-
right: 0;
|
175
|
-
left: auto;
|
176
|
-
}
|
177
|
-
|
178
|
-
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
179
|
-
//
|
180
|
-
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
181
|
-
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
182
|
-
|
183
|
-
.dropup,
|
184
|
-
.navbar-fixed-bottom .dropdown {
|
185
|
-
// Reverse the caret
|
186
|
-
.caret {
|
187
|
-
border-top: 0;
|
188
|
-
border-bottom: $caret-width-base dashed;
|
189
|
-
border-bottom: $caret-width-base solid \9; // IE8
|
190
|
-
content: "";
|
191
|
-
}
|
192
|
-
// Different positioning for bottom up menu
|
193
|
-
.dropdown-menu {
|
194
|
-
top: auto;
|
195
|
-
bottom: 100%;
|
196
|
-
margin-bottom: 2px;
|
197
|
-
}
|
198
|
-
}
|
199
|
-
|
200
|
-
|
201
|
-
// Component alignment
|
202
|
-
//
|
203
|
-
// Reiterate per navbar.less and the modified component alignment there.
|
204
|
-
|
205
|
-
@media (min-width: $grid-float-breakpoint) {
|
206
|
-
.navbar-right {
|
207
|
-
.dropdown-menu {
|
208
|
-
right: 0; left: auto;
|
209
|
-
}
|
210
|
-
// Necessary for overrides of the default right aligned menu.
|
211
|
-
// Will remove come v4 in all likelihood.
|
212
|
-
.dropdown-menu-left {
|
213
|
-
left: 0; right: auto;
|
214
|
-
}
|
215
|
-
}
|
216
|
-
}
|
@@ -1,617 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Forms
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Normalize non-controls
|
7
|
-
//
|
8
|
-
// Restyle and baseline non-control form elements.
|
9
|
-
|
10
|
-
fieldset {
|
11
|
-
padding: 0;
|
12
|
-
margin: 0;
|
13
|
-
border: 0;
|
14
|
-
// Chrome and Firefox set a `min-width: min-content;` on fieldsets,
|
15
|
-
// so we reset that to ensure it behaves more like a standard block element.
|
16
|
-
// See https://github.com/twbs/bootstrap/issues/12359.
|
17
|
-
min-width: 0;
|
18
|
-
}
|
19
|
-
|
20
|
-
legend {
|
21
|
-
display: block;
|
22
|
-
width: 100%;
|
23
|
-
padding: 0;
|
24
|
-
margin-bottom: $line-height-computed;
|
25
|
-
font-size: ($font-size-base * 1.5);
|
26
|
-
line-height: inherit;
|
27
|
-
color: $legend-color;
|
28
|
-
border: 0;
|
29
|
-
border-bottom: 1px solid $legend-border-color;
|
30
|
-
}
|
31
|
-
|
32
|
-
label {
|
33
|
-
display: inline-block;
|
34
|
-
max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
|
35
|
-
margin-bottom: 5px;
|
36
|
-
font-weight: bold;
|
37
|
-
}
|
38
|
-
|
39
|
-
|
40
|
-
// Normalize form controls
|
41
|
-
//
|
42
|
-
// While most of our form styles require extra classes, some basic normalization
|
43
|
-
// is required to ensure optimum display with or without those classes to better
|
44
|
-
// address browser inconsistencies.
|
45
|
-
|
46
|
-
// Override content-box in Normalize (* isn't specific enough)
|
47
|
-
input[type="search"] {
|
48
|
-
@include box-sizing(border-box);
|
49
|
-
}
|
50
|
-
|
51
|
-
// Position radios and checkboxes better
|
52
|
-
input[type="radio"],
|
53
|
-
input[type="checkbox"] {
|
54
|
-
margin: 4px 0 0;
|
55
|
-
margin-top: 1px \9; // IE8-9
|
56
|
-
line-height: normal;
|
57
|
-
}
|
58
|
-
|
59
|
-
input[type="file"] {
|
60
|
-
display: block;
|
61
|
-
}
|
62
|
-
|
63
|
-
// Make range inputs behave like textual form controls
|
64
|
-
input[type="range"] {
|
65
|
-
display: block;
|
66
|
-
width: 100%;
|
67
|
-
}
|
68
|
-
|
69
|
-
// Make multiple select elements height not fixed
|
70
|
-
select[multiple],
|
71
|
-
select[size] {
|
72
|
-
height: auto;
|
73
|
-
}
|
74
|
-
|
75
|
-
// Focus for file, radio, and checkbox
|
76
|
-
input[type="file"]:focus,
|
77
|
-
input[type="radio"]:focus,
|
78
|
-
input[type="checkbox"]:focus {
|
79
|
-
@include tab-focus;
|
80
|
-
}
|
81
|
-
|
82
|
-
// Adjust output element
|
83
|
-
output {
|
84
|
-
display: block;
|
85
|
-
padding-top: ($padding-base-vertical + 1);
|
86
|
-
font-size: $font-size-base;
|
87
|
-
line-height: $line-height-base;
|
88
|
-
color: $input-color;
|
89
|
-
}
|
90
|
-
|
91
|
-
|
92
|
-
// Common form controls
|
93
|
-
//
|
94
|
-
// Shared size and type resets for form controls. Apply `.form-control` to any
|
95
|
-
// of the following form controls:
|
96
|
-
//
|
97
|
-
// select
|
98
|
-
// textarea
|
99
|
-
// input[type="text"]
|
100
|
-
// input[type="password"]
|
101
|
-
// input[type="datetime"]
|
102
|
-
// input[type="datetime-local"]
|
103
|
-
// input[type="date"]
|
104
|
-
// input[type="month"]
|
105
|
-
// input[type="time"]
|
106
|
-
// input[type="week"]
|
107
|
-
// input[type="number"]
|
108
|
-
// input[type="email"]
|
109
|
-
// input[type="url"]
|
110
|
-
// input[type="search"]
|
111
|
-
// input[type="tel"]
|
112
|
-
// input[type="color"]
|
113
|
-
|
114
|
-
.form-control {
|
115
|
-
display: block;
|
116
|
-
width: 100%;
|
117
|
-
height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
118
|
-
padding: $padding-base-vertical $padding-base-horizontal;
|
119
|
-
font-size: $font-size-base;
|
120
|
-
line-height: $line-height-base;
|
121
|
-
color: $input-color;
|
122
|
-
background-color: $input-bg;
|
123
|
-
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
124
|
-
border: 1px solid $input-border;
|
125
|
-
border-radius: $input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
|
126
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
127
|
-
@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
|
128
|
-
|
129
|
-
// Customize the `:focus` state to imitate native WebKit styles.
|
130
|
-
@include form-control-focus;
|
131
|
-
|
132
|
-
// Placeholder
|
133
|
-
@include placeholder;
|
134
|
-
|
135
|
-
// Unstyle the caret on `<select>`s in IE10+.
|
136
|
-
&::-ms-expand {
|
137
|
-
border: 0;
|
138
|
-
background-color: transparent;
|
139
|
-
}
|
140
|
-
|
141
|
-
// Disabled and read-only inputs
|
142
|
-
//
|
143
|
-
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
144
|
-
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
145
|
-
// don't honor that edge case; we style them as disabled anyway.
|
146
|
-
&[disabled],
|
147
|
-
&[readonly],
|
148
|
-
fieldset[disabled] & {
|
149
|
-
background-color: $input-bg-disabled;
|
150
|
-
opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
|
151
|
-
}
|
152
|
-
|
153
|
-
&[disabled],
|
154
|
-
fieldset[disabled] & {
|
155
|
-
cursor: $cursor-disabled;
|
156
|
-
}
|
157
|
-
|
158
|
-
// [converter] extracted textarea& to textarea.form-control
|
159
|
-
}
|
160
|
-
|
161
|
-
// Reset height for `textarea`s
|
162
|
-
textarea.form-control {
|
163
|
-
height: auto;
|
164
|
-
}
|
165
|
-
|
166
|
-
|
167
|
-
// Search inputs in iOS
|
168
|
-
//
|
169
|
-
// This overrides the extra rounded corners on search inputs in iOS so that our
|
170
|
-
// `.form-control` class can properly style them. Note that this cannot simply
|
171
|
-
// be added to `.form-control` as it's not specific enough. For details, see
|
172
|
-
// https://github.com/twbs/bootstrap/issues/11586.
|
173
|
-
|
174
|
-
input[type="search"] {
|
175
|
-
-webkit-appearance: none;
|
176
|
-
}
|
177
|
-
|
178
|
-
|
179
|
-
// Special styles for iOS temporal inputs
|
180
|
-
//
|
181
|
-
// In Mobile Safari, setting `display: block` on temporal inputs causes the
|
182
|
-
// text within the input to become vertically misaligned. As a workaround, we
|
183
|
-
// set a pixel line-height that matches the given height of the input, but only
|
184
|
-
// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
|
185
|
-
//
|
186
|
-
// Note that as of 9.3, iOS doesn't support `week`.
|
187
|
-
|
188
|
-
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
189
|
-
input[type="date"],
|
190
|
-
input[type="time"],
|
191
|
-
input[type="datetime-local"],
|
192
|
-
input[type="month"] {
|
193
|
-
&.form-control {
|
194
|
-
line-height: $input-height-base;
|
195
|
-
}
|
196
|
-
|
197
|
-
&.input-sm,
|
198
|
-
.input-group-sm & {
|
199
|
-
line-height: $input-height-small;
|
200
|
-
}
|
201
|
-
|
202
|
-
&.input-lg,
|
203
|
-
.input-group-lg & {
|
204
|
-
line-height: $input-height-large;
|
205
|
-
}
|
206
|
-
}
|
207
|
-
}
|
208
|
-
|
209
|
-
|
210
|
-
// Form groups
|
211
|
-
//
|
212
|
-
// Designed to help with the organization and spacing of vertical forms. For
|
213
|
-
// horizontal forms, use the predefined grid classes.
|
214
|
-
|
215
|
-
.form-group {
|
216
|
-
margin-bottom: $form-group-margin-bottom;
|
217
|
-
}
|
218
|
-
|
219
|
-
|
220
|
-
// Checkboxes and radios
|
221
|
-
//
|
222
|
-
// Indent the labels to position radios/checkboxes as hanging controls.
|
223
|
-
|
224
|
-
.radio,
|
225
|
-
.checkbox {
|
226
|
-
position: relative;
|
227
|
-
display: block;
|
228
|
-
margin-top: 10px;
|
229
|
-
margin-bottom: 10px;
|
230
|
-
|
231
|
-
label {
|
232
|
-
min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text
|
233
|
-
padding-left: 20px;
|
234
|
-
margin-bottom: 0;
|
235
|
-
font-weight: normal;
|
236
|
-
cursor: pointer;
|
237
|
-
}
|
238
|
-
}
|
239
|
-
.radio input[type="radio"],
|
240
|
-
.radio-inline input[type="radio"],
|
241
|
-
.checkbox input[type="checkbox"],
|
242
|
-
.checkbox-inline input[type="checkbox"] {
|
243
|
-
position: absolute;
|
244
|
-
margin-left: -20px;
|
245
|
-
margin-top: 4px \9;
|
246
|
-
}
|
247
|
-
|
248
|
-
.radio + .radio,
|
249
|
-
.checkbox + .checkbox {
|
250
|
-
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
|
251
|
-
}
|
252
|
-
|
253
|
-
// Radios and checkboxes on same line
|
254
|
-
.radio-inline,
|
255
|
-
.checkbox-inline {
|
256
|
-
position: relative;
|
257
|
-
display: inline-block;
|
258
|
-
padding-left: 20px;
|
259
|
-
margin-bottom: 0;
|
260
|
-
vertical-align: middle;
|
261
|
-
font-weight: normal;
|
262
|
-
cursor: pointer;
|
263
|
-
}
|
264
|
-
.radio-inline + .radio-inline,
|
265
|
-
.checkbox-inline + .checkbox-inline {
|
266
|
-
margin-top: 0;
|
267
|
-
margin-left: 10px; // space out consecutive inline controls
|
268
|
-
}
|
269
|
-
|
270
|
-
// Apply same disabled cursor tweak as for inputs
|
271
|
-
// Some special care is needed because <label>s don't inherit their parent's `cursor`.
|
272
|
-
//
|
273
|
-
// Note: Neither radios nor checkboxes can be readonly.
|
274
|
-
input[type="radio"],
|
275
|
-
input[type="checkbox"] {
|
276
|
-
&[disabled],
|
277
|
-
&.disabled,
|
278
|
-
fieldset[disabled] & {
|
279
|
-
cursor: $cursor-disabled;
|
280
|
-
}
|
281
|
-
}
|
282
|
-
// These classes are used directly on <label>s
|
283
|
-
.radio-inline,
|
284
|
-
.checkbox-inline {
|
285
|
-
&.disabled,
|
286
|
-
fieldset[disabled] & {
|
287
|
-
cursor: $cursor-disabled;
|
288
|
-
}
|
289
|
-
}
|
290
|
-
// These classes are used on elements with <label> descendants
|
291
|
-
.radio,
|
292
|
-
.checkbox {
|
293
|
-
&.disabled,
|
294
|
-
fieldset[disabled] & {
|
295
|
-
label {
|
296
|
-
cursor: $cursor-disabled;
|
297
|
-
}
|
298
|
-
}
|
299
|
-
}
|
300
|
-
|
301
|
-
|
302
|
-
// Static form control text
|
303
|
-
//
|
304
|
-
// Apply class to a `p` element to make any string of text align with labels in
|
305
|
-
// a horizontal form layout.
|
306
|
-
|
307
|
-
.form-control-static {
|
308
|
-
// Size it appropriately next to real form controls
|
309
|
-
padding-top: ($padding-base-vertical + 1);
|
310
|
-
padding-bottom: ($padding-base-vertical + 1);
|
311
|
-
// Remove default margin from `p`
|
312
|
-
margin-bottom: 0;
|
313
|
-
min-height: ($line-height-computed + $font-size-base);
|
314
|
-
|
315
|
-
&.input-lg,
|
316
|
-
&.input-sm {
|
317
|
-
padding-left: 0;
|
318
|
-
padding-right: 0;
|
319
|
-
}
|
320
|
-
}
|
321
|
-
|
322
|
-
|
323
|
-
// Form control sizing
|
324
|
-
//
|
325
|
-
// Build on `.form-control` with modifier classes to decrease or increase the
|
326
|
-
// height and font-size of form controls.
|
327
|
-
//
|
328
|
-
// The `.form-group-* form-control` variations are sadly duplicated to avoid the
|
329
|
-
// issue documented in https://github.com/twbs/bootstrap/issues/15074.
|
330
|
-
|
331
|
-
@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small);
|
332
|
-
.form-group-sm {
|
333
|
-
.form-control {
|
334
|
-
height: $input-height-small;
|
335
|
-
padding: $padding-small-vertical $padding-small-horizontal;
|
336
|
-
font-size: $font-size-small;
|
337
|
-
line-height: $line-height-small;
|
338
|
-
border-radius: $input-border-radius-small;
|
339
|
-
}
|
340
|
-
select.form-control {
|
341
|
-
height: $input-height-small;
|
342
|
-
line-height: $input-height-small;
|
343
|
-
}
|
344
|
-
textarea.form-control,
|
345
|
-
select[multiple].form-control {
|
346
|
-
height: auto;
|
347
|
-
}
|
348
|
-
.form-control-static {
|
349
|
-
height: $input-height-small;
|
350
|
-
min-height: ($line-height-computed + $font-size-small);
|
351
|
-
padding: ($padding-small-vertical + 1) $padding-small-horizontal;
|
352
|
-
font-size: $font-size-small;
|
353
|
-
line-height: $line-height-small;
|
354
|
-
}
|
355
|
-
}
|
356
|
-
|
357
|
-
@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large);
|
358
|
-
.form-group-lg {
|
359
|
-
.form-control {
|
360
|
-
height: $input-height-large;
|
361
|
-
padding: $padding-large-vertical $padding-large-horizontal;
|
362
|
-
font-size: $font-size-large;
|
363
|
-
line-height: $line-height-large;
|
364
|
-
border-radius: $input-border-radius-large;
|
365
|
-
}
|
366
|
-
select.form-control {
|
367
|
-
height: $input-height-large;
|
368
|
-
line-height: $input-height-large;
|
369
|
-
}
|
370
|
-
textarea.form-control,
|
371
|
-
select[multiple].form-control {
|
372
|
-
height: auto;
|
373
|
-
}
|
374
|
-
.form-control-static {
|
375
|
-
height: $input-height-large;
|
376
|
-
min-height: ($line-height-computed + $font-size-large);
|
377
|
-
padding: ($padding-large-vertical + 1) $padding-large-horizontal;
|
378
|
-
font-size: $font-size-large;
|
379
|
-
line-height: $line-height-large;
|
380
|
-
}
|
381
|
-
}
|
382
|
-
|
383
|
-
|
384
|
-
// Form control feedback states
|
385
|
-
//
|
386
|
-
// Apply contextual and semantic states to individual form controls.
|
387
|
-
|
388
|
-
.has-feedback {
|
389
|
-
// Enable absolute positioning
|
390
|
-
position: relative;
|
391
|
-
|
392
|
-
// Ensure icons don't overlap text
|
393
|
-
.form-control {
|
394
|
-
padding-right: ($input-height-base * 1.25);
|
395
|
-
}
|
396
|
-
}
|
397
|
-
// Feedback icon (requires .glyphicon classes)
|
398
|
-
.form-control-feedback {
|
399
|
-
position: absolute;
|
400
|
-
top: 0;
|
401
|
-
right: 0;
|
402
|
-
z-index: 2; // Ensure icon is above input groups
|
403
|
-
display: block;
|
404
|
-
width: $input-height-base;
|
405
|
-
height: $input-height-base;
|
406
|
-
line-height: $input-height-base;
|
407
|
-
text-align: center;
|
408
|
-
pointer-events: none;
|
409
|
-
}
|
410
|
-
.input-lg + .form-control-feedback,
|
411
|
-
.input-group-lg + .form-control-feedback,
|
412
|
-
.form-group-lg .form-control + .form-control-feedback {
|
413
|
-
width: $input-height-large;
|
414
|
-
height: $input-height-large;
|
415
|
-
line-height: $input-height-large;
|
416
|
-
}
|
417
|
-
.input-sm + .form-control-feedback,
|
418
|
-
.input-group-sm + .form-control-feedback,
|
419
|
-
.form-group-sm .form-control + .form-control-feedback {
|
420
|
-
width: $input-height-small;
|
421
|
-
height: $input-height-small;
|
422
|
-
line-height: $input-height-small;
|
423
|
-
}
|
424
|
-
|
425
|
-
// Feedback states
|
426
|
-
.has-success {
|
427
|
-
@include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
|
428
|
-
}
|
429
|
-
.has-warning {
|
430
|
-
@include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
|
431
|
-
}
|
432
|
-
.has-error {
|
433
|
-
@include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
|
434
|
-
}
|
435
|
-
|
436
|
-
// Reposition feedback icon if input has visible label above
|
437
|
-
.has-feedback label {
|
438
|
-
|
439
|
-
& ~ .form-control-feedback {
|
440
|
-
top: ($line-height-computed + 5); // Height of the `label` and its margin
|
441
|
-
}
|
442
|
-
&.sr-only ~ .form-control-feedback {
|
443
|
-
top: 0;
|
444
|
-
}
|
445
|
-
}
|
446
|
-
|
447
|
-
|
448
|
-
// Help text
|
449
|
-
//
|
450
|
-
// Apply to any element you wish to create light text for placement immediately
|
451
|
-
// below a form control. Use for general help, formatting, or instructional text.
|
452
|
-
|
453
|
-
.help-block {
|
454
|
-
display: block; // account for any element using help-block
|
455
|
-
margin-top: 5px;
|
456
|
-
margin-bottom: 10px;
|
457
|
-
color: lighten($text-color, 25%); // lighten the text some for contrast
|
458
|
-
}
|
459
|
-
|
460
|
-
|
461
|
-
// Inline forms
|
462
|
-
//
|
463
|
-
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
|
464
|
-
// forms begin stacked on extra small (mobile) devices and then go inline when
|
465
|
-
// viewports reach <768px.
|
466
|
-
//
|
467
|
-
// Requires wrapping inputs and labels with `.form-group` for proper display of
|
468
|
-
// default HTML form controls and our custom form controls (e.g., input groups).
|
469
|
-
//
|
470
|
-
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
|
471
|
-
|
472
|
-
// [converter] extracted from `.form-inline` for libsass compatibility
|
473
|
-
@mixin form-inline {
|
474
|
-
|
475
|
-
// Kick in the inline
|
476
|
-
@media (min-width: $screen-sm-min) {
|
477
|
-
// Inline-block all the things for "inline"
|
478
|
-
.form-group {
|
479
|
-
display: inline-block;
|
480
|
-
margin-bottom: 0;
|
481
|
-
vertical-align: middle;
|
482
|
-
}
|
483
|
-
|
484
|
-
// In navbar-form, allow folks to *not* use `.form-group`
|
485
|
-
.form-control {
|
486
|
-
display: inline-block;
|
487
|
-
width: auto; // Prevent labels from stacking above inputs in `.form-group`
|
488
|
-
vertical-align: middle;
|
489
|
-
}
|
490
|
-
|
491
|
-
// Make static controls behave like regular ones
|
492
|
-
.form-control-static {
|
493
|
-
display: inline-block;
|
494
|
-
}
|
495
|
-
|
496
|
-
.input-group {
|
497
|
-
display: inline-table;
|
498
|
-
vertical-align: middle;
|
499
|
-
|
500
|
-
.input-group-addon,
|
501
|
-
.input-group-btn,
|
502
|
-
.form-control {
|
503
|
-
width: auto;
|
504
|
-
}
|
505
|
-
}
|
506
|
-
|
507
|
-
// Input groups need that 100% width though
|
508
|
-
.input-group > .form-control {
|
509
|
-
width: 100%;
|
510
|
-
}
|
511
|
-
|
512
|
-
.control-label {
|
513
|
-
margin-bottom: 0;
|
514
|
-
vertical-align: middle;
|
515
|
-
}
|
516
|
-
|
517
|
-
// Remove default margin on radios/checkboxes that were used for stacking, and
|
518
|
-
// then undo the floating of radios and checkboxes to match.
|
519
|
-
.radio,
|
520
|
-
.checkbox {
|
521
|
-
display: inline-block;
|
522
|
-
margin-top: 0;
|
523
|
-
margin-bottom: 0;
|
524
|
-
vertical-align: middle;
|
525
|
-
|
526
|
-
label {
|
527
|
-
padding-left: 0;
|
528
|
-
}
|
529
|
-
}
|
530
|
-
.radio input[type="radio"],
|
531
|
-
.checkbox input[type="checkbox"] {
|
532
|
-
position: relative;
|
533
|
-
margin-left: 0;
|
534
|
-
}
|
535
|
-
|
536
|
-
// Re-override the feedback icon.
|
537
|
-
.has-feedback .form-control-feedback {
|
538
|
-
top: 0;
|
539
|
-
}
|
540
|
-
}
|
541
|
-
}
|
542
|
-
// [converter] extracted as `@mixin form-inline` for libsass compatibility
|
543
|
-
.form-inline {
|
544
|
-
@include form-inline;
|
545
|
-
}
|
546
|
-
|
547
|
-
|
548
|
-
|
549
|
-
// Horizontal forms
|
550
|
-
//
|
551
|
-
// Horizontal forms are built on grid classes and allow you to create forms with
|
552
|
-
// labels on the left and inputs on the right.
|
553
|
-
|
554
|
-
.form-horizontal {
|
555
|
-
|
556
|
-
// Consistent vertical alignment of radios and checkboxes
|
557
|
-
//
|
558
|
-
// Labels also get some reset styles, but that is scoped to a media query below.
|
559
|
-
.radio,
|
560
|
-
.checkbox,
|
561
|
-
.radio-inline,
|
562
|
-
.checkbox-inline {
|
563
|
-
margin-top: 0;
|
564
|
-
margin-bottom: 0;
|
565
|
-
padding-top: ($padding-base-vertical + 1); // Default padding plus a border
|
566
|
-
}
|
567
|
-
// Account for padding we're adding to ensure the alignment and of help text
|
568
|
-
// and other content below items
|
569
|
-
.radio,
|
570
|
-
.checkbox {
|
571
|
-
min-height: ($line-height-computed + ($padding-base-vertical + 1));
|
572
|
-
}
|
573
|
-
|
574
|
-
// Make form groups behave like rows
|
575
|
-
.form-group {
|
576
|
-
@include make-row;
|
577
|
-
}
|
578
|
-
|
579
|
-
// Reset spacing and right align labels, but scope to media queries so that
|
580
|
-
// labels on narrow viewports stack the same as a default form example.
|
581
|
-
@media (min-width: $screen-sm-min) {
|
582
|
-
.control-label {
|
583
|
-
text-align: right;
|
584
|
-
margin-bottom: 0;
|
585
|
-
padding-top: ($padding-base-vertical + 1); // Default padding plus a border
|
586
|
-
}
|
587
|
-
}
|
588
|
-
|
589
|
-
// Validation states
|
590
|
-
//
|
591
|
-
// Reposition the icon because it's now within a grid column and columns have
|
592
|
-
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
593
|
-
.has-feedback .form-control-feedback {
|
594
|
-
right: floor(($grid-gutter-width / 2));
|
595
|
-
}
|
596
|
-
|
597
|
-
// Form group sizes
|
598
|
-
//
|
599
|
-
// Quick utility class for applying `.input-lg` and `.input-sm` styles to the
|
600
|
-
// inputs and labels within a `.form-group`.
|
601
|
-
.form-group-lg {
|
602
|
-
@media (min-width: $screen-sm-min) {
|
603
|
-
.control-label {
|
604
|
-
padding-top: ($padding-large-vertical + 1);
|
605
|
-
font-size: $font-size-large;
|
606
|
-
}
|
607
|
-
}
|
608
|
-
}
|
609
|
-
.form-group-sm {
|
610
|
-
@media (min-width: $screen-sm-min) {
|
611
|
-
.control-label {
|
612
|
-
padding-top: ($padding-small-vertical + 1);
|
613
|
-
font-size: $font-size-small;
|
614
|
-
}
|
615
|
-
}
|
616
|
-
}
|
617
|
-
}
|