@dialpad/dialtone 6.6.0 → 6.8.1

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.
Files changed (64) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/lib/build/less/components/avatar.less +68 -56
  3. package/lib/build/less/components/badge.less +39 -28
  4. package/lib/build/less/components/banner.less +33 -36
  5. package/lib/build/less/components/breadcrumbs.less +7 -8
  6. package/lib/build/less/components/button.less +53 -56
  7. package/lib/build/less/components/forms.less +24 -28
  8. package/lib/build/less/components/input.less +69 -42
  9. package/lib/build/less/components/link.less +12 -15
  10. package/lib/build/less/components/list-group.less +5 -5
  11. package/lib/build/less/components/modal.less +39 -49
  12. package/lib/build/less/components/notice.less +27 -29
  13. package/lib/build/less/components/radio-checkbox.less +73 -66
  14. package/lib/build/less/components/selects.less +27 -23
  15. package/lib/build/less/components/table.less +14 -17
  16. package/lib/build/less/components/tabs.less +30 -31
  17. package/lib/build/less/components/toast.less +39 -40
  18. package/lib/build/less/components/tooltip.less +21 -22
  19. package/lib/build/less/dialtone-globals.less +11 -3
  20. package/lib/build/less/dialtone-reset.less +11 -11
  21. package/lib/build/less/dialtone-variables.less +8 -8
  22. package/lib/build/less/dialtone.less +37 -35
  23. package/lib/build/less/themes/default.less +9 -9
  24. package/lib/build/less/themes/example.less +4 -4
  25. package/lib/build/less/utilities/backgrounds.less +89 -86
  26. package/lib/build/less/utilities/borders.less +101 -87
  27. package/lib/build/less/utilities/colors.less +91 -80
  28. package/lib/build/less/utilities/effects.less +83 -63
  29. package/lib/build/less/utilities/flex.less +107 -107
  30. package/lib/build/less/utilities/grid.less +146 -146
  31. package/lib/build/less/utilities/interactivity.less +27 -27
  32. package/lib/build/less/utilities/internals.less +46 -46
  33. package/lib/build/less/utilities/layout.less +82 -81
  34. package/lib/build/less/utilities/responsive.less +6 -6
  35. package/lib/build/less/utilities/sizing.less +97 -97
  36. package/lib/build/less/utilities/spacing.less +26 -26
  37. package/lib/build/less/utilities/svg.less +9 -1
  38. package/lib/build/less/utilities/typography.less +122 -111
  39. package/lib/build/less/variables/colors.less +8 -8
  40. package/lib/build/less/variables/sizes.less +8 -8
  41. package/lib/build/less/variables/spacing.less +1 -1
  42. package/lib/build/less/variables/typography.less +8 -9
  43. package/lib/build/less/variables/visual-styles.less +27 -27
  44. package/lib/build/svg/brand/play-store-badge.svg +63 -1
  45. package/lib/build/svg/spot/browser-list-callout.svg +57 -0
  46. package/lib/build/svg/spot/browser-table-graph.svg +111 -0
  47. package/lib/build/svg/system/raise-hand.svg +1 -1
  48. package/lib/build/svg/system/thumb-down.svg +3 -0
  49. package/lib/build/svg/system/thumb-up.svg +3 -0
  50. package/lib/dist/css/dialtone.css +134 -128
  51. package/lib/dist/css/dialtone.min.css +1 -1
  52. package/lib/dist/svg/brand/play-store-badge.svg +1 -1
  53. package/lib/dist/svg/spot/browser-list-callout.svg +1 -0
  54. package/lib/dist/svg/spot/browser-table-graph.svg +1 -0
  55. package/lib/dist/svg/system/raise-hand.svg +1 -1
  56. package/lib/dist/svg/system/thumb-down.svg +1 -0
  57. package/lib/dist/svg/system/thumb-up.svg +1 -0
  58. package/lib/dist/vue/icons/IconPlayStoreBadge.vue +1 -1
  59. package/lib/dist/vue/icons/IconRaiseHand.vue +1 -1
  60. package/lib/dist/vue/icons/IconThumbDown.vue +3 -0
  61. package/lib/dist/vue/icons/IconThumbUp.vue +3 -0
  62. package/lib/dist/vue/spot/SpotBrowserListCallout.vue +3 -0
  63. package/lib/dist/vue/spot/SpotBrowserTableGraph.vue +3 -0
  64. package/package.json +17 -3
package/lib/build/less/utilities/sizing.less CHANGED
@@ -1,5 +1,5 @@
1
- @import (reference) "../variables/layout.less";
2
- @import (reference) "../utilities/internals.less";
1
+ @import (reference) '../variables/layout.less';
2
+ @import (reference) '../utilities/internals.less';
3
3
 
4
4
  //
5
5
  // DIALTONE
@@ -26,48 +26,48 @@
26
26
  // ============================================================================
27
27
  // $$ PERCENTAGES
28
28
  // ----------------------------------------------------------------------------
29
- .d-h10p { height: 10% !important; }
30
- .d-h20p { height: 20% !important; }
31
- .d-h25p { height: 25% !important; }
32
- .d-h30p { height: 30% !important; }
33
- .d-h40p { height: 40% !important; }
34
- .d-h50p { height: 50% !important; }
35
- .d-h60p { height: 60% !important; }
36
- .d-h70p { height: 70% !important; }
37
- .d-h75p { height: 75% !important; }
38
- .d-h80p { height: 80% !important; }
39
- .d-h90p { height: 90% !important; }
40
- .d-h100p { height: 100% !important; }
29
+ .d-h10p { height: 10% !important; }
30
+ .d-h20p { height: 20% !important; }
31
+ .d-h25p { height: 25% !important; }
32
+ .d-h30p { height: 30% !important; }
33
+ .d-h40p { height: 40% !important; }
34
+ .d-h50p { height: 50% !important; }
35
+ .d-h60p { height: 60% !important; }
36
+ .d-h70p { height: 70% !important; }
37
+ .d-h75p { height: 75% !important; }
38
+ .d-h80p { height: 80% !important; }
39
+ .d-h90p { height: 90% !important; }
40
+ .d-h100p { height: 100% !important; }
41
41
 
42
42
  // $$ MAX-HEIGHT
43
43
  // ----------------------------------------------------------------------------
44
- .d-hmx10p { max-height: 10% !important; }
45
- .d-hmx20p { max-height: 20% !important; }
46
- .d-hmx25p { max-height: 25% !important; }
47
- .d-hmx30p { max-height: 30% !important; }
48
- .d-hmx40p { max-height: 40% !important; }
49
- .d-hmx50p { max-height: 50% !important; }
50
- .d-hmx60p { max-height: 60% !important; }
51
- .d-hmx70p { max-height: 70% !important; }
52
- .d-hmx75p { max-height: 75% !important; }
53
- .d-hmx80p { max-height: 80% !important; }
54
- .d-hmx90p { max-height: 90% !important; }
55
- .d-hmx100p { max-height: 100% !important; }
44
+ .d-hmx10p { max-height: 10% !important; }
45
+ .d-hmx20p { max-height: 20% !important; }
46
+ .d-hmx25p { max-height: 25% !important; }
47
+ .d-hmx30p { max-height: 30% !important; }
48
+ .d-hmx40p { max-height: 40% !important; }
49
+ .d-hmx50p { max-height: 50% !important; }
50
+ .d-hmx60p { max-height: 60% !important; }
51
+ .d-hmx70p { max-height: 70% !important; }
52
+ .d-hmx75p { max-height: 75% !important; }
53
+ .d-hmx80p { max-height: 80% !important; }
54
+ .d-hmx90p { max-height: 90% !important; }
55
+ .d-hmx100p { max-height: 100% !important; }
56
56
 
57
57
  // $$ MIN-HEIGHT
58
58
  // ----------------------------------------------------------------------------
59
- .d-hmn10p { min-height: 10% !important; }
60
- .d-hmn20p { min-height: 20% !important; }
61
- .d-hmn25p { min-height: 25% !important; }
62
- .d-hmn30p { min-height: 30% !important; }
63
- .d-hmn40p { min-height: 40% !important; }
64
- .d-hmn50p { min-height: 50% !important; }
65
- .d-hmn60p { min-height: 60% !important; }
66
- .d-hmn70p { min-height: 70% !important; }
67
- .d-hmn75p { min-height: 75% !important; }
68
- .d-hmn80p { min-height: 80% !important; }
69
- .d-hmn90p { min-height: 90% !important; }
70
- .d-hmn100p { min-height: 100% !important; }
59
+ .d-hmn10p { min-height: 10% !important; }
60
+ .d-hmn20p { min-height: 20% !important; }
61
+ .d-hmn25p { min-height: 25% !important; }
62
+ .d-hmn30p { min-height: 30% !important; }
63
+ .d-hmn40p { min-height: 40% !important; }
64
+ .d-hmn50p { min-height: 50% !important; }
65
+ .d-hmn60p { min-height: 60% !important; }
66
+ .d-hmn70p { min-height: 70% !important; }
67
+ .d-hmn75p { min-height: 75% !important; }
68
+ .d-hmn80p { min-height: 80% !important; }
69
+ .d-hmn90p { min-height: 90% !important; }
70
+ .d-hmn100p { min-height: 100% !important; }
71
71
 
72
72
  // $$ FIXED
73
73
  // ----------------------------------------------------------------------------
@@ -76,25 +76,25 @@
76
76
  { .template(@value) { height: @value !important; } },
77
77
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72 @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
78
78
  );
79
- .d-h100vh { height: 100vh !important; }
80
- .d-h-auto { height: auto !important; }
81
- .d-h-unset { height: unset !important; }
79
+ .d-h100vh { height: 100vh !important; }
80
+ .d-h-auto { height: auto !important; }
81
+ .d-h-unset { height: unset !important; }
82
82
 
83
83
  #d-internals #auto-generate(
84
84
  '.d-hmn',
85
85
  { .template(@value) { min-height: @value !important; } },
86
86
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72 @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
87
87
  );
88
- .d-hmn-auto { min-height: auto !important; }
89
- .d-hmn-unset { min-height: unset !important; }
88
+ .d-hmn-auto { min-height: auto !important; }
89
+ .d-hmn-unset { min-height: unset !important; }
90
90
 
91
91
  #d-internals #auto-generate(
92
92
  '.d-hmx',
93
93
  { .template(@value) { max-height: @value !important; } },
94
94
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72 @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
95
95
  );
96
- .d-hmx-auto { max-height: auto !important; }
97
- .d-hmx-unset { max-height: unset !important; }
96
+ .d-hmx-auto { max-height: auto !important; }
97
+ .d-hmx-unset { max-height: unset !important; }
98
98
 
99
99
 
100
100
  // ============================================================================
@@ -102,48 +102,48 @@
102
102
  // ============================================================================
103
103
  // $$ FLUID
104
104
  // ----------------------------------------------------------------------------
105
- .d-w10p { width: 10% !important; }
106
- .d-w20p { width: 20% !important; }
107
- .d-w25p { width: 25% !important; }
108
- .d-w30p { width: 30% !important; }
109
- .d-w40p { width: 40% !important; }
110
- .d-w50p { width: 50% !important; }
111
- .d-w60p { width: 60% !important; }
112
- .d-w70p { width: 70% !important; }
113
- .d-w75p { width: 75% !important; }
114
- .d-w80p { width: 80% !important; }
115
- .d-w90p { width: 90% !important; }
116
- .d-w100p { width: 100% !important; }
105
+ .d-w10p { width: 10% !important; }
106
+ .d-w20p { width: 20% !important; }
107
+ .d-w25p { width: 25% !important; }
108
+ .d-w30p { width: 30% !important; }
109
+ .d-w40p { width: 40% !important; }
110
+ .d-w50p { width: 50% !important; }
111
+ .d-w60p { width: 60% !important; }
112
+ .d-w70p { width: 70% !important; }
113
+ .d-w75p { width: 75% !important; }
114
+ .d-w80p { width: 80% !important; }
115
+ .d-w90p { width: 90% !important; }
116
+ .d-w100p { width: 100% !important; }
117
117
 
118
118
  // $$ MAX-WIDTH
119
119
  // ----------------------------------------------------------------------------
120
- .d-wmx10p { max-width: 10% !important; }
121
- .d-wmx20p { max-width: 20% !important; }
122
- .d-wmx25p { max-width: 25% !important; }
123
- .d-wmx30p { max-width: 30% !important; }
124
- .d-wmx40p { max-width: 40% !important; }
125
- .d-wmx50p { max-width: 50% !important; }
126
- .d-wmx60p { max-width: 60% !important; }
127
- .d-wmx70p { max-width: 70% !important; }
128
- .d-wmx75p { max-width: 75% !important; }
129
- .d-wmx80p { max-width: 80% !important; }
130
- .d-wmx90p { max-width: 90% !important; }
131
- .d-wmx100p { max-width: 100% !important; }
120
+ .d-wmx10p { max-width: 10% !important; }
121
+ .d-wmx20p { max-width: 20% !important; }
122
+ .d-wmx25p { max-width: 25% !important; }
123
+ .d-wmx30p { max-width: 30% !important; }
124
+ .d-wmx40p { max-width: 40% !important; }
125
+ .d-wmx50p { max-width: 50% !important; }
126
+ .d-wmx60p { max-width: 60% !important; }
127
+ .d-wmx70p { max-width: 70% !important; }
128
+ .d-wmx75p { max-width: 75% !important; }
129
+ .d-wmx80p { max-width: 80% !important; }
130
+ .d-wmx90p { max-width: 90% !important; }
131
+ .d-wmx100p { max-width: 100% !important; }
132
132
 
133
133
  // $$ MIN-WIDTH
134
134
  // ----------------------------------------------------------------------------
135
- .d-wmn10p { min-width: 10% !important; }
136
- .d-wmn20p { min-width: 20% !important; }
137
- .d-wmn25p { min-width: 25% !important; }
138
- .d-wmn30p { min-width: 30% !important; }
139
- .d-wmn40p { min-width: 40% !important; }
140
- .d-wmn50p { min-width: 50% !important; }
141
- .d-wmn60p { min-width: 60% !important; }
142
- .d-wmn70p { min-width: 70% !important; }
143
- .d-wmn75p { min-width: 75% !important; }
144
- .d-wmn80p { min-width: 80% !important; }
145
- .d-wmn90p { min-width: 90% !important; }
146
- .d-wmn100p { min-width: 100% !important; }
135
+ .d-wmn10p { min-width: 10% !important; }
136
+ .d-wmn20p { min-width: 20% !important; }
137
+ .d-wmn25p { min-width: 25% !important; }
138
+ .d-wmn30p { min-width: 30% !important; }
139
+ .d-wmn40p { min-width: 40% !important; }
140
+ .d-wmn50p { min-width: 50% !important; }
141
+ .d-wmn60p { min-width: 60% !important; }
142
+ .d-wmn70p { min-width: 70% !important; }
143
+ .d-wmn75p { min-width: 75% !important; }
144
+ .d-wmn80p { min-width: 80% !important; }
145
+ .d-wmn90p { min-width: 90% !important; }
146
+ .d-wmn100p { min-width: 100% !important; }
147
147
 
148
148
  // $$ FIXED
149
149
  // ----------------------------------------------------------------------------
@@ -152,13 +152,13 @@
152
152
  { .template(@value) { width: @value !important; } },
153
153
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72 @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
154
154
  );
155
- .d-w60ch { width: 60ch !important; }
156
- .d-w75ch { width: 75ch !important; }
157
- .d-w90ch { width: 90ch !important; }
155
+ .d-w60ch { width: 60ch !important; }
156
+ .d-w75ch { width: 75ch !important; }
157
+ .d-w90ch { width: 90ch !important; }
158
158
 
159
- .d-w100vw { width: 100vw !important; }
160
- .d-w-auto { width: auto !important; }
161
- .d-w-unset { width: unset !important; }
159
+ .d-w100vw { width: 100vw !important; }
160
+ .d-w-auto { width: auto !important; }
161
+ .d-w-unset { width: unset !important; }
162
162
 
163
163
  #d-internals #auto-generate(
164
164
  '.d-wmn',
@@ -166,21 +166,21 @@
166
166
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72
167
167
  @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
168
168
  );
169
- .d-wmn60ch { min-width: 60ch !important; }
170
- .d-wmn75ch { min-width: 75ch !important; }
171
- .d-wmn90ch { min-width: 90ch !important; }
169
+ .d-wmn60ch { min-width: 60ch !important; }
170
+ .d-wmn75ch { min-width: 75ch !important; }
171
+ .d-wmn90ch { min-width: 90ch !important; }
172
172
 
173
- .d-wmn-auto { min-width: auto !important; }
174
- .d-wmn-unset { min-width: unset !important; }
173
+ .d-wmn-auto { min-width: auto !important; }
174
+ .d-wmn-unset { min-width: unset !important; }
175
175
 
176
176
  #d-internals #auto-generate(
177
177
  '.d-wmx',
178
178
  { .template(@value) { max-width: @value !important; } },
179
179
  @size0 @size1 @size2 @size4 @size6 @size8 @size12 @size16 @size24 @size32 @size42 @size48 @size64 @size72 @size84 @size96 @size102 @size114 @size128 @size164 @size216 @size264 @size332 @size464 @size512 @size628 @size764 @size828 @size912 @size1024 @size1140 @size1268 @size1340
180
180
  );
181
- .d-wmx60ch { max-width: 60ch !important; }
182
- .d-wmx75ch { max-width: 75ch !important; }
183
- .d-wmx90ch { max-width: 90ch !important; }
181
+ .d-wmx60ch { max-width: 60ch !important; }
182
+ .d-wmx75ch { max-width: 75ch !important; }
183
+ .d-wmx90ch { max-width: 90ch !important; }
184
184
 
185
- .d-wmx-auto { max-width: auto !important; }
186
- .d-wmx-unset { max-width: unset !important; }
185
+ .d-wmx-auto { max-width: auto !important; }
186
+ .d-wmx-unset { max-width: unset !important; }
package/lib/build/less/utilities/spacing.less CHANGED
@@ -1,5 +1,5 @@
1
- @import (reference) "../variables/spacing.less";
2
- @import (reference) "internals.less";
1
+ @import (reference) '../variables/spacing.less';
2
+ @import (reference) 'internals.less';
3
3
 
4
4
  //
5
5
  // DIALTONE
@@ -48,31 +48,31 @@
48
48
  // this applies margin to context. The margin is only applied when an
49
49
  // element is proceeded by another element.
50
50
  // ----------------------------------------------------------------------------
51
- .d-stack0 { > * + * { margin-top: @su0 !important; } }
52
- .d-stack1 { > * + * { margin-top: @su1 !important; } }
53
- .d-stack2 { > * + * { margin-top: @su2 !important; } }
54
- .d-stack4 { > * + * { margin-top: @su4 !important; } }
55
- .d-stack6 { > * + * { margin-top: @su6 !important; } }
56
- .d-stack8 { > * + * { margin-top: @su8 !important; } }
57
- .d-stack12 { > * + * { margin-top: @su12 !important; } }
58
- .d-stack16 { > * + * { margin-top: @su16 !important; } }
59
- .d-stack24 { > * + * { margin-top: @su24 !important; } }
60
- .d-stack32 { > * + * { margin-top: @su32 !important; } }
61
- .d-stack48 { > * + * { margin-top: @su48 !important; } }
62
- .d-stack64 { > * + * { margin-top: @su64 !important; } }
51
+ .d-stack0 { > * + * { margin-top: @su0 !important; } }
52
+ .d-stack1 { > * + * { margin-top: @su1 !important; } }
53
+ .d-stack2 { > * + * { margin-top: @su2 !important; } }
54
+ .d-stack4 { > * + * { margin-top: @su4 !important; } }
55
+ .d-stack6 { > * + * { margin-top: @su6 !important; } }
56
+ .d-stack8 { > * + * { margin-top: @su8 !important; } }
57
+ .d-stack12 { > * + * { margin-top: @su12 !important; } }
58
+ .d-stack16 { > * + * { margin-top: @su16 !important; } }
59
+ .d-stack24 { > * + * { margin-top: @su24 !important; } }
60
+ .d-stack32 { > * + * { margin-top: @su32 !important; } }
61
+ .d-stack48 { > * + * { margin-top: @su48 !important; } }
62
+ .d-stack64 { > * + * { margin-top: @su64 !important; } }
63
63
 
64
- .d-flow0 { > * + * { margin-left: @su0 !important; } }
65
- .d-flow1 { > * + * { margin-left: @su1 !important; } }
66
- .d-flow2 { > * + * { margin-left: @su2 !important; } }
67
- .d-flow4 { > * + * { margin-left: @su4 !important; } }
68
- .d-flow6 { > * + * { margin-left: @su6 !important; } }
69
- .d-flow8 { > * + * { margin-left: @su8 !important; } }
70
- .d-flow12 { > * + * { margin-left: @su12 !important; } }
71
- .d-flow16 { > * + * { margin-left: @su16 !important; } }
72
- .d-flow24 { > * + * { margin-left: @su24 !important; } }
73
- .d-flow32 { > * + * { margin-left: @su32 !important; } }
74
- .d-flow48 { > * + * { margin-left: @su48 !important; } }
75
- .d-flow64 { > * + * { margin-left: @su64 !important; } }
64
+ .d-flow0 { > * + * { margin-left: @su0 !important; } }
65
+ .d-flow1 { > * + * { margin-left: @su1 !important; } }
66
+ .d-flow2 { > * + * { margin-left: @su2 !important; } }
67
+ .d-flow4 { > * + * { margin-left: @su4 !important; } }
68
+ .d-flow6 { > * + * { margin-left: @su6 !important; } }
69
+ .d-flow8 { > * + * { margin-left: @su8 !important; } }
70
+ .d-flow12 { > * + * { margin-left: @su12 !important; } }
71
+ .d-flow16 { > * + * { margin-left: @su16 !important; } }
72
+ .d-flow24 { > * + * { margin-left: @su24 !important; } }
73
+ .d-flow32 { > * + * { margin-left: @su32 !important; } }
74
+ .d-flow48 { > * + * { margin-left: @su48 !important; } }
75
+ .d-flow64 { > * + * { margin-left: @su64 !important; } }
76
76
 
77
77
 
78
78
  // ============================================================================
package/lib/build/less/utilities/svg.less CHANGED
@@ -1,4 +1,4 @@
1
- @import (reference) "../variables/icons.less";
1
+ @import (reference) '../variables/icons.less';
2
2
 
3
3
  //
4
4
  // DIALTONE
@@ -24,27 +24,35 @@
24
24
  .d-svg--size14 {
25
25
  .d-svg-size(@icon-size14);
26
26
  }
27
+
27
28
  .d-svg--size16 {
28
29
  .d-svg-size(@icon-size16);
29
30
  }
31
+
30
32
  .d-svg--size18 {
31
33
  .d-svg-size(@icon-size18);
32
34
  }
35
+
33
36
  .d-svg--size20 {
34
37
  .d-svg-size(@icon-size20);
35
38
  }
39
+
36
40
  .d-svg--size24 {
37
41
  .d-svg-size(@icon-size24);
38
42
  }
43
+
39
44
  .d-svg--size32 {
40
45
  .d-svg-size(@icon-size32);
41
46
  }
47
+
42
48
  .d-svg--size48 {
43
49
  .d-svg-size(@icon-size48);
44
50
  }
51
+
45
52
  .d-svg--size64 {
46
53
  .d-svg-size(@icon-size64);
47
54
  }
55
+
48
56
  .d-svg--size100p {
49
57
  width: 100% !important;
50
58
  height: auto !important;