mui-sass 0.1.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +12 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +11 -0
  5. data/CHANGELOG.md +5 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +119 -0
  9. data/Rakefile +1 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +7 -0
  12. data/lib/mui-sass.rb +60 -0
  13. data/lib/mui/sass/engine.rb +13 -0
  14. data/lib/mui/sass/version.rb +5 -0
  15. data/mui-sass.gemspec +29 -0
  16. data/templates/project/manifest.rb +2 -0
  17. data/templates/project/styles.sass +1 -0
  18. data/vendor/assets/javascripts/mui.js +1593 -0
  19. data/vendor/assets/stylesheets/_mui.scss +27 -0
  20. data/vendor/assets/stylesheets/bootstrap-3.3.1/.bower.json +59 -0
  21. data/vendor/assets/stylesheets/bootstrap-3.3.1/LICENSE +21 -0
  22. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  23. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  24. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  25. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  26. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  27. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  28. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  29. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  30. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  31. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  32. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  33. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  34. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  35. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  36. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  37. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  38. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  39. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  40. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  41. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  42. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  43. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  44. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  45. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  46. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  47. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  48. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  49. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  50. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  51. data/vendor/assets/stylesheets/mui/_appbar.scss +72 -0
  52. data/vendor/assets/stylesheets/mui/_buttons.scss +201 -0
  53. data/vendor/assets/stylesheets/mui/_colors.scss +348 -0
  54. data/vendor/assets/stylesheets/mui/_dividers.scss +25 -0
  55. data/vendor/assets/stylesheets/mui/_dropdowns.scss +90 -0
  56. data/vendor/assets/stylesheets/mui/_forms.scss +467 -0
  57. data/vendor/assets/stylesheets/mui/_grid.scss +29 -0
  58. data/vendor/assets/stylesheets/mui/_helpers.scss +284 -0
  59. data/vendor/assets/stylesheets/mui/_layout.scss +21 -0
  60. data/vendor/assets/stylesheets/mui/_mixins.scss +17 -0
  61. data/vendor/assets/stylesheets/mui/_overlay.scss +19 -0
  62. data/vendor/assets/stylesheets/mui/_panel.scss +14 -0
  63. data/vendor/assets/stylesheets/mui/_ripple.scss +55 -0
  64. data/vendor/assets/stylesheets/mui/_scaffolding.scss +110 -0
  65. data/vendor/assets/stylesheets/mui/_semantic-markup.scss +45 -0
  66. data/vendor/assets/stylesheets/mui/_tables.scss +44 -0
  67. data/vendor/assets/stylesheets/mui/_tabs.scss +75 -0
  68. data/vendor/assets/stylesheets/mui/_typography.scss +51 -0
  69. data/vendor/assets/stylesheets/mui/_variables.scss +256 -0
  70. data/vendor/assets/stylesheets/mui/mixins/_buttons.scss +58 -0
  71. data/vendor/assets/stylesheets/mui/mixins/_grid-framework.scss +61 -0
  72. data/vendor/assets/stylesheets/mui/mixins/_typography.scss +132 -0
  73. data/vendor/assets/stylesheets/mui/mixins/_util.scss +4 -0
  74. data/vendor/assets/stylesheets/mui/normalize-3.0.2.scss +427 -0
  75. metadata +173 -0
@@ -0,0 +1,27 @@
1
+ // Normalizer
2
+ @import "mui/normalize-3.0.2";
3
+
4
+ // Core variables and mixins
5
+ @import
6
+ "mui/colors",
7
+ "mui/variables",
8
+ "mui/mixins";
9
+
10
+ // Core css
11
+ @import
12
+ "mui/scaffolding",
13
+ "mui/layout",
14
+ "mui/grid",
15
+ "mui/typography",
16
+ "mui/panel",
17
+ "mui/buttons",
18
+ "mui/ripple",
19
+ "mui/appbar",
20
+ "mui/semantic-markup",
21
+ "mui/dividers",
22
+ "mui/forms",
23
+ "mui/tables",
24
+ "mui/dropdowns",
25
+ "mui/tabs",
26
+ "mui/overlay",
27
+ "mui/helpers";
@@ -0,0 +1,59 @@
1
+ {
2
+ "name": "bootstrap-sass",
3
+ "version": "3.3.1",
4
+ "homepage": "https://github.com/twbs/bootstrap-sass",
5
+ "authors": [
6
+ "Thomas McDonald",
7
+ "Tristan Harward",
8
+ "Peter Gumeson",
9
+ "Gleb Mazovetskiy"
10
+ ],
11
+ "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.",
12
+ "main": [
13
+ "assets/stylesheets/_bootstrap.scss",
14
+ "assets/fonts/bootstrap/glyphicons-halflings-regular.eot",
15
+ "assets/fonts/bootstrap/glyphicons-halflings-regular.svg",
16
+ "assets/fonts/bootstrap/glyphicons-halflings-regular.ttf",
17
+ "assets/fonts/bootstrap/glyphicons-halflings-regular.woff",
18
+ "assets/javascripts/bootstrap/affix.js",
19
+ "assets/javascripts/bootstrap/alert.js",
20
+ "assets/javascripts/bootstrap/button.js",
21
+ "assets/javascripts/bootstrap/carousel.js",
22
+ "assets/javascripts/bootstrap/collapse.js",
23
+ "assets/javascripts/bootstrap/dropdown.js",
24
+ "assets/javascripts/bootstrap/tab.js",
25
+ "assets/javascripts/bootstrap/transition.js",
26
+ "assets/javascripts/bootstrap/scrollspy.js",
27
+ "assets/javascripts/bootstrap/modal.js",
28
+ "assets/javascripts/bootstrap/tooltip.js",
29
+ "assets/javascripts/bootstrap/popover.js"
30
+ ],
31
+ "keywords": [
32
+ "twbs",
33
+ "bootstrap",
34
+ "sass"
35
+ ],
36
+ "license": "MIT",
37
+ "ignore": [
38
+ "**/.*",
39
+ "lib",
40
+ "tasks",
41
+ "templates",
42
+ "test",
43
+ "*.gemspec",
44
+ "Rakefile",
45
+ "Gemfile"
46
+ ],
47
+ "dependencies": {
48
+ "jquery": ">= 1.9.0"
49
+ },
50
+ "_release": "3.3.1",
51
+ "_resolution": {
52
+ "type": "version",
53
+ "tag": "v3.3.1",
54
+ "commit": "cdad0d4b5d17e6bc84863b2907b82d45e856be22"
55
+ },
56
+ "_source": "git://github.com/twbs/bootstrap-sass.git",
57
+ "_target": "3.3.1",
58
+ "_originalSource": "bootstrap-sass-official"
59
+ }
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2013 Twitter, Inc
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -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,11 @@
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
+ background-color: darken($color, 10%);
10
+ }
11
+ }
@@ -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,52 @@
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
+ &:hover,
12
+ &:focus,
13
+ &.focus,
14
+ &:active,
15
+ &.active,
16
+ .open > &.dropdown-toggle {
17
+ color: $color;
18
+ background-color: darken($background, 10%);
19
+ border-color: darken($border, 12%);
20
+ }
21
+ &:active,
22
+ &.active,
23
+ .open > &.dropdown-toggle {
24
+ background-image: none;
25
+ }
26
+ &.disabled,
27
+ &[disabled],
28
+ fieldset[disabled] & {
29
+ &,
30
+ &:hover,
31
+ &:focus,
32
+ &.focus,
33
+ &:active,
34
+ &.active {
35
+ background-color: $background;
36
+ border-color: $border;
37
+ }
38
+ }
39
+
40
+ .badge {
41
+ color: $background;
42
+ background-color: $color;
43
+ }
44
+ }
45
+
46
+ // Button sizes
47
+ @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
48
+ padding: $padding-vertical $padding-horizontal;
49
+ font-size: $font-size;
50
+ line-height: $line-height;
51
+ border-radius: $border-radius;
52
+ }
@@ -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: ($grid-gutter-width / 2);
17
+ padding-right: ($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
+ }