|
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