jumbo-jekyll-theme 2.2.1.1 → 2.2.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (243) hide show
  1. checksums.yaml +4 -4
  2. data/_data/authors.yml +7 -0
  3. data/_data/footer.yml +55 -0
  4. data/_data/nav.yml +77 -0
  5. data/_data/news.yaml +230 -0
  6. data/_data/settings.yml +148 -0
  7. data/_data/sidebar-nav.yml +23 -0
  8. data/_data/sticky-tab-bar.yml +29 -0
  9. data/_includes/author-pagination.html +36 -0
  10. data/_includes/authors-posts.html +49 -0
  11. data/_includes/breadcrumb.html +97 -0
  12. data/_includes/css.html +9 -0
  13. data/_includes/custom.html +1 -0
  14. data/_includes/display-blog-posts.html +67 -0
  15. data/_includes/disqus-comments.html +14 -0
  16. data/_includes/footer.html +70 -0
  17. data/_includes/github-edit.html +73 -0
  18. data/_includes/google-analytics-script.html +9 -0
  19. data/_includes/gtm-noscript.html +5 -0
  20. data/_includes/gtm-script.html +7 -0
  21. data/_includes/head.html +44 -0
  22. data/_includes/hero-banner.html +21 -0
  23. data/_includes/image.html +6 -0
  24. data/_includes/javascript.html +9 -0
  25. data/_includes/jumbotron.html +87 -0
  26. data/_includes/linaro-404.html +13 -0
  27. data/_includes/linaro-svg.html +1 -0
  28. data/_includes/media.html +11 -0
  29. data/_includes/members.html +63 -0
  30. data/_includes/nav.html +132 -0
  31. data/_includes/newsletter-script.html +30 -0
  32. data/_includes/owl-carousel-homepage.html +103 -0
  33. data/_includes/pagination-authors.html +36 -0
  34. data/_includes/pagination-news.html +36 -0
  35. data/_includes/pagination.html +36 -0
  36. data/_includes/post-comments.html +9 -0
  37. data/_includes/post-sidebar.html +74 -0
  38. data/_includes/post-tags.html +9 -0
  39. data/_includes/schema.html +50 -0
  40. data/_includes/shape-divider.html +12 -0
  41. data/_includes/shape.html +52 -0
  42. data/_includes/sidebar.html +55 -0
  43. data/_includes/sticky-tab-bar.html +63 -0
  44. data/_includes/thumbnail_image.html +10 -0
  45. data/_includes/universal-nav.html +28 -0
  46. data/_includes/youtube.html +7 -0
  47. data/_layouts/author-layout.html +13 -0
  48. data/_layouts/author.html +7 -0
  49. data/_layouts/container-breadcrumb-left-sidebar.html +10 -0
  50. data/_layouts/container-breadcrumb-right-sidebar.html +9 -0
  51. data/_layouts/container-breadcrumb-tabs.html +7 -0
  52. data/_layouts/container-breadcrumb.html +6 -0
  53. data/_layouts/container-left-sidebar.html +9 -0
  54. data/_layouts/container-right-sidebar.html +9 -0
  55. data/_layouts/container.html +9 -0
  56. data/_layouts/default.html +29 -0
  57. data/_layouts/full-width-breadcrumb.html +10 -0
  58. data/_layouts/full-width.html +9 -0
  59. data/_layouts/home.html +21 -0
  60. data/_layouts/post-index.html +19 -0
  61. data/_layouts/post-no-sidebar.html +0 -0
  62. data/_layouts/post-old.html +70 -0
  63. data/_layouts/post.html +240 -0
  64. data/_sass/_bootstrap-compass.scss +9 -0
  65. data/_sass/_bootstrap-mincer.scss +19 -0
  66. data/_sass/_bootstrap-sprockets.scss +9 -0
  67. data/_sass/_bootstrap.scss +56 -0
  68. data/_sass/app/blog.scss +58 -0
  69. data/_sass/app/contact.scss +3 -0
  70. data/_sass/app/custom.scss +1 -0
  71. data/_sass/app/fly.scss +10 -0
  72. data/_sass/app/home.scss +18 -0
  73. data/_sass/app/overrides.scss +36 -0
  74. data/_sass/app/search.scss +1 -0
  75. data/_sass/blog.scss +9 -0
  76. data/_sass/bootstrap/_alerts.scss +73 -0
  77. data/_sass/bootstrap/_badges.scss +68 -0
  78. data/_sass/bootstrap/_breadcrumbs.scss +28 -0
  79. data/_sass/bootstrap/_button-groups.scss +244 -0
  80. data/_sass/bootstrap/_buttons.scss +168 -0
  81. data/_sass/bootstrap/_carousel.scss +270 -0
  82. data/_sass/bootstrap/_close.scss +36 -0
  83. data/_sass/bootstrap/_code.scss +69 -0
  84. data/_sass/bootstrap/_component-animations.scss +37 -0
  85. data/_sass/bootstrap/_dropdowns.scss +216 -0
  86. data/_sass/bootstrap/_forms.scss +617 -0
  87. data/_sass/bootstrap/_glyphicons.scss +307 -0
  88. data/_sass/bootstrap/_grid.scss +84 -0
  89. data/_sass/bootstrap/_input-groups.scss +171 -0
  90. data/_sass/bootstrap/_jumbotron.scss +54 -0
  91. data/_sass/bootstrap/_labels.scss +66 -0
  92. data/_sass/bootstrap/_list-group.scss +130 -0
  93. data/_sass/bootstrap/_media.scss +66 -0
  94. data/_sass/bootstrap/_mixins.scss +40 -0
  95. data/_sass/bootstrap/_modals.scss +150 -0
  96. data/_sass/bootstrap/_navbar.scss +662 -0
  97. data/_sass/bootstrap/_navs.scss +242 -0
  98. data/_sass/bootstrap/_normalize.scss +424 -0
  99. data/_sass/bootstrap/_pager.scss +54 -0
  100. data/_sass/bootstrap/_pagination.scss +89 -0
  101. data/_sass/bootstrap/_panels.scss +271 -0
  102. data/_sass/bootstrap/_popovers.scss +131 -0
  103. data/_sass/bootstrap/_print.scss +101 -0
  104. data/_sass/bootstrap/_progress-bars.scss +87 -0
  105. data/_sass/bootstrap/_responsive-embed.scss +35 -0
  106. data/_sass/bootstrap/_responsive-utilities.scss +179 -0
  107. data/_sass/bootstrap/_scaffolding.scss +161 -0
  108. data/_sass/bootstrap/_tables.scss +234 -0
  109. data/_sass/bootstrap/_theme.scss +291 -0
  110. data/_sass/bootstrap/_thumbnails.scss +38 -0
  111. data/_sass/bootstrap/_tooltip.scss +101 -0
  112. data/_sass/bootstrap/_type.scss +298 -0
  113. data/_sass/bootstrap/_utilities.scss +55 -0
  114. data/_sass/bootstrap/_variables.scss +922 -0
  115. data/_sass/bootstrap/_wells.scss +29 -0
  116. data/_sass/bootstrap/mixins/_alerts.scss +14 -0
  117. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  118. data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
  119. data/_sass/bootstrap/mixins/_buttons.scss +65 -0
  120. data/_sass/bootstrap/mixins/_center-block.scss +7 -0
  121. data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
  122. data/_sass/bootstrap/mixins/_forms.scss +88 -0
  123. data/_sass/bootstrap/mixins/_gradients.scss +58 -0
  124. data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
  125. data/_sass/bootstrap/mixins/_grid.scss +122 -0
  126. data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
  127. data/_sass/bootstrap/mixins/_image.scss +33 -0
  128. data/_sass/bootstrap/mixins/_labels.scss +12 -0
  129. data/_sass/bootstrap/mixins/_list-group.scss +32 -0
  130. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  131. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  132. data/_sass/bootstrap/mixins/_opacity.scss +8 -0
  133. data/_sass/bootstrap/mixins/_pagination.scss +24 -0
  134. data/_sass/bootstrap/mixins/_panels.scss +24 -0
  135. data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
  136. data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
  137. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  138. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  139. data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
  140. data/_sass/bootstrap/mixins/_size.scss +10 -0
  141. data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
  142. data/_sass/bootstrap/mixins/_table-row.scss +28 -0
  143. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  144. data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
  145. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  146. data/_sass/core.scss +12 -0
  147. data/_sass/core/404.scss +189 -0
  148. data/_sass/core/animations.scss +125 -0
  149. data/_sass/core/blog.scss +441 -0
  150. data/_sass/core/breadcrumb.scss +97 -0
  151. data/_sass/core/carousel-styles.scss +3 -0
  152. data/_sass/core/carousel.scss +318 -0
  153. data/_sass/core/cookieconsent.scss +42 -0
  154. data/_sass/core/critical.scss +0 -0
  155. data/_sass/core/custom.scss +3 -0
  156. data/_sass/core/fa.scss +2336 -0
  157. data/_sass/core/flipclock.scss +434 -0
  158. data/_sass/core/font-awesome.min.scss +4 -0
  159. data/_sass/core/fonts.scss +3 -0
  160. data/_sass/core/footer.scss +169 -0
  161. data/_sass/core/forms.scss +3 -0
  162. data/_sass/core/homepage.scss +106 -0
  163. data/_sass/core/jumbotron.scss +51 -0
  164. data/_sass/core/lightbox.scss +212 -0
  165. data/_sass/core/nav.scss +1004 -0
  166. data/_sass/core/owl.carousel.min.scss +6 -0
  167. data/_sass/core/owl.theme.default.min.scss +6 -0
  168. data/_sass/core/social-media-icons.scss +67 -0
  169. data/_sass/core/syntax.scss +65 -0
  170. data/_sass/core/tables.scss +145 -0
  171. data/_sass/core/theme.scss +630 -0
  172. data/_sass/core/twitter-feed.scss +414 -0
  173. data/_sass/core/universal-nav.scss +154 -0
  174. data/_sass/core/youtube.scss +65 -0
  175. data/_sass/home.scss +6 -0
  176. data/assets/css/main-404.scss +18 -0
  177. data/assets/css/main-blog.scss +19 -0
  178. data/assets/css/main-contact.scss +23 -0
  179. data/assets/css/main-home.scss +22 -0
  180. data/assets/css/main-lightbox.scss +29 -0
  181. data/assets/css/main-search.scss +13 -0
  182. data/assets/css/main.scss +12 -0
  183. data/assets/fonts/fontawesome-webfont.eot +0 -0
  184. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  185. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  186. data/assets/fonts/fontawesome-webfont.woff +0 -0
  187. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  188. data/assets/fonts/fontello.eot +0 -0
  189. data/assets/fonts/fontello.svg +44 -0
  190. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  191. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  192. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  193. data/assets/fonts/lato-regular/LICENSE.txt +93 -0
  194. data/assets/fonts/lato-regular/Lato-regular.eot +0 -0
  195. data/assets/fonts/lato-regular/Lato-regular.svg +435 -0
  196. data/assets/fonts/lato-regular/Lato-regular.ttf +0 -0
  197. data/assets/fonts/lato-regular/Lato-regular.woff +0 -0
  198. data/assets/fonts/lato-regular/Lato-regular.woff2 +0 -0
  199. data/assets/images/Linaro-Logo.svg +1 -0
  200. data/assets/images/Linaro-Logo_light.png +0 -0
  201. data/assets/images/Linaro-Logo_standard.svg +1 -0
  202. data/assets/images/Linaro-Sprinkle.png +0 -0
  203. data/assets/images/avatar-placeholder.png +0 -0
  204. data/assets/images/background-image.jpg +0 -0
  205. data/assets/images/banner.jpg +0 -0
  206. data/assets/images/breadcrumb-image.jpg +0 -0
  207. data/assets/images/close.png +0 -0
  208. data/assets/images/favicon.ico +0 -0
  209. data/assets/images/favicon.png +0 -0
  210. data/assets/images/loading.gif +0 -0
  211. data/assets/images/next.png +0 -0
  212. data/assets/images/owl.video.play.png +0 -0
  213. data/assets/images/placeholder.png +0 -0
  214. data/assets/images/prev.png +0 -0
  215. data/assets/images/social-media-image.png +0 -0
  216. data/assets/js/app/custom.js +0 -0
  217. data/assets/js/app/facebook.js +8 -0
  218. data/assets/js/app/fly.js +45 -0
  219. data/assets/js/app/home.js +46 -0
  220. data/assets/js/app/main.js +143 -0
  221. data/assets/js/app/scroll-to-anchors.js +10 -0
  222. data/assets/js/app/sticky-tab-bar.js +72 -0
  223. data/assets/js/app/tables.js +35 -0
  224. data/assets/js/package-blog.js +10 -0
  225. data/assets/js/package-extended.js +14 -0
  226. data/assets/js/package-home.js +12 -0
  227. data/assets/js/package-main.js +10 -0
  228. data/assets/js/package-search.js +8 -0
  229. data/assets/js/vendor/bootstrap.js +2377 -0
  230. data/assets/js/vendor/cognito.js +11 -0
  231. data/assets/js/vendor/cookieconsent.js +1504 -0
  232. data/assets/js/vendor/jquery.js +10364 -0
  233. data/assets/js/vendor/jquery.rss.js +333 -0
  234. data/assets/js/vendor/jquery.validate.js +1601 -0
  235. data/assets/js/vendor/lazysizes.js +698 -0
  236. data/assets/js/vendor/lightbox.js +523 -0
  237. data/assets/js/vendor/loadCSS.js +35 -0
  238. data/assets/js/vendor/ls.unveilhooks.js +145 -0
  239. data/assets/js/vendor/mc.js +255 -0
  240. data/assets/js/vendor/owl.carousel.js +3475 -0
  241. data/assets/js/vendor/picturefill.js +1471 -0
  242. data/assets/js/vendor/shuffle.js +2004 -0
  243. metadata +242 -1
@@ -0,0 +1,29 @@
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
+ }
@@ -0,0 +1,14 @@
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
+ }
@@ -0,0 +1,12 @@
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
+ }
@@ -0,0 +1,18 @@
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
+ }
@@ -0,0 +1,65 @@
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
+ }
@@ -0,0 +1,7 @@
1
+ // Center-align a block level element
2
+
3
+ @mixin center-block() {
4
+ display: block;
5
+ margin-left: auto;
6
+ margin-right: auto;
7
+ }
@@ -0,0 +1,22 @@
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
+ }
@@ -0,0 +1,88 @@
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
+ }
@@ -0,0 +1,58 @@
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
+ }
@@ -0,0 +1,81 @@
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
+ }
@@ -0,0 +1,122 @@
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
+ }