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.
Files changed (109) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/{plain-page.html → default.html} +7 -2
  3. data/_layouts/post.html +155 -0
  4. data/_sass/bootstrap/_variables.scss +1 -1
  5. data/{fonts → assets/fonts}/glyphicons-halflings-regular.ttf +0 -0
  6. data/{fonts → assets/fonts}/glyphicons-halflings-regular.woff +0 -0
  7. data/{fonts → assets/fonts}/glyphicons-halflings-regular.woff2 +0 -0
  8. metadata +6 -106
  9. data/_data/footer.yml +0 -110
  10. data/_data/linaro.yml +0 -4
  11. data/_layouts/empty-container-page.html +0 -10
  12. data/assets/css/_bootstrap-compass.scss +0 -9
  13. data/assets/css/_bootstrap-mincer.scss +0 -19
  14. data/assets/css/_bootstrap-sprockets.scss +0 -9
  15. data/assets/css/_bootstrap.scss +0 -56
  16. data/assets/css/bootstrap/_alerts.scss +0 -73
  17. data/assets/css/bootstrap/_badges.scss +0 -68
  18. data/assets/css/bootstrap/_breadcrumbs.scss +0 -28
  19. data/assets/css/bootstrap/_button-groups.scss +0 -244
  20. data/assets/css/bootstrap/_buttons.scss +0 -168
  21. data/assets/css/bootstrap/_carousel.scss +0 -270
  22. data/assets/css/bootstrap/_close.scss +0 -36
  23. data/assets/css/bootstrap/_code.scss +0 -69
  24. data/assets/css/bootstrap/_component-animations.scss +0 -37
  25. data/assets/css/bootstrap/_dropdowns.scss +0 -216
  26. data/assets/css/bootstrap/_forms.scss +0 -617
  27. data/assets/css/bootstrap/_glyphicons.scss +0 -307
  28. data/assets/css/bootstrap/_grid.scss +0 -84
  29. data/assets/css/bootstrap/_input-groups.scss +0 -171
  30. data/assets/css/bootstrap/_jumbotron.scss +0 -54
  31. data/assets/css/bootstrap/_labels.scss +0 -66
  32. data/assets/css/bootstrap/_list-group.scss +0 -130
  33. data/assets/css/bootstrap/_media.scss +0 -66
  34. data/assets/css/bootstrap/_mixins.scss +0 -40
  35. data/assets/css/bootstrap/_modals.scss +0 -150
  36. data/assets/css/bootstrap/_navbar.scss +0 -662
  37. data/assets/css/bootstrap/_navs.scss +0 -242
  38. data/assets/css/bootstrap/_normalize.scss +0 -424
  39. data/assets/css/bootstrap/_pager.scss +0 -54
  40. data/assets/css/bootstrap/_pagination.scss +0 -89
  41. data/assets/css/bootstrap/_panels.scss +0 -271
  42. data/assets/css/bootstrap/_popovers.scss +0 -131
  43. data/assets/css/bootstrap/_print.scss +0 -101
  44. data/assets/css/bootstrap/_progress-bars.scss +0 -87
  45. data/assets/css/bootstrap/_responsive-embed.scss +0 -35
  46. data/assets/css/bootstrap/_responsive-utilities.scss +0 -179
  47. data/assets/css/bootstrap/_scaffolding.scss +0 -161
  48. data/assets/css/bootstrap/_tables.scss +0 -234
  49. data/assets/css/bootstrap/_theme.scss +0 -291
  50. data/assets/css/bootstrap/_thumbnails.scss +0 -38
  51. data/assets/css/bootstrap/_tooltip.scss +0 -101
  52. data/assets/css/bootstrap/_type.scss +0 -298
  53. data/assets/css/bootstrap/_utilities.scss +0 -55
  54. data/assets/css/bootstrap/_variables.scss +0 -874
  55. data/assets/css/bootstrap/_wells.scss +0 -29
  56. data/assets/css/bootstrap/mixins/_alerts.scss +0 -14
  57. data/assets/css/bootstrap/mixins/_background-variant.scss +0 -12
  58. data/assets/css/bootstrap/mixins/_border-radius.scss +0 -18
  59. data/assets/css/bootstrap/mixins/_buttons.scss +0 -65
  60. data/assets/css/bootstrap/mixins/_center-block.scss +0 -7
  61. data/assets/css/bootstrap/mixins/_clearfix.scss +0 -22
  62. data/assets/css/bootstrap/mixins/_forms.scss +0 -88
  63. data/assets/css/bootstrap/mixins/_gradients.scss +0 -58
  64. data/assets/css/bootstrap/mixins/_grid-framework.scss +0 -81
  65. data/assets/css/bootstrap/mixins/_grid.scss +0 -122
  66. data/assets/css/bootstrap/mixins/_hide-text.scss +0 -21
  67. data/assets/css/bootstrap/mixins/_image.scss +0 -33
  68. data/assets/css/bootstrap/mixins/_labels.scss +0 -12
  69. data/assets/css/bootstrap/mixins/_list-group.scss +0 -32
  70. data/assets/css/bootstrap/mixins/_nav-divider.scss +0 -10
  71. data/assets/css/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  72. data/assets/css/bootstrap/mixins/_opacity.scss +0 -8
  73. data/assets/css/bootstrap/mixins/_pagination.scss +0 -24
  74. data/assets/css/bootstrap/mixins/_panels.scss +0 -24
  75. data/assets/css/bootstrap/mixins/_progress-bar.scss +0 -10
  76. data/assets/css/bootstrap/mixins/_reset-filter.scss +0 -8
  77. data/assets/css/bootstrap/mixins/_reset-text.scss +0 -18
  78. data/assets/css/bootstrap/mixins/_resize.scss +0 -6
  79. data/assets/css/bootstrap/mixins/_responsive-visibility.scss +0 -21
  80. data/assets/css/bootstrap/mixins/_size.scss +0 -10
  81. data/assets/css/bootstrap/mixins/_tab-focus.scss +0 -9
  82. data/assets/css/bootstrap/mixins/_table-row.scss +0 -28
  83. data/assets/css/bootstrap/mixins/_text-emphasis.scss +0 -12
  84. data/assets/css/bootstrap/mixins/_text-overflow.scss +0 -8
  85. data/assets/css/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  86. data/assets/css/core/animations.scss +0 -125
  87. data/assets/css/core/blog.scss +0 -206
  88. data/assets/css/core/breadcrumb.scss +0 -48
  89. data/assets/css/core/carousel.scss +0 -136
  90. data/assets/css/core/cookieconsent.scss +0 -13
  91. data/assets/css/core/critical.scss +0 -991
  92. data/assets/css/core/fa.scss +0 -2331
  93. data/assets/css/core/flipclock.scss +0 -435
  94. data/assets/css/core/font-awesome.min.scss +0 -4
  95. data/assets/css/core/fonts.scss +0 -7
  96. data/assets/css/core/footer.scss +0 -79
  97. data/assets/css/core/homepage.scss +0 -16
  98. data/assets/css/core/lightbox.scss +0 -213
  99. data/assets/css/core/members-sprite.scss +0 -425
  100. data/assets/css/core/nav.scss +0 -536
  101. data/assets/css/core/openhours.scss +0 -51
  102. data/assets/css/core/owl.carousel.min.scss +0 -6
  103. data/assets/css/core/owl.theme.default.min.scss +0 -6
  104. data/assets/css/core/products.scss +0 -221
  105. data/assets/css/core/projects.scss +0 -32
  106. data/assets/css/core/social-media-icons.scss +0 -71
  107. data/assets/css/core/syntax.scss +0 -65
  108. data/assets/css/core/tables.scss +0 -87
  109. 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
- }