linaro-jekyll-theme 0.1.2 → 0.1.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (266) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +52 -19
  3. data/_data/authors.yml +7 -0
  4. data/_data/company.yml +29 -0
  5. data/_data/footer.yml +111 -0
  6. data/_data/linaro.yml +4 -0
  7. data/_data/members_db.yaml +115 -0
  8. data/_data/nav.yml +62 -0
  9. data/_data/news.yaml +230 -0
  10. data/_data/sub-nav-stacked.yml +67 -0
  11. data/_data/sub-nav.yml +61 -0
  12. data/_includes/_theme-includes/_blog/pagination.html +1 -1
  13. data/_includes/_theme-includes/_footer/footer.html +54 -23
  14. data/_includes/_theme-includes/_head/head.html +15 -7
  15. data/_includes/_theme-includes/_navigation/nav.html +62 -14
  16. data/_includes/_theme-includes/_navigation/stacked-nav.html +20 -0
  17. data/_includes/_theme-includes/_navigation/tabbed-nav.html +35 -0
  18. data/_includes/_theme-includes/_page-structure/breadcrumb.html +77 -27
  19. data/_includes/_theme-includes/_page-structure/home-hero-shape.html +34 -0
  20. data/_includes/_theme-includes/_page-structure/home-hero.html +23 -0
  21. data/_includes/_theme-includes/_page-structure/shape-divider.html +12 -0
  22. data/_includes/_theme-includes/_script-includes/css.html +40 -1
  23. data/_includes/_theme-includes/_script-includes/google-analytics/script.html +10 -0
  24. data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +2 -1
  25. data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +9 -7
  26. data/_includes/_theme-includes/_script-includes/javascript.html +50 -2
  27. data/_includes/_theme-includes/_third-party/disqus.html +1 -1
  28. data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +1 -6
  29. data/_includes/_theme-includes/members.html +3 -3
  30. data/_includes/image.html +6 -1
  31. data/_includes/media.html +9 -1
  32. data/_includes/youtube.html +7 -0
  33. data/{assets/vendor.js → _layouts/about.html} +0 -0
  34. data/_layouts/accessory-display-page.html +88 -0
  35. data/_layouts/blog-breadcrumbless.html +49 -0
  36. data/_layouts/blog.html +56 -0
  37. data/_layouts/contact.html +10 -0
  38. data/_layouts/default-empty.html +11 -0
  39. data/_layouts/default-no-sub-nav.html +15 -0
  40. data/_layouts/default-plain.html +16 -0
  41. data/_layouts/default-stacked-breadcrumb.html +23 -0
  42. data/_layouts/default-stacked.html +22 -0
  43. data/_layouts/default.html +20 -0
  44. data/_layouts/empty.html +10 -0
  45. data/_layouts/{plain-page.html → fluid-no-sub-nav.html} +2 -2
  46. data/_layouts/fluid.html +15 -0
  47. data/_layouts/home-shape.html +18 -0
  48. data/_layouts/home.html +18 -0
  49. data/_layouts/post.html +146 -0
  50. data/_layouts/product-display-page.html +262 -0
  51. data/_layouts/project-display-page.html +28 -0
  52. data/_sass/bootstrap/_variables.scss +28 -5
  53. data/{_assets/css → _sass}/core/animations.scss +0 -0
  54. data/{_assets/css → _sass}/core/blog.scss +36 -25
  55. data/{_assets/css → _sass}/core/breadcrumb.scss +20 -1
  56. data/_sass/core/carousel-styles.scss +3 -0
  57. data/{_assets/css → _sass}/core/carousel.scss +0 -0
  58. data/{_assets/css → _sass}/core/cookieconsent.scss +31 -2
  59. data/_sass/core/custom.scss +3 -0
  60. data/{_assets/css → _sass}/core/fa.scss +7 -2
  61. data/{_assets/css → _sass}/core/flipclock.scss +0 -0
  62. data/{_assets/css → _sass}/core/font-awesome.min.scss +0 -0
  63. data/{_assets/css → _sass}/core/fonts.scss +0 -0
  64. data/{_assets/css → _sass}/core/footer.scss +55 -13
  65. data/_sass/core/homepage.scss +40 -0
  66. data/{_assets/css → _sass}/core/lightbox.scss +0 -0
  67. data/{_assets/css → _sass}/core/nav.scss +136 -15
  68. data/{_assets/css → _sass}/core/openhours.scss +0 -0
  69. data/{_assets/css → _sass}/core/owl.carousel.min.scss +1 -1
  70. data/{_assets/css → _sass}/core/owl.theme.default.min.scss +0 -0
  71. data/{_assets/css → _sass}/core/products.scss +1 -1
  72. data/{_assets/css → _sass}/core/projects.scss +0 -0
  73. data/{_assets/css → _sass}/core/social-media-icons.scss +0 -0
  74. data/{_assets/css → _sass}/core/syntax.scss +0 -0
  75. data/{_assets/css → _sass}/core/tables.scss +38 -0
  76. data/_sass/core/theme.scss +538 -0
  77. data/_sass/custom.scss +0 -0
  78. data/assets/css/main-blog.scss +19 -0
  79. data/assets/css/main-home.scss +16 -0
  80. data/assets/css/main-lightbox.scss +22 -0
  81. data/assets/css/main-openhours.scss +19 -0
  82. data/assets/css/main-products.scss +20 -0
  83. data/assets/css/main-projects.scss +20 -0
  84. data/{_assets → assets}/css/main.scss +6 -0
  85. data/assets/fonts/fontawesome-webfont.eot +0 -0
  86. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  87. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  88. data/assets/fonts/fontawesome-webfont.woff +0 -0
  89. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  90. data/assets/fonts/fontello.eot +0 -0
  91. data/assets/fonts/fontello.svg +44 -0
  92. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  93. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  94. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  95. data/assets/fonts/lato-regular/LICENSE.txt +93 -0
  96. data/assets/fonts/lato-regular/Lato-regular.eot +0 -0
  97. data/assets/fonts/lato-regular/Lato-regular.svg +435 -0
  98. data/assets/fonts/lato-regular/Lato-regular.ttf +0 -0
  99. data/assets/fonts/lato-regular/Lato-regular.woff +0 -0
  100. data/assets/fonts/lato-regular/Lato-regular.woff2 +0 -0
  101. data/{_assets → assets}/images/96boards-Logo.svg +0 -0
  102. data/{_assets → assets}/images/Linaro-Logo_light.png +0 -0
  103. data/{_assets → assets}/images/Linaro-Logo_standard.svg +0 -0
  104. data/{_assets → assets}/images/Linaro-Sprinkle.svg +0 -0
  105. data/assets/images/avatar-placeholder.png +0 -0
  106. data/assets/images/background-image.jpg +0 -0
  107. data/assets/images/banner.jpg +0 -0
  108. data/assets/images/close.png +0 -0
  109. data/assets/images/css3.png +0 -0
  110. data/assets/images/favicon.ico +0 -0
  111. data/assets/images/favicon.png +0 -0
  112. data/assets/images/html5.png +0 -0
  113. data/assets/images/jekyll.svg +1 -0
  114. data/assets/images/js.jpeg +0 -0
  115. data/assets/images/loading.gif +0 -0
  116. data/assets/images/next.png +0 -0
  117. data/assets/images/owl.video.play.png +0 -0
  118. data/assets/images/placeholder.png +0 -0
  119. data/assets/images/prev.png +0 -0
  120. data/assets/images/social-media-image.png +0 -0
  121. data/assets/js/app/main.js +16 -23
  122. data/{_assets/js/app/search-page.js → assets/js/app/search.js} +1 -1
  123. data/{_assets/js/app/sticky-navbar.js → assets/js/app/sticky.js} +0 -0
  124. data/assets/js/app/tables.js +8 -0
  125. data/assets/js/vendor/cognito-forms.js +150 -0
  126. data/assets/js/vendor/cookieconsent.min.js +2 -9
  127. data/assets/js/vendor/flipclock.min.js +33 -0
  128. data/assets/js/vendor/lightbox.min.js +14 -0
  129. data/robots.txt +9 -0
  130. metadata +156 -226
  131. data/_assets/css/_bootstrap-compass.scss +0 -9
  132. data/_assets/css/_bootstrap-mincer.scss +0 -19
  133. data/_assets/css/_bootstrap-sprockets.scss +0 -9
  134. data/_assets/css/_bootstrap.scss +0 -56
  135. data/_assets/css/blog-pages.scss +0 -5
  136. data/_assets/css/bootstrap/_alerts.scss +0 -73
  137. data/_assets/css/bootstrap/_badges.scss +0 -68
  138. data/_assets/css/bootstrap/_breadcrumbs.scss +0 -28
  139. data/_assets/css/bootstrap/_button-groups.scss +0 -244
  140. data/_assets/css/bootstrap/_buttons.scss +0 -168
  141. data/_assets/css/bootstrap/_carousel.scss +0 -270
  142. data/_assets/css/bootstrap/_close.scss +0 -36
  143. data/_assets/css/bootstrap/_code.scss +0 -69
  144. data/_assets/css/bootstrap/_component-animations.scss +0 -37
  145. data/_assets/css/bootstrap/_dropdowns.scss +0 -216
  146. data/_assets/css/bootstrap/_forms.scss +0 -617
  147. data/_assets/css/bootstrap/_glyphicons.scss +0 -307
  148. data/_assets/css/bootstrap/_grid.scss +0 -84
  149. data/_assets/css/bootstrap/_input-groups.scss +0 -171
  150. data/_assets/css/bootstrap/_jumbotron.scss +0 -54
  151. data/_assets/css/bootstrap/_labels.scss +0 -66
  152. data/_assets/css/bootstrap/_list-group.scss +0 -130
  153. data/_assets/css/bootstrap/_media.scss +0 -66
  154. data/_assets/css/bootstrap/_mixins.scss +0 -40
  155. data/_assets/css/bootstrap/_modals.scss +0 -150
  156. data/_assets/css/bootstrap/_navbar.scss +0 -662
  157. data/_assets/css/bootstrap/_navs.scss +0 -242
  158. data/_assets/css/bootstrap/_normalize.scss +0 -424
  159. data/_assets/css/bootstrap/_pager.scss +0 -54
  160. data/_assets/css/bootstrap/_pagination.scss +0 -89
  161. data/_assets/css/bootstrap/_panels.scss +0 -271
  162. data/_assets/css/bootstrap/_popovers.scss +0 -131
  163. data/_assets/css/bootstrap/_print.scss +0 -101
  164. data/_assets/css/bootstrap/_progress-bars.scss +0 -87
  165. data/_assets/css/bootstrap/_responsive-embed.scss +0 -35
  166. data/_assets/css/bootstrap/_responsive-utilities.scss +0 -179
  167. data/_assets/css/bootstrap/_scaffolding.scss +0 -161
  168. data/_assets/css/bootstrap/_tables.scss +0 -234
  169. data/_assets/css/bootstrap/_theme.scss +0 -291
  170. data/_assets/css/bootstrap/_thumbnails.scss +0 -38
  171. data/_assets/css/bootstrap/_tooltip.scss +0 -101
  172. data/_assets/css/bootstrap/_type.scss +0 -298
  173. data/_assets/css/bootstrap/_utilities.scss +0 -55
  174. data/_assets/css/bootstrap/_variables.scss +0 -874
  175. data/_assets/css/bootstrap/_wells.scss +0 -29
  176. data/_assets/css/bootstrap/mixins/_alerts.scss +0 -14
  177. data/_assets/css/bootstrap/mixins/_background-variant.scss +0 -12
  178. data/_assets/css/bootstrap/mixins/_border-radius.scss +0 -18
  179. data/_assets/css/bootstrap/mixins/_buttons.scss +0 -65
  180. data/_assets/css/bootstrap/mixins/_center-block.scss +0 -7
  181. data/_assets/css/bootstrap/mixins/_clearfix.scss +0 -22
  182. data/_assets/css/bootstrap/mixins/_forms.scss +0 -88
  183. data/_assets/css/bootstrap/mixins/_gradients.scss +0 -58
  184. data/_assets/css/bootstrap/mixins/_grid-framework.scss +0 -81
  185. data/_assets/css/bootstrap/mixins/_grid.scss +0 -122
  186. data/_assets/css/bootstrap/mixins/_hide-text.scss +0 -21
  187. data/_assets/css/bootstrap/mixins/_image.scss +0 -33
  188. data/_assets/css/bootstrap/mixins/_labels.scss +0 -12
  189. data/_assets/css/bootstrap/mixins/_list-group.scss +0 -32
  190. data/_assets/css/bootstrap/mixins/_nav-divider.scss +0 -10
  191. data/_assets/css/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  192. data/_assets/css/bootstrap/mixins/_opacity.scss +0 -8
  193. data/_assets/css/bootstrap/mixins/_pagination.scss +0 -24
  194. data/_assets/css/bootstrap/mixins/_panels.scss +0 -24
  195. data/_assets/css/bootstrap/mixins/_progress-bar.scss +0 -10
  196. data/_assets/css/bootstrap/mixins/_reset-filter.scss +0 -8
  197. data/_assets/css/bootstrap/mixins/_reset-text.scss +0 -18
  198. data/_assets/css/bootstrap/mixins/_resize.scss +0 -6
  199. data/_assets/css/bootstrap/mixins/_responsive-visibility.scss +0 -21
  200. data/_assets/css/bootstrap/mixins/_size.scss +0 -10
  201. data/_assets/css/bootstrap/mixins/_tab-focus.scss +0 -9
  202. data/_assets/css/bootstrap/mixins/_table-row.scss +0 -28
  203. data/_assets/css/bootstrap/mixins/_text-emphasis.scss +0 -12
  204. data/_assets/css/bootstrap/mixins/_text-overflow.scss +0 -8
  205. data/_assets/css/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  206. data/_assets/css/core/critical.scss +0 -991
  207. data/_assets/css/core/homepage.scss +0 -16
  208. data/_assets/css/core/members-sprite.scss +0 -425
  209. data/_assets/css/core/theme.scss +0 -244
  210. data/_assets/css/documentation-pages.scss +0 -3
  211. data/_assets/css/home-page.scss +0 -3
  212. data/_assets/css/openhours-page.scss +0 -4
  213. data/_assets/css/products-pages.scss +0 -5
  214. data/_assets/css/projects-pages.scss +0 -5
  215. data/_assets/js/app/96boards.js +0 -133
  216. data/_assets/js/app/mixitup.js +0 -23
  217. data/_assets/js/app.js +0 -5
  218. data/_assets/js/vendor/bootstrap.min.js +0 -7
  219. data/_assets/js/vendor/cookieconsent.min.js +0 -15
  220. data/_assets/js/vendor/filtrify.js +0 -11
  221. data/_assets/js/vendor/flipclock.min.js +0 -2
  222. data/_assets/js/vendor/jquery.min.js +0 -4
  223. data/_assets/js/vendor/lazysizes.min.js +0 -2
  224. data/_assets/js/vendor/lightbox.js +0 -519
  225. data/_assets/js/vendor/loadCSS.js +0 -35
  226. data/_assets/js/vendor/loadCSS.min.js +0 -2
  227. data/_assets/js/vendor/mc-validate.js +0 -14
  228. data/_assets/js/vendor/owl.carousel.min.js +0 -27
  229. data/_assets/js/vendor/picturefill.min.js +0 -5
  230. data/_assets/js/vendor/shuffle.js +0 -2004
  231. data/_assets/js/vendor.js +0 -6
  232. data/_includes/_theme-includes/_footer/backup.html +0 -71
  233. data/_includes/_theme-includes/_head/ascii-art.html +0 -11
  234. data/_includes/_theme-includes/_navigation/_sub-navigation/tabbed-nav.html +0 -150
  235. data/_includes/_theme-includes/_page-structure/old-breadcrumb.html +0 -139
  236. data/_includes/_theme-includes/_third-party/mailchimp-sub-footer.html +0 -40
  237. data/_layouts/empty-container-page.html +0 -13
  238. data/_sass/animations.scss +0 -125
  239. data/_sass/blog.scss +0 -188
  240. data/_sass/breadcrumb.scss +0 -48
  241. data/_sass/carousel.scss +0 -122
  242. data/_sass/cookieconsent.scss +0 -13
  243. data/_sass/critical.scss +0 -991
  244. data/_sass/fa.scss +0 -2331
  245. data/_sass/flipclock.scss +0 -435
  246. data/_sass/font-awesome.min.scss +0 -4
  247. data/_sass/fonts.scss +0 -7
  248. data/_sass/footer.scss +0 -76
  249. data/_sass/lightbox.scss +0 -213
  250. data/_sass/members-sprite.scss +0 -425
  251. data/_sass/nav.scss +0 -533
  252. data/_sass/openhours.scss +0 -51
  253. data/_sass/owl.carousel.min.scss +0 -6
  254. data/_sass/owl.theme.default.min.scss +0 -6
  255. data/_sass/products.scss +0 -214
  256. data/_sass/projects.scss +0 -34
  257. data/_sass/social-media-icons.scss +0 -71
  258. data/_sass/syntax.scss +0 -65
  259. data/_sass/tables.scss +0 -87
  260. data/_sass/theme.scss +0 -208
  261. data/assets/js/app/mixitup.js +0 -23
  262. data/assets/js/app/search-page.js +0 -41
  263. data/assets/js/app/sticky-navbar.js +0 -65
  264. data/assets/js/vendor/lightbox.js +0 -519
  265. data/assets/js/vendor/picturefill.min.js +0 -5
  266. data/assets/js/vendor/shuffle.js +0 -2004
@@ -1,29 +0,0 @@
1
- //
2
- // Wells
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .well {
8
- min-height: 20px;
9
- padding: 19px;
10
- margin-bottom: 20px;
11
- background-color: $well-bg;
12
- border: 1px solid $well-border;
13
- border-radius: $border-radius-base;
14
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15
- blockquote {
16
- border-color: #ddd;
17
- border-color: rgba(0,0,0,.15);
18
- }
19
- }
20
-
21
- // Sizes
22
- .well-lg {
23
- padding: 24px;
24
- border-radius: $border-radius-large;
25
- }
26
- .well-sm {
27
- padding: 9px;
28
- border-radius: $border-radius-small;
29
- }
@@ -1,14 +0,0 @@
1
- // Alerts
2
-
3
- @mixin alert-variant($background, $border, $text-color) {
4
- background-color: $background;
5
- border-color: $border;
6
- color: $text-color;
7
-
8
- hr {
9
- border-top-color: darken($border, 5%);
10
- }
11
- .alert-link {
12
- color: darken($text-color, 10%);
13
- }
14
- }
@@ -1,12 +0,0 @@
1
- // Contextual backgrounds
2
-
3
- // [converter] $parent hack
4
- @mixin bg-variant($parent, $color) {
5
- #{$parent} {
6
- background-color: $color;
7
- }
8
- a#{$parent}:hover,
9
- a#{$parent}:focus {
10
- background-color: darken($color, 10%);
11
- }
12
- }
@@ -1,18 +0,0 @@
1
- // Single side border-radius
2
-
3
- @mixin border-top-radius($radius) {
4
- border-top-right-radius: $radius;
5
- border-top-left-radius: $radius;
6
- }
7
- @mixin border-right-radius($radius) {
8
- border-bottom-right-radius: $radius;
9
- border-top-right-radius: $radius;
10
- }
11
- @mixin border-bottom-radius($radius) {
12
- border-bottom-right-radius: $radius;
13
- border-bottom-left-radius: $radius;
14
- }
15
- @mixin border-left-radius($radius) {
16
- border-bottom-left-radius: $radius;
17
- border-top-left-radius: $radius;
18
- }
@@ -1,65 +0,0 @@
1
- // Button variants
2
- //
3
- // Easily pump out default styles, as well as :hover, :focus, :active,
4
- // and disabled options for all buttons
5
-
6
- @mixin button-variant($color, $background, $border) {
7
- color: $color;
8
- background-color: $background;
9
- border-color: $border;
10
-
11
- &:focus,
12
- &.focus {
13
- color: $color;
14
- background-color: darken($background, 10%);
15
- border-color: darken($border, 25%);
16
- }
17
- &:hover {
18
- color: $color;
19
- background-color: darken($background, 10%);
20
- border-color: darken($border, 12%);
21
- }
22
- &:active,
23
- &.active,
24
- .open > &.dropdown-toggle {
25
- color: $color;
26
- background-color: darken($background, 10%);
27
- border-color: darken($border, 12%);
28
-
29
- &:hover,
30
- &:focus,
31
- &.focus {
32
- color: $color;
33
- background-color: darken($background, 17%);
34
- border-color: darken($border, 25%);
35
- }
36
- }
37
- &:active,
38
- &.active,
39
- .open > &.dropdown-toggle {
40
- background-image: none;
41
- }
42
- &.disabled,
43
- &[disabled],
44
- fieldset[disabled] & {
45
- &:hover,
46
- &:focus,
47
- &.focus {
48
- background-color: $background;
49
- border-color: $border;
50
- }
51
- }
52
-
53
- .badge {
54
- color: $background;
55
- background-color: $color;
56
- }
57
- }
58
-
59
- // Button sizes
60
- @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
61
- padding: $padding-vertical $padding-horizontal;
62
- font-size: $font-size;
63
- line-height: $line-height;
64
- border-radius: $border-radius;
65
- }
@@ -1,7 +0,0 @@
1
- // Center-align a block level element
2
-
3
- @mixin center-block() {
4
- display: block;
5
- margin-left: auto;
6
- margin-right: auto;
7
- }
@@ -1,22 +0,0 @@
1
- // Clearfix
2
- //
3
- // For modern browsers
4
- // 1. The space content is one way to avoid an Opera bug when the
5
- // contenteditable attribute is included anywhere else in the document.
6
- // Otherwise it causes space to appear at the top and bottom of elements
7
- // that are clearfixed.
8
- // 2. The use of `table` rather than `block` is only necessary if using
9
- // `:before` to contain the top-margins of child elements.
10
- //
11
- // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12
-
13
- @mixin clearfix() {
14
- &:before,
15
- &:after {
16
- content: " "; // 1
17
- display: table; // 2
18
- }
19
- &:after {
20
- clear: both;
21
- }
22
- }
@@ -1,88 +0,0 @@
1
- // Form validation states
2
- //
3
- // Used in forms.less to generate the form validation CSS for warnings, errors,
4
- // and successes.
5
-
6
- @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
7
- // Color the label and help text
8
- .help-block,
9
- .control-label,
10
- .radio,
11
- .checkbox,
12
- .radio-inline,
13
- .checkbox-inline,
14
- &.radio label,
15
- &.checkbox label,
16
- &.radio-inline label,
17
- &.checkbox-inline label {
18
- color: $text-color;
19
- }
20
- // Set the border and box shadow on specific inputs to match
21
- .form-control {
22
- border-color: $border-color;
23
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
24
- &:focus {
25
- border-color: darken($border-color, 10%);
26
- $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
27
- @include box-shadow($shadow);
28
- }
29
- }
30
- // Set validation states also for addons
31
- .input-group-addon {
32
- color: $text-color;
33
- border-color: $border-color;
34
- background-color: $background-color;
35
- }
36
- // Optional feedback icon
37
- .form-control-feedback {
38
- color: $text-color;
39
- }
40
- }
41
-
42
-
43
- // Form control focus state
44
- //
45
- // Generate a customized focus state and for any input with the specified color,
46
- // which defaults to the `$input-border-focus` variable.
47
- //
48
- // We highly encourage you to not customize the default value, but instead use
49
- // this to tweak colors on an as-needed basis. This aesthetic change is based on
50
- // WebKit's default styles, but applicable to a wider range of browsers. Its
51
- // usability and accessibility should be taken into account with any change.
52
- //
53
- // Example usage: change the default blue border and shadow to white for better
54
- // contrast against a dark gray background.
55
- @mixin form-control-focus($color: $input-border-focus) {
56
- $color-rgba: rgba(red($color), green($color), blue($color), .6);
57
- &:focus {
58
- border-color: $color;
59
- outline: 0;
60
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
61
- }
62
- }
63
-
64
- // Form control sizing
65
- //
66
- // Relative text size, padding, and border-radii changes for form controls. For
67
- // horizontal sizing, wrap controls in the predefined grid classes. `<select>`
68
- // element gets special love because it's special, and that's a fact!
69
- // [converter] $parent hack
70
- @mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
71
- #{$parent} {
72
- height: $input-height;
73
- padding: $padding-vertical $padding-horizontal;
74
- font-size: $font-size;
75
- line-height: $line-height;
76
- border-radius: $border-radius;
77
- }
78
-
79
- select#{$parent} {
80
- height: $input-height;
81
- line-height: $input-height;
82
- }
83
-
84
- textarea#{$parent},
85
- select[multiple]#{$parent} {
86
- height: auto;
87
- }
88
- }
@@ -1,58 +0,0 @@
1
- // Gradients
2
-
3
-
4
-
5
- // Horizontal gradient, from left to right
6
- //
7
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
8
- // Color stops are not available in IE9 and below.
9
- @mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
10
- background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
11
- background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
12
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13
- background-repeat: repeat-x;
14
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
15
- }
16
-
17
- // Vertical gradient, from top to bottom
18
- //
19
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
20
- // Color stops are not available in IE9 and below.
21
- @mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
22
- background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
23
- background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
24
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25
- background-repeat: repeat-x;
26
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
27
- }
28
-
29
- @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
30
- background-repeat: repeat-x;
31
- background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
32
- background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
33
- background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
34
- }
35
- @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
36
- background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
37
- background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
38
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
39
- background-repeat: no-repeat;
40
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
41
- }
42
- @mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
43
- background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
44
- background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
45
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
46
- background-repeat: no-repeat;
47
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
48
- }
49
- @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
50
- background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
51
- background-image: radial-gradient(circle, $inner-color, $outer-color);
52
- background-repeat: no-repeat;
53
- }
54
- @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
55
- background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
56
- background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
57
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
58
- }
@@ -1,81 +0,0 @@
1
- // Framework grid generation
2
- //
3
- // Used only by Bootstrap to generate the correct number of grid classes given
4
- // any value of `$grid-columns`.
5
-
6
- // [converter] This is defined recursively in LESS, but Sass supports real loops
7
- @mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
8
- @for $i from (1 + 1) through $grid-columns {
9
- $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
10
- }
11
- #{$list} {
12
- position: relative;
13
- // Prevent columns from collapsing when empty
14
- min-height: 1px;
15
- // Inner gutter via padding
16
- padding-left: ceil(($grid-gutter-width / 2));
17
- padding-right: floor(($grid-gutter-width / 2));
18
- }
19
- }
20
-
21
-
22
- // [converter] This is defined recursively in LESS, but Sass supports real loops
23
- @mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
24
- @for $i from (1 + 1) through $grid-columns {
25
- $list: "#{$list}, .col-#{$class}-#{$i}";
26
- }
27
- #{$list} {
28
- float: left;
29
- }
30
- }
31
-
32
-
33
- @mixin calc-grid-column($index, $class, $type) {
34
- @if ($type == width) and ($index > 0) {
35
- .col-#{$class}-#{$index} {
36
- width: percentage(($index / $grid-columns));
37
- }
38
- }
39
- @if ($type == push) and ($index > 0) {
40
- .col-#{$class}-push-#{$index} {
41
- left: percentage(($index / $grid-columns));
42
- }
43
- }
44
- @if ($type == push) and ($index == 0) {
45
- .col-#{$class}-push-0 {
46
- left: auto;
47
- }
48
- }
49
- @if ($type == pull) and ($index > 0) {
50
- .col-#{$class}-pull-#{$index} {
51
- right: percentage(($index / $grid-columns));
52
- }
53
- }
54
- @if ($type == pull) and ($index == 0) {
55
- .col-#{$class}-pull-0 {
56
- right: auto;
57
- }
58
- }
59
- @if ($type == offset) {
60
- .col-#{$class}-offset-#{$index} {
61
- margin-left: percentage(($index / $grid-columns));
62
- }
63
- }
64
- }
65
-
66
- // [converter] This is defined recursively in LESS, but Sass supports real loops
67
- @mixin loop-grid-columns($columns, $class, $type) {
68
- @for $i from 0 through $columns {
69
- @include calc-grid-column($i, $class, $type);
70
- }
71
- }
72
-
73
-
74
- // Create grid for specific class
75
- @mixin make-grid($class) {
76
- @include float-grid-columns($class);
77
- @include loop-grid-columns($grid-columns, $class, width);
78
- @include loop-grid-columns($grid-columns, $class, pull);
79
- @include loop-grid-columns($grid-columns, $class, push);
80
- @include loop-grid-columns($grid-columns, $class, offset);
81
- }
@@ -1,122 +0,0 @@
1
- // Grid system
2
- //
3
- // Generate semantic grid columns with these mixins.
4
-
5
- // Centered container element
6
- @mixin container-fixed($gutter: $grid-gutter-width) {
7
- margin-right: auto;
8
- margin-left: auto;
9
- padding-left: floor(($gutter / 2));
10
- padding-right: ceil(($gutter / 2));
11
- @include clearfix;
12
- }
13
-
14
- // Creates a wrapper for a series of columns
15
- @mixin make-row($gutter: $grid-gutter-width) {
16
- margin-left: ceil(($gutter / -2));
17
- margin-right: floor(($gutter / -2));
18
- @include clearfix;
19
- }
20
-
21
- // Generate the extra small columns
22
- @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
23
- position: relative;
24
- float: left;
25
- width: percentage(($columns / $grid-columns));
26
- min-height: 1px;
27
- padding-left: ($gutter / 2);
28
- padding-right: ($gutter / 2);
29
- }
30
- @mixin make-xs-column-offset($columns) {
31
- margin-left: percentage(($columns / $grid-columns));
32
- }
33
- @mixin make-xs-column-push($columns) {
34
- left: percentage(($columns / $grid-columns));
35
- }
36
- @mixin make-xs-column-pull($columns) {
37
- right: percentage(($columns / $grid-columns));
38
- }
39
-
40
- // Generate the small columns
41
- @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
42
- position: relative;
43
- min-height: 1px;
44
- padding-left: ($gutter / 2);
45
- padding-right: ($gutter / 2);
46
-
47
- @media (min-width: $screen-sm-min) {
48
- float: left;
49
- width: percentage(($columns / $grid-columns));
50
- }
51
- }
52
- @mixin make-sm-column-offset($columns) {
53
- @media (min-width: $screen-sm-min) {
54
- margin-left: percentage(($columns / $grid-columns));
55
- }
56
- }
57
- @mixin make-sm-column-push($columns) {
58
- @media (min-width: $screen-sm-min) {
59
- left: percentage(($columns / $grid-columns));
60
- }
61
- }
62
- @mixin make-sm-column-pull($columns) {
63
- @media (min-width: $screen-sm-min) {
64
- right: percentage(($columns / $grid-columns));
65
- }
66
- }
67
-
68
- // Generate the medium columns
69
- @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
70
- position: relative;
71
- min-height: 1px;
72
- padding-left: ($gutter / 2);
73
- padding-right: ($gutter / 2);
74
-
75
- @media (min-width: $screen-md-min) {
76
- float: left;
77
- width: percentage(($columns / $grid-columns));
78
- }
79
- }
80
- @mixin make-md-column-offset($columns) {
81
- @media (min-width: $screen-md-min) {
82
- margin-left: percentage(($columns / $grid-columns));
83
- }
84
- }
85
- @mixin make-md-column-push($columns) {
86
- @media (min-width: $screen-md-min) {
87
- left: percentage(($columns / $grid-columns));
88
- }
89
- }
90
- @mixin make-md-column-pull($columns) {
91
- @media (min-width: $screen-md-min) {
92
- right: percentage(($columns / $grid-columns));
93
- }
94
- }
95
-
96
- // Generate the large columns
97
- @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
98
- position: relative;
99
- min-height: 1px;
100
- padding-left: ($gutter / 2);
101
- padding-right: ($gutter / 2);
102
-
103
- @media (min-width: $screen-lg-min) {
104
- float: left;
105
- width: percentage(($columns / $grid-columns));
106
- }
107
- }
108
- @mixin make-lg-column-offset($columns) {
109
- @media (min-width: $screen-lg-min) {
110
- margin-left: percentage(($columns / $grid-columns));
111
- }
112
- }
113
- @mixin make-lg-column-push($columns) {
114
- @media (min-width: $screen-lg-min) {
115
- left: percentage(($columns / $grid-columns));
116
- }
117
- }
118
- @mixin make-lg-column-pull($columns) {
119
- @media (min-width: $screen-lg-min) {
120
- right: percentage(($columns / $grid-columns));
121
- }
122
- }
@@ -1,21 +0,0 @@
1
- // CSS image replacement
2
- //
3
- // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4
- // mixins being reused as classes with the same name, this doesn't hold up. As
5
- // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6
- //
7
- // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8
-
9
- // Deprecated as of v3.0.1 (has been removed in v4)
10
- @mixin hide-text() {
11
- font: 0/0 a;
12
- color: transparent;
13
- text-shadow: none;
14
- background-color: transparent;
15
- border: 0;
16
- }
17
-
18
- // New mixin to use as of v3.0.1
19
- @mixin text-hide() {
20
- @include hide-text;
21
- }
@@ -1,33 +0,0 @@
1
- // Image Mixins
2
- // - Responsive image
3
- // - Retina image
4
-
5
-
6
- // Responsive image
7
- //
8
- // Keep images from scaling beyond the width of their parents.
9
- @mixin img-responsive($display: block) {
10
- display: $display;
11
- max-width: 100%; // Part 1: Set a maximum relative to the parent
12
- height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13
- }
14
-
15
-
16
- // Retina image
17
- //
18
- // Short retina mixin for setting background-image and -size. Note that the
19
- // spelling of `min--moz-device-pixel-ratio` is intentional.
20
- @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
21
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
22
-
23
- @media
24
- only screen and (-webkit-min-device-pixel-ratio: 2),
25
- only screen and ( min--moz-device-pixel-ratio: 2),
26
- only screen and ( -o-min-device-pixel-ratio: 2/1),
27
- only screen and ( min-device-pixel-ratio: 2),
28
- only screen and ( min-resolution: 192dpi),
29
- only screen and ( min-resolution: 2dppx) {
30
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
31
- background-size: $width-1x $height-1x;
32
- }
33
- }
@@ -1,12 +0,0 @@
1
- // Labels
2
-
3
- @mixin label-variant($color) {
4
- background-color: $color;
5
-
6
- &[href] {
7
- &:hover,
8
- &:focus {
9
- background-color: darken($color, 10%);
10
- }
11
- }
12
- }
@@ -1,32 +0,0 @@
1
- // List Groups
2
-
3
- @mixin list-group-item-variant($state, $background, $color) {
4
- .list-group-item-#{$state} {
5
- color: $color;
6
- background-color: $background;
7
-
8
- // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
9
- }
10
-
11
- a.list-group-item-#{$state},
12
- button.list-group-item-#{$state} {
13
- color: $color;
14
-
15
- .list-group-item-heading {
16
- color: inherit;
17
- }
18
-
19
- &:hover,
20
- &:focus {
21
- color: $color;
22
- background-color: darken($background, 5%);
23
- }
24
- &.active,
25
- &.active:hover,
26
- &.active:focus {
27
- color: #fff;
28
- background-color: $color;
29
- border-color: $color;
30
- }
31
- }
32
- }
@@ -1,10 +0,0 @@
1
- // Horizontal dividers
2
- //
3
- // Dividers (basically an hr) within dropdowns and nav lists
4
-
5
- @mixin nav-divider($color: #e5e5e5) {
6
- height: 1px;
7
- margin: (($line-height-computed / 2) - 1) 0;
8
- overflow: hidden;
9
- background-color: $color;
10
- }
@@ -1,9 +0,0 @@
1
- // Navbar vertical align
2
- //
3
- // Vertically center elements in the navbar.
4
- // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5
-
6
- @mixin navbar-vertical-align($element-height) {
7
- margin-top: (($navbar-height - $element-height) / 2);
8
- margin-bottom: (($navbar-height - $element-height) / 2);
9
- }
@@ -1,8 +0,0 @@
1
- // Opacity
2
-
3
- @mixin opacity($opacity) {
4
- opacity: $opacity;
5
- // IE8 filter
6
- $opacity-ie: ($opacity * 100);
7
- filter: alpha(opacity=$opacity-ie);
8
- }
@@ -1,24 +0,0 @@
1
- // Pagination
2
-
3
- @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
4
- > li {
5
- > a,
6
- > span {
7
- padding: $padding-vertical $padding-horizontal;
8
- font-size: $font-size;
9
- line-height: $line-height;
10
- }
11
- &:first-child {
12
- > a,
13
- > span {
14
- @include border-left-radius($border-radius);
15
- }
16
- }
17
- &:last-child {
18
- > a,
19
- > span {
20
- @include border-right-radius($border-radius);
21
- }
22
- }
23
- }
24
- }