|
6 | 6 | /*
|
7 | 7 | * @source vuetify/packages/vuetify/src/styles/tools/_functions.sass
|
8 | 8 | */
|
9 |
| -@function breakpoint-min($name, $breakpoints) { |
10 |
| - $min: map.get($breakpoints, $name); |
11 |
| - @return if($min !=0, $min, null); |
| 9 | +@function breakpoint-min ($name, $breakpoints) { |
| 10 | + $min: map.get($breakpoints, $name); |
| 11 | + |
| 12 | + @return if($min !=0, $min, null); |
12 | 13 | }
|
13 | 14 |
|
14 | 15 | /*
|
15 | 16 | * @source vuetify/packages/vuetify/src/styles/tools/_display.sass
|
16 | 17 | */
|
17 | 18 | @mixin media-breakpoint-up($name, $breakpoints: settings.$grid-breakpoints) {
|
18 |
| - $min: breakpoint-min($name, $breakpoints); |
| 19 | + $min: breakpoint-min($name, $breakpoints); |
19 | 20 |
|
20 |
| - @if $min { |
21 |
| - @container v-resize-drawer (min-width: #{$min}) { |
22 |
| - @content; |
23 |
| - } |
24 |
| - } |
| 21 | + @if $min { |
| 22 | + @container v-resize-drawer (min-width: #{$min}) { |
| 23 | + @content; |
| 24 | + } |
| 25 | + } |
25 | 26 | }
|
26 | 27 |
|
27 | 28 | /*
|
28 | 29 | * @source vuetify/packages/vuetify/src/components/VGrid/_mixins.sass
|
29 | 30 | */
|
30 | 31 | @mixin make-col($size, $columns: settings.$grid-columns) {
|
31 |
| - flex: 0 0 math.percentage(math.div($size, $columns)); |
32 |
| - max-width: math.percentage(math.div($size, $columns)); |
| 32 | + flex: 0 0 math.percentage(math.div($size, $columns)); |
| 33 | + max-width: math.percentage(math.div($size, $columns)); |
33 | 34 | }
|
34 | 35 |
|
35 | 36 | @mixin make-grid-columns($columns: settings.$grid-columns, $gutter: settings.$grid-gutter, $breakpoints: settings.$grid-breakpoints) {
|
36 |
| - @each $breakpoint in map.keys($breakpoints) { |
37 |
| - $infix: tools.breakpoint-infix($breakpoint, $breakpoints); |
| 37 | + @each $breakpoint in map.keys($breakpoints) { |
| 38 | + $infix: tools.breakpoint-infix($breakpoint, $breakpoints); |
38 | 39 |
|
39 |
| - @include media-breakpoint-up($breakpoint, $breakpoints) { |
40 |
| - @for $i from 1 through $columns { |
41 |
| - .v-col#{$infix}-#{$i} { |
42 |
| - @include make-col($i, $columns); |
43 |
| - } |
44 |
| - } |
45 |
| - } |
46 |
| - } |
| 40 | + @include media-breakpoint-up($breakpoint, $breakpoints) { |
| 41 | + @for $i from 1 through $columns { |
| 42 | + .v-col#{$infix}-#{$i} { |
| 43 | + @include make-col($i, $columns); |
| 44 | + } |
| 45 | + } |
| 46 | + } |
| 47 | + } |
47 | 48 | }
|
48 | 49 |
|
49 | 50 | /*
|
50 | 51 | * @source vuetify/packages/vuetify/src/styles/utilities/_display.sass
|
51 | 52 | */
|
52 | 53 | @mixin make-grid-columns-hidden() {
|
53 |
| - $display: map.get(settings.$utilities, 'display'); |
| 54 | + $display: map.get(settings.$utilities, 'display'); |
54 | 55 |
|
55 |
| - @each $size, |
56 |
| - $media_query in settings.$display-breakpoints { |
57 |
| - @container v-resize-drawer #{$media_query} { |
58 |
| - .hidden-#{$size} { |
59 |
| - display: none !important; |
60 |
| - } |
61 |
| - } |
| 56 | + @each $size, |
| 57 | + $media_query in settings.$display-breakpoints { |
| 58 | + @container v-resize-drawer #{$media_query} { |
| 59 | + .hidden-#{$size} { |
| 60 | + display: none !important; |
| 61 | + } |
| 62 | + } |
62 | 63 |
|
63 |
| - @container v-resize-drawer #{$media_query} { |
64 |
| - @each $val in map.get($display, 'values') { |
65 |
| - .#{map.get($display, 'class')}-#{$size}-#{$val} { |
66 |
| - display: $val !important; |
67 |
| - } |
68 |
| - } |
69 |
| - } |
70 |
| - } |
| 64 | + @container v-resize-drawer #{$media_query} { |
| 65 | + @each $val in map.get($display, 'values') { |
| 66 | + .#{map.get($display, 'class')}-#{$size}-#{$val} { |
| 67 | + display: $val !important; |
| 68 | + } |
| 69 | + } |
| 70 | + } |
| 71 | + } |
71 | 72 | }
|
0 commit comments