UNPKG

quasar

Version:

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

quasar.dev

quasarframework/quasar

125 lines (101 loc) • 2.48 kB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
$checkbox-transition = .22s cubic-bezier(0,0,.2,1) 0ms .q-checkbox vertical-align middle &__bg left 11px top 11px right auto bottom 0 width 45% height 45% border 2px solid currentColor border-radius 2px transition background $checkbox-transition &__native width 1px height 1px &__label padding-left 4px font-size 14px line-height 20px &.reverse &__label padding-right 4px &__check color white path stroke currentColor stroke-width 3.12px stroke-dashoffset 29.78334 stroke-dasharray 29.78334 &__check-indet width 100% height 0 left 0 top 50% border-color white border-width 1px border-style solid transform translate3d(0, -50%, 0) rotate3d(0, 0, 1, -280deg) scale3d(0, 0, 0) &__inner width 40px min-width 40px height 40px padding 11px outline 0 border-radius 50% color rgba(0, 0, 0, .54) &--active, &--indeterminate color $primary color var(--q-color-primary) .q-checkbox__bg background currentColor &--active path stroke-dashoffset 0 transition stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms &--indeterminate .q-checkbox__check-indet transform translate3d(0, -50%, 0) rotate3d(0, 0, 1, 0) scale3d(1, 1, 1) transition transform $checkbox-transition &.disabled opacity .75 !important &--dark .q-checkbox__inner color rgba(255, 255, 255, .7) &:before opacity .32 !important &--active, &--indeterminate color $primary color var(--q-color-primary) &--dense .q-checkbox__inner width 20px min-width 20px height 20px padding 0 .q-checkbox__bg left 1px top 1px width 18px height 18px body.desktop .q-checkbox &__inner:before content '' position absolute top 0 right 0 bottom 0 left 0 border-radius 50% background currentColor opacity .12 transform scale3d(0, 0, 0) transition transform $option-focus-transition &:focus:not(.disabled) .q-checkbox__inner:before transform scale3d(1, 1, 1) &--dense:focus:not(.disabled) .q-checkbox__inner:before transform scale3d(1.5, 1.5, 1.5) .q-table--dense .q-checkbox--dense:focus:not(.disabled) .q-checkbox__inner:before transform scale3d(1.4, 1.4, 1.4)