@livestorm/ui-vue 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,6 +33,12 @@
33
33
  }
34
34
  }
35
35
 
36
+ &.with-description {
37
+ .label {
38
+ @apply text-14-medium;
39
+ }
40
+ }
41
+
36
42
  @apply relative;
37
43
  /* Medium size by default */
38
44
  label {
@@ -40,6 +46,10 @@
40
46
  letter-spacing: var(--text-14-regular-letter-spacing);
41
47
  line-height: var(--text-14-regular-line-height);
42
48
  font-weight: var(--text-14-regular-font-weight);
49
+
50
+ .label {
51
+ @apply text-14-regular;
52
+ }
43
53
  }
44
54
  .input-custom {
45
55
  width: 16px;
@@ -53,6 +63,9 @@
53
63
  width: 8px;
54
64
  height: 8px;
55
65
  }
66
+ .description {
67
+ @apply text-14-regular;
68
+ }
56
69
 
57
70
  &-small {
58
71
  label {
@@ -60,6 +73,10 @@
60
73
  letter-spacing: var(--text-12-regular-letter-spacing);
61
74
  line-height: var(--text-12-regular-line-height);
62
75
  font-weight: var(--text-12-regular-font-weight);
76
+
77
+ .label {
78
+ @apply text-12-regular;
79
+ }
63
80
  }
64
81
  .input-custom {
65
82
  width: 12px;
@@ -73,6 +90,15 @@
73
90
  width: 4px;
74
91
  height: 4px;
75
92
  }
93
+ .description {
94
+ @apply text-12-regular;
95
+ }
96
+
97
+ &.with-description {
98
+ .label {
99
+ @apply text-12-medium;
100
+ }
101
+ }
76
102
  }
77
103
 
78
104
  &-medium {
@@ -81,6 +107,10 @@
81
107
  letter-spacing: var(--text-14-regular-letter-spacing);
82
108
  line-height: var(--text-14-regular-line-height);
83
109
  font-weight: var(--text-14-regular-font-weight);
110
+
111
+ .label {
112
+ @apply text-14-regular;
113
+ }
84
114
  }
85
115
  .input-custom {
86
116
  width: 16px;
@@ -94,6 +124,12 @@
94
124
  width: 8px;
95
125
  height: 8px;
96
126
  }
127
+
128
+ &.with-description {
129
+ .label {
130
+ @apply text-14-medium;
131
+ }
132
+ }
97
133
  }
98
134
  }
99
135
 
@@ -141,3 +141,21 @@
141
141
  text-align: left;
142
142
  }
143
143
  }
144
+
145
+ /* Show the scrollbar in the dropdown menu (not supported on firefox) */
146
+ body {
147
+ &[data-platform="mac"] {
148
+ .v-popper__popper {
149
+ ::-webkit-scrollbar {
150
+ -webkit-appearance: none;
151
+ width: 8px;
152
+ }
153
+
154
+ ::-webkit-scrollbar-thumb {
155
+ border-radius: 4px;
156
+ background-color: rgba(0,0,0,.5);
157
+ -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
158
+ }
159
+ }
160
+ }
161
+ }