mui-sass 0.1.23 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +6 -0
  3. data/lib/mui/sass/version.rb +1 -1
  4. data/vendor/assets/javascripts/mui.js +116 -119
  5. data/vendor/assets/stylesheets/mui/_appbar.scss +5 -5
  6. data/vendor/assets/stylesheets/mui/_buttons.scss +16 -23
  7. data/vendor/assets/stylesheets/mui/_colors.scss +0 -8
  8. data/vendor/assets/stylesheets/mui/_dividers.scss +4 -4
  9. data/vendor/assets/stylesheets/mui/_dropdowns.scss +5 -6
  10. data/vendor/assets/stylesheets/mui/_forms.scss +99 -113
  11. data/vendor/assets/stylesheets/mui/_grid.scss +9 -6
  12. data/vendor/assets/stylesheets/mui/_helpers.scss +117 -61
  13. data/vendor/assets/stylesheets/mui/_layout.scss +3 -4
  14. data/vendor/assets/stylesheets/mui/_mixins.scss +0 -13
  15. data/vendor/assets/stylesheets/mui/_overlay.scss +0 -5
  16. data/vendor/assets/stylesheets/mui/_panel.scss +1 -1
  17. data/vendor/assets/stylesheets/mui/_ripple.scss +5 -11
  18. data/vendor/assets/stylesheets/mui/_scaffolding.scss +1 -1
  19. data/vendor/assets/stylesheets/mui/_semantic-markup.scss +5 -5
  20. data/vendor/assets/stylesheets/mui/_tables.scss +1 -2
  21. data/vendor/assets/stylesheets/mui/_tabs.scss +8 -10
  22. data/vendor/assets/stylesheets/mui/_typography.scss +12 -12
  23. data/vendor/assets/stylesheets/mui/_variables.scss +0 -3
  24. data/vendor/assets/stylesheets/mui/mixins/_buttons.scss +1 -2
  25. data/vendor/assets/stylesheets/mui/mixins/_grid-framework.scss +45 -28
  26. data/vendor/assets/stylesheets/mui/mixins/_typography.scss +0 -54
  27. data/vendor/assets/stylesheets/mui/mixins/_util.scss +41 -0
  28. metadata +2 -32
  29. data/vendor/assets/stylesheets/bootstrap-3.3.1/LICENSE +0 -21
  30. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_alerts.scss +0 -14
  31. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -11
  32. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_border-radius.scss +0 -18
  33. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_buttons.scss +0 -52
  34. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_center-block.scss +0 -7
  35. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss +0 -22
  36. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_forms.scss +0 -88
  37. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_gradients.scss +0 -58
  38. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -81
  39. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid.scss +0 -122
  40. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_hide-text.scss +0 -21
  41. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_image.scss +0 -33
  42. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_labels.scss +0 -12
  43. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -31
  44. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  45. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  46. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_opacity.scss +0 -8
  47. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_pagination.scss +0 -23
  48. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_panels.scss +0 -24
  49. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +0 -10
  50. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +0 -8
  51. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_resize.scss +0 -6
  52. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +0 -21
  53. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_size.scss +0 -10
  54. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +0 -9
  55. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -28
  56. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -11
  57. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +0 -8
  58. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +0 -222
@@ -1,21 +0,0 @@
1
- // CSS image replacement
2
- //
3
- // Heads up! v3 launched with 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 (will be 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,31 +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& to a.list-group-item-#{$state}
9
- }
10
-
11
- a.list-group-item-#{$state} {
12
- color: $color;
13
-
14
- .list-group-item-heading {
15
- color: inherit;
16
- }
17
-
18
- &:hover,
19
- &:focus {
20
- color: $color;
21
- background-color: darken($background, 5%);
22
- }
23
- &.active,
24
- &.active:hover,
25
- &.active:focus {
26
- color: #fff;
27
- background-color: $color;
28
- border-color: $color;
29
- }
30
- }
31
- }
@@ -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,23 +0,0 @@
1
- // Pagination
2
-
3
- @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
4
- > li {
5
- > a,
6
- > span {
7
- padding: $padding-vertical $padding-horizontal;
8
- font-size: $font-size;
9
- }
10
- &:first-child {
11
- > a,
12
- > span {
13
- @include border-left-radius($border-radius);
14
- }
15
- }
16
- &:last-child {
17
- > a,
18
- > span {
19
- @include border-right-radius($border-radius);
20
- }
21
- }
22
- }
23
- }
@@ -1,24 +0,0 @@
1
- // Panels
2
-
3
- @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
4
- border-color: $border;
5
-
6
- & > .panel-heading {
7
- color: $heading-text-color;
8
- background-color: $heading-bg-color;
9
- border-color: $heading-border;
10
-
11
- + .panel-collapse > .panel-body {
12
- border-top-color: $border;
13
- }
14
- .badge {
15
- color: $heading-bg-color;
16
- background-color: $heading-text-color;
17
- }
18
- }
19
- & > .panel-footer {
20
- + .panel-collapse > .panel-body {
21
- border-bottom-color: $border;
22
- }
23
- }
24
- }
@@ -1,10 +0,0 @@
1
- // Progress bars
2
-
3
- @mixin progress-bar-variant($color) {
4
- background-color: $color;
5
-
6
- // Deprecated parent class requirement as of v3.2.0
7
- .progress-striped & {
8
- @include gradient-striped;
9
- }
10
- }
@@ -1,8 +0,0 @@
1
- // Reset filters for IE
2
- //
3
- // When you need to remove a gradient background, do not forget to use this to reset
4
- // the IE filter for IE9 and below.
5
-
6
- @mixin reset-filter() {
7
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
8
- }
@@ -1,6 +0,0 @@
1
- // Resize anything
2
-
3
- @mixin resizable($direction) {
4
- resize: $direction; // Options: horizontal, vertical, both
5
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
- }
@@ -1,21 +0,0 @@
1
- // Responsive utilities
2
-
3
- //
4
- // More easily include all the states for responsive-utilities.less.
5
- // [converter] $parent hack
6
- @mixin responsive-visibility($parent) {
7
- #{$parent} {
8
- display: block !important;
9
- }
10
- table#{$parent} { display: table; }
11
- tr#{$parent} { display: table-row !important; }
12
- th#{$parent},
13
- td#{$parent} { display: table-cell !important; }
14
- }
15
-
16
- // [converter] $parent hack
17
- @mixin responsive-invisibility($parent) {
18
- #{$parent} {
19
- display: none !important;
20
- }
21
- }
@@ -1,10 +0,0 @@
1
- // Sizing shortcuts
2
-
3
- @mixin size($width, $height) {
4
- width: $width;
5
- height: $height;
6
- }
7
-
8
- @mixin square($size) {
9
- @include size($size, $size);
10
- }
@@ -1,9 +0,0 @@
1
- // WebKit-style focus
2
-
3
- @mixin tab-focus() {
4
- // Default
5
- outline: thin dotted;
6
- // WebKit
7
- outline: 5px auto -webkit-focus-ring-color;
8
- outline-offset: -2px;
9
- }
@@ -1,28 +0,0 @@
1
- // Tables
2
-
3
- @mixin table-row-variant($state, $background) {
4
- // Exact selectors below required to override `.table-striped` and prevent
5
- // inheritance to nested tables.
6
- .table > thead > tr,
7
- .table > tbody > tr,
8
- .table > tfoot > tr {
9
- > td.#{$state},
10
- > th.#{$state},
11
- &.#{$state} > td,
12
- &.#{$state} > th {
13
- background-color: $background;
14
- }
15
- }
16
-
17
- // Hover states for `.table-hover`
18
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
19
- .table-hover > tbody > tr {
20
- > td.#{$state}:hover,
21
- > th.#{$state}:hover,
22
- &.#{$state}:hover > td,
23
- &:hover > .#{$state},
24
- &.#{$state}:hover > th {
25
- background-color: darken($background, 5%);
26
- }
27
- }
28
- }
@@ -1,11 +0,0 @@
1
- // Typography
2
-
3
- // [converter] $parent hack
4
- @mixin text-emphasis-variant($parent, $color) {
5
- #{$parent} {
6
- color: $color;
7
- }
8
- a#{$parent}:hover {
9
- color: darken($color, 10%);
10
- }
11
- }
@@ -1,8 +0,0 @@
1
- // Text overflow
2
- // Requires inline-block or block for proper styling
3
-
4
- @mixin text-overflow() {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
@@ -1,222 +0,0 @@
1
- // Vendor Prefixes
2
- //
3
- // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
4
- // Autoprefixer in our Gruntfile. They will be removed in v4.
5
-
6
- // - Animations
7
- // - Backface visibility
8
- // - Box shadow
9
- // - Box sizing
10
- // - Content columns
11
- // - Hyphens
12
- // - Placeholder text
13
- // - Transformations
14
- // - Transitions
15
- // - User Select
16
-
17
-
18
- // Animations
19
- @mixin animation($animation) {
20
- -webkit-animation: $animation;
21
- -o-animation: $animation;
22
- animation: $animation;
23
- }
24
- @mixin animation-name($name) {
25
- -webkit-animation-name: $name;
26
- animation-name: $name;
27
- }
28
- @mixin animation-duration($duration) {
29
- -webkit-animation-duration: $duration;
30
- animation-duration: $duration;
31
- }
32
- @mixin animation-timing-function($timing-function) {
33
- -webkit-animation-timing-function: $timing-function;
34
- animation-timing-function: $timing-function;
35
- }
36
- @mixin animation-delay($delay) {
37
- -webkit-animation-delay: $delay;
38
- animation-delay: $delay;
39
- }
40
- @mixin animation-iteration-count($iteration-count) {
41
- -webkit-animation-iteration-count: $iteration-count;
42
- animation-iteration-count: $iteration-count;
43
- }
44
- @mixin animation-direction($direction) {
45
- -webkit-animation-direction: $direction;
46
- animation-direction: $direction;
47
- }
48
- @mixin animation-fill-mode($fill-mode) {
49
- -webkit-animation-fill-mode: $fill-mode;
50
- animation-fill-mode: $fill-mode;
51
- }
52
-
53
- // Backface visibility
54
- // Prevent browsers from flickering when using CSS 3D transforms.
55
- // Default value is `visible`, but can be changed to `hidden`
56
-
57
- @mixin backface-visibility($visibility){
58
- -webkit-backface-visibility: $visibility;
59
- -moz-backface-visibility: $visibility;
60
- backface-visibility: $visibility;
61
- }
62
-
63
- // Drop shadows
64
- //
65
- // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
66
- // supported browsers that have box shadow capabilities now support it.
67
-
68
- @mixin box-shadow($shadow...) {
69
- -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
70
- box-shadow: $shadow;
71
- }
72
-
73
- // Box sizing
74
- @mixin box-sizing($boxmodel) {
75
- -webkit-box-sizing: $boxmodel;
76
- -moz-box-sizing: $boxmodel;
77
- box-sizing: $boxmodel;
78
- }
79
-
80
- // CSS3 Content Columns
81
- @mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
82
- -webkit-column-count: $column-count;
83
- -moz-column-count: $column-count;
84
- column-count: $column-count;
85
- -webkit-column-gap: $column-gap;
86
- -moz-column-gap: $column-gap;
87
- column-gap: $column-gap;
88
- }
89
-
90
- // Optional hyphenation
91
- @mixin hyphens($mode: auto) {
92
- word-wrap: break-word;
93
- -webkit-hyphens: $mode;
94
- -moz-hyphens: $mode;
95
- -ms-hyphens: $mode; // IE10+
96
- -o-hyphens: $mode;
97
- hyphens: $mode;
98
- }
99
-
100
- // Placeholder text
101
- @mixin placeholder($color: $input-color-placeholder) {
102
- // Firefox
103
- &::-moz-placeholder {
104
- color: $color;
105
- opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
106
- }
107
- &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
108
- &::-webkit-input-placeholder { color: $color; } // Safari and Chrome
109
- }
110
-
111
- // Transformations
112
- @mixin scale($ratio...) {
113
- -webkit-transform: scale($ratio);
114
- -ms-transform: scale($ratio); // IE9 only
115
- -o-transform: scale($ratio);
116
- transform: scale($ratio);
117
- }
118
-
119
- @mixin scaleX($ratio) {
120
- -webkit-transform: scaleX($ratio);
121
- -ms-transform: scaleX($ratio); // IE9 only
122
- -o-transform: scaleX($ratio);
123
- transform: scaleX($ratio);
124
- }
125
- @mixin scaleY($ratio) {
126
- -webkit-transform: scaleY($ratio);
127
- -ms-transform: scaleY($ratio); // IE9 only
128
- -o-transform: scaleY($ratio);
129
- transform: scaleY($ratio);
130
- }
131
- @mixin skew($x, $y) {
132
- -webkit-transform: skewX($x) skewY($y);
133
- -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
134
- -o-transform: skewX($x) skewY($y);
135
- transform: skewX($x) skewY($y);
136
- }
137
- @mixin translate($x, $y) {
138
- -webkit-transform: translate($x, $y);
139
- -ms-transform: translate($x, $y); // IE9 only
140
- -o-transform: translate($x, $y);
141
- transform: translate($x, $y);
142
- }
143
- @mixin translate3d($x, $y, $z) {
144
- -webkit-transform: translate3d($x, $y, $z);
145
- transform: translate3d($x, $y, $z);
146
- }
147
- @mixin rotate($degrees) {
148
- -webkit-transform: rotate($degrees);
149
- -ms-transform: rotate($degrees); // IE9 only
150
- -o-transform: rotate($degrees);
151
- transform: rotate($degrees);
152
- }
153
- @mixin rotateX($degrees) {
154
- -webkit-transform: rotateX($degrees);
155
- -ms-transform: rotateX($degrees); // IE9 only
156
- -o-transform: rotateX($degrees);
157
- transform: rotateX($degrees);
158
- }
159
- @mixin rotateY($degrees) {
160
- -webkit-transform: rotateY($degrees);
161
- -ms-transform: rotateY($degrees); // IE9 only
162
- -o-transform: rotateY($degrees);
163
- transform: rotateY($degrees);
164
- }
165
- @mixin perspective($perspective) {
166
- -webkit-perspective: $perspective;
167
- -moz-perspective: $perspective;
168
- perspective: $perspective;
169
- }
170
- @mixin perspective-origin($perspective) {
171
- -webkit-perspective-origin: $perspective;
172
- -moz-perspective-origin: $perspective;
173
- perspective-origin: $perspective;
174
- }
175
- @mixin transform-origin($origin) {
176
- -webkit-transform-origin: $origin;
177
- -moz-transform-origin: $origin;
178
- -ms-transform-origin: $origin; // IE9 only
179
- transform-origin: $origin;
180
- }
181
-
182
-
183
- // Transitions
184
-
185
- @mixin transition($transition...) {
186
- -webkit-transition: $transition;
187
- -o-transition: $transition;
188
- transition: $transition;
189
- }
190
- @mixin transition-property($transition-property...) {
191
- -webkit-transition-property: $transition-property;
192
- transition-property: $transition-property;
193
- }
194
- @mixin transition-delay($transition-delay) {
195
- -webkit-transition-delay: $transition-delay;
196
- transition-delay: $transition-delay;
197
- }
198
- @mixin transition-duration($transition-duration...) {
199
- -webkit-transition-duration: $transition-duration;
200
- transition-duration: $transition-duration;
201
- }
202
- @mixin transition-timing-function($timing-function) {
203
- -webkit-transition-timing-function: $timing-function;
204
- transition-timing-function: $timing-function;
205
- }
206
- @mixin transition-transform($transition...) {
207
- -webkit-transition: -webkit-transform $transition;
208
- -moz-transition: -moz-transform $transition;
209
- -o-transition: -o-transform $transition;
210
- transition: transform $transition;
211
- }
212
-
213
-
214
- // User select
215
- // For selecting text on the page
216
-
217
- @mixin user-select($select) {
218
- -webkit-user-select: $select;
219
- -moz-user-select: $select;
220
- -ms-user-select: $select; // IE10+
221
- user-select: $select;
222
- }