quasar/ui/src/css/core/size.sass at dev · hipertracker/quasar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
\:root
  @each $name, $size in $sizes
    #{"--q-size-"}#{$name}: #{$size}

.fit
  width: 100% !important
  height: 100% !important
.full-height
  height: 100% !important
.full-width
  width: 100% !important
  margin-left: 0 !important
  margin-right: 0 !important

.window-height
  margin-top: 0 !important
  margin-bottom: 0 !important
  height: 100vh !important
.window-width
  margin-left: 0 !important
  margin-right: 0 !important
  width: 100vw !important

.block
  display: block !important
.inline-block
  display: inline-block !important

@each $space, $value in $spaces

  .q-pa-#{$space}
    padding: map-get($value, "y") map-get($value, "x")
  .q-pl-#{$space}
    padding-left: map-get($value, "x")
  .q-pr-#{$space}
    padding-right: map-get($value, "x")
  .q-pt-#{$space}
    padding-top: map-get($value, "y")
  .q-pb-#{$space}
    padding-bottom: map-get($value, "y")
  .q-px-#{$space}
    padding-left: map-get($value, "x")
    padding-right: map-get($value, "x")
  .q-py-#{$space}
    padding-top: map-get($value, "y")
    padding-bottom: map-get($value, "y")

  .q-ma-#{$space}
    margin: map-get($value, "y") map-get($value, "x")
  .q-ml-#{$space}
    margin-left: map-get($value, "x")
  .q-mr-#{$space}
    margin-right: map-get($value, "x")
  .q-mt-#{$space}
    margin-top: map-get($value, "y")
  .q-mb-#{$space}
    margin-bottom: map-get($value, "y")
  .q-mx-#{$space}
    margin-left: map-get($value, "x")
    margin-right: map-get($value, "x")
  .q-my-#{$space}
    margin-top: map-get($value, "y")
    margin-bottom: map-get($value, "y")

.q-mt-auto, .q-my-auto
  margin-top: auto
.q-ml-auto
  margin-left: auto
.q-mb-auto, .q-my-auto
  margin-bottom: auto
.q-mr-auto
  margin-right: auto
.q-mx-auto
  margin-left: auto
  margin-right: auto