@volverjs/style 0.0.0 → 0.1.2-beta-12

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 (101) hide show
  1. package/README.md +2 -2
  2. package/dist/components/vv-accordion.css +1 -0
  3. package/dist/components/vv-alert.css +1 -0
  4. package/dist/components/vv-badge.css +1 -0
  5. package/dist/components/vv-breadcrumb.css +1 -0
  6. package/dist/components/vv-button-group.css +1 -0
  7. package/dist/components/vv-button.css +1 -0
  8. package/dist/components/vv-card.css +1 -0
  9. package/dist/components/vv-dialog.css +1 -0
  10. package/dist/components/vv-dropdown.css +1 -0
  11. package/dist/components/vv-input-checkbox-group.css +1 -0
  12. package/dist/components/vv-input-checkbox.css +1 -0
  13. package/dist/components/vv-input-radio-group.css +1 -0
  14. package/dist/components/vv-input-radio.css +1 -0
  15. package/dist/components/vv-input-text.css +1 -0
  16. package/dist/components/vv-nav.css +1 -0
  17. package/dist/components/vv-progress.css +1 -0
  18. package/dist/components/vv-select.css +1 -0
  19. package/dist/components/vv-table.css +1 -0
  20. package/dist/components/vv-text.css +1 -0
  21. package/dist/components/vv-textarea.css +1 -0
  22. package/dist/components.css +1 -0
  23. package/dist/export.css +1 -0
  24. package/dist/props/animation.css +1 -0
  25. package/dist/props/background.css +1 -0
  26. package/dist/props/borders.css +1 -0
  27. package/dist/props/colors.css +1 -0
  28. package/dist/props/effects.css +1 -0
  29. package/dist/props/filters.css +1 -0
  30. package/dist/props/input.css +1 -0
  31. package/dist/props/layout.css +1 -0
  32. package/dist/props/media.css +0 -0
  33. package/dist/props/sizing.css +1 -0
  34. package/dist/props/spacing.css +1 -0
  35. package/dist/props/typography.css +1 -0
  36. package/dist/props.css +1 -0
  37. package/dist/reset.css +1 -0
  38. package/dist/themes/dark/components.css +1 -0
  39. package/dist/themes/dark/props.css +1 -0
  40. package/dist/themes/dark/volver.css +1 -0
  41. package/dist/utilities/animation.css +1 -0
  42. package/dist/utilities/backgrounds.css +1 -0
  43. package/dist/utilities/borders.css +1 -0
  44. package/dist/utilities/colors.css +1 -0
  45. package/dist/utilities/effects.css +1 -0
  46. package/dist/utilities/filters.css +1 -0
  47. package/dist/utilities/flexbox.css +1 -0
  48. package/dist/utilities/grid.css +1 -0
  49. package/dist/utilities/layout.css +1 -0
  50. package/dist/utilities/sizing.css +1 -0
  51. package/dist/utilities/spacing.css +1 -0
  52. package/dist/utilities/typography.css +1 -0
  53. package/dist/utilities.css +1 -0
  54. package/dist/volver.css +1 -0
  55. package/package.json +147 -116
  56. package/src/_config.scss +10 -7
  57. package/src/{preflight.scss → _preflight.scss} +71 -1
  58. package/src/components/index.scss +10 -7
  59. package/src/components/vv-accordion.scss +12 -0
  60. package/src/components/{vv-collapse.scss → vv-alert.scss} +2 -2
  61. package/src/components/vv-breadcrumb.scss +12 -0
  62. package/src/components/vv-button-group.scss +4 -8
  63. package/src/components/vv-nav.scss +12 -0
  64. package/src/reset.scss +1 -1
  65. package/src/settings/_index.scss +10 -7
  66. package/src/settings/components/_vv-accordion.scss +128 -0
  67. package/src/settings/components/_vv-alert.scss +148 -0
  68. package/src/settings/components/_vv-badge.scss +21 -9
  69. package/src/settings/components/_vv-breadcrumb.scss +87 -0
  70. package/src/settings/components/_vv-button.scss +106 -6
  71. package/src/settings/components/_vv-card.scss +2 -1
  72. package/src/settings/components/_vv-dialog.scss +2 -2
  73. package/src/settings/components/_vv-input-checkbox.scss +3 -2
  74. package/src/settings/components/_vv-input-radio.scss +2 -1
  75. package/src/settings/components/_vv-input-text.scss +19 -3
  76. package/src/settings/components/_vv-nav.scss +57 -0
  77. package/src/settings/components/_vv-select.scss +77 -3
  78. package/src/settings/components/_vv-table.scss +16 -3
  79. package/src/settings/components/_vv-text.scss +0 -1
  80. package/src/settings/components/_vv-textarea.scss +24 -3
  81. package/src/themes/dark/components/_vv-alert.scss +22 -0
  82. package/src/themes/dark/components/_vv-button.scss +2 -4
  83. package/src/themes/dark/components/_vv-input-checkbox.scss +2 -4
  84. package/src/themes/dark/components/index.scss +1 -0
  85. package/src/themes/dark/props/_background.scss +1 -1
  86. package/src/themes/dark/props/_colors.scss +1 -1
  87. package/src/themes/dark/settings/_background.scss +4 -4
  88. package/src/themes/dark/settings/_colors.scss +10 -10
  89. package/src/themes/dark/settings/_index.scss +1 -0
  90. package/src/themes/dark/settings/components/_vv-alert.scss +80 -0
  91. package/src/themes/dark/settings/components/_vv-button.scss +1 -1
  92. package/src/themes/dark/settings/components/_vv-input-checkbox.scss +3 -3
  93. package/src/themes/dark/{style.scss → volver.scss} +0 -0
  94. package/src/tools/_mixins.scss +49 -14
  95. package/src/utilities/flexbox.scss +18 -7
  96. package/src/utilities/grid.scss +16 -8
  97. package/src/utilities/layout.scss +2 -1
  98. package/src/{style.scss → volver.scss} +4 -4
  99. package/src/assets/24consulting.svg +0 -63
  100. package/src/assets/volverjs.svg +0 -15
  101. package/src/settings/components/_vv-collapse.scss +0 -111
@@ -396,7 +396,9 @@
396
396
  open,
397
397
  close,
398
398
  determinate,
399
- indeterminate
399
+ indeterminate,
400
+ selected,
401
+ current
400
402
  ),
401
403
  $state
402
404
  )
@@ -479,16 +481,30 @@
479
481
  '#{$modifier}#{$alias}[#{$state}]'
480
482
  );
481
483
  }
484
+
485
+ @if $state == 'disabled' {
486
+ $selectors: list.join(
487
+ $selectors,
488
+ '#{$modifier}#{$block-item}[aria-disabled="true"]'
489
+ );
490
+
491
+ @if $alias {
492
+ $selectors: list.join(
493
+ $selectors,
494
+ '#{$modifier}#{$alias}[aria-disabled="true"]'
495
+ );
496
+ }
497
+ }
482
498
  } @else if $state == 'focus-visible' {
483
499
  $selectors: list.join(
484
500
  $selectors,
485
- '#{$modifier}#{$block-item}:not(:active):not([disabled]):not([tabindex="-1"]):#{$state}'
501
+ '#{$modifier}#{$block-item}:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled="true"])):#{$state}'
486
502
  );
487
503
 
488
504
  @if $alias {
489
505
  $selectors: list.join(
490
506
  $selectors,
491
- '#{$modifier}#{$alias}:not(:active):not([disabled]):not([tabindex="-1"]):#{$state}'
507
+ '#{$modifier}#{$alias}:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled="true"])):#{$state}'
492
508
  );
493
509
  }
494
510
  } @else if $state == 'checked' {
@@ -503,7 +519,19 @@
503
519
  '#{$modifier}#{$alias}:#{$state}'
504
520
  );
505
521
  }
506
- } @else {
522
+ } @else if $state == 'selected' {
523
+ $selectors: list.join(
524
+ $selectors,
525
+ '#{$modifier}#{$block-item}[aria-selected="true"]'
526
+ );
527
+
528
+ @if $alias {
529
+ $selectors: list.join(
530
+ $selectors,
531
+ '#{$modifier}#{$alias}[aria-selected="true"]'
532
+ );
533
+ }
534
+ } @else if $state != 'current' {
507
535
  $selectors: list.join(
508
536
  $selectors,
509
537
  '#{$modifier}#{$block-item}:not([disabled]):#{$state}'
@@ -664,12 +692,14 @@
664
692
  progress-bar,
665
693
  progress-value,
666
694
  inner-element,
695
+ marker,
667
696
  -webkit-progress-bar,
668
697
  -webkit-progress-value,
669
698
  -webkit-inner-element,
670
699
  -moz-progress-bar,
671
700
  -moz-progress-value,
672
- -moz-inner-element
701
+ -moz-inner-element,
702
+ -webkit-details-marker
673
703
  ),
674
704
  $pseudo-element
675
705
  )
@@ -684,11 +714,12 @@
684
714
  $pseudo-element
685
715
  ) {
686
716
  @if not $original {
687
- @if not
717
+ @if not(
688
718
  map.has-key(
689
719
  $pseudo-map,
690
720
  'content'
691
721
  )
722
+ )
692
723
  {
693
724
  content: '';
694
725
  }
@@ -763,7 +794,7 @@
763
794
  );
764
795
  }
765
796
 
766
- #{$key}: #{$value};
797
+ #{$key}: $value;
767
798
  }
768
799
  }
769
800
  }
@@ -785,6 +816,7 @@
785
816
  } @else if $enabled {
786
817
  $selector: ':where(#{$selector})';
787
818
  }
819
+
788
820
  #{$selector} {
789
821
  @content;
790
822
  }
@@ -800,6 +832,7 @@
800
832
  $breakpoints-key: 'breakpoint',
801
833
  $props: true,
802
834
  $zero-specificity: true,
835
+ $custom-props: false,
803
836
  $custom-block: false,
804
837
  $custom-elements: false,
805
838
  $custom-modifiers: false,
@@ -810,13 +843,15 @@
810
843
  $selector: '.' + $block;
811
844
 
812
845
  // custom props
813
- @if $props {
814
- :where(:host, :root, .theme) {
815
- @include spread-map-into-props(
816
- $map: $map,
817
- $prefix: $block,
818
- $deep: true
819
- );
846
+ @if not $custom-props {
847
+ @if $props {
848
+ :where(:host, :root, .theme) {
849
+ @include spread-map-into-props(
850
+ $map: $map,
851
+ $prefix: $block,
852
+ $deep: true
853
+ );
854
+ }
820
855
  }
821
856
  }
822
857
 
@@ -5,18 +5,25 @@
5
5
  @include spread-map-into-utilities(
6
6
  $map: $flex-direction,
7
7
  $class: flex,
8
- $attribute: flex-direction
8
+ $attribute: flex-direction,
9
+ $bps: $breakpoints
9
10
  );
10
11
 
11
12
  // flex wrap
12
13
  @include spread-map-into-utilities(
13
14
  $map: $flex-wrap,
14
15
  $class: flex,
15
- $attribute: flex-wrap
16
+ $attribute: flex-wrap,
17
+ $bps: $breakpoints
16
18
  );
17
19
 
18
20
  // flex
19
- @include spread-map-into-utilities($map: $flex, $class: flex, $attribute: flex);
21
+ @include spread-map-into-utilities(
22
+ $map: $flex,
23
+ $class: flex,
24
+ $attribute: flex,
25
+ $bps: $breakpoints
26
+ );
20
27
 
21
28
  // flex grow
22
29
  @each $prefix, $prop in (grow: flex-grow, shrink: flex-shrink) {
@@ -37,7 +44,8 @@
37
44
  @include spread-map-into-utilities(
38
45
  $map: $order,
39
46
  $class: order,
40
- $attribute: order
47
+ $attribute: order,
48
+ $bps: $breakpoints
41
49
  );
42
50
 
43
51
  // gap
@@ -90,7 +98,8 @@
90
98
  @include spread-map-into-utilities(
91
99
  $map: $justify-align-content,
92
100
  $class: $class,
93
- $attribute: $attribute
101
+ $attribute: $attribute,
102
+ $bps: $breakpoints
94
103
  );
95
104
  }
96
105
 
@@ -99,7 +108,8 @@
99
108
  @include spread-map-into-utilities(
100
109
  $map: $justify-align-items,
101
110
  $class: $class,
102
- $attribute: $attribute
111
+ $attribute: $attribute,
112
+ $bps: $breakpoints
103
113
  );
104
114
  }
105
115
 
@@ -108,6 +118,7 @@
108
118
  @include spread-map-into-utilities(
109
119
  $map: $justify-align-self,
110
120
  $class: $class,
111
- $attribute: $attribute
121
+ $attribute: $attribute,
122
+ $bps: $breakpoints
112
123
  );
113
124
  }
@@ -5,14 +5,16 @@
5
5
  @include spread-map-into-utilities(
6
6
  $map: $grid-template-columns,
7
7
  $class: grid-cols,
8
- $attribute: grid-template-columns
8
+ $attribute: grid-template-columns,
9
+ $bps: $breakpoints
9
10
  );
10
11
 
11
12
  // grid column
12
13
  @include spread-map-into-utilities(
13
14
  $map: $grid-column,
14
15
  $class: col,
15
- $attribute: grid-column
16
+ $attribute: grid-column,
17
+ $bps: $breakpoints
16
18
  );
17
19
 
18
20
  // grid column start/end
@@ -22,7 +24,8 @@
22
24
  @include spread-map-into-utilities(
23
25
  $map: $grid-column-start-end,
24
26
  $class: $class,
25
- $attribute: $attribute
27
+ $attribute: $attribute,
28
+ $bps: $breakpoints
26
29
  );
27
30
  }
28
31
 
@@ -30,14 +33,16 @@
30
33
  @include spread-map-into-utilities(
31
34
  $map: $grid-template-rows,
32
35
  $class: grid-rows,
33
- $attribute: grid-template-rows
36
+ $attribute: grid-template-rows,
37
+ $bps: $breakpoints
34
38
  );
35
39
 
36
40
  // grid row
37
41
  @include spread-map-into-utilities(
38
42
  $map: $grid-row,
39
43
  $class: row,
40
- $attribute: grid-row
44
+ $attribute: grid-row,
45
+ $bps: $breakpoints
41
46
  );
42
47
 
43
48
  // grid row start/end
@@ -45,7 +50,8 @@
45
50
  @include spread-map-into-utilities(
46
51
  $map: $grid-row-start-end,
47
52
  $class: $class,
48
- $attribute: $attribute
53
+ $attribute: $attribute,
54
+ $bps: $breakpoints
49
55
  );
50
56
  }
51
57
 
@@ -53,7 +59,8 @@
53
59
  @include spread-map-into-utilities(
54
60
  $map: $grid-auto-flow,
55
61
  $class: grid-flow,
56
- $attribute: grid-auto-flow
62
+ $attribute: grid-auto-flow,
63
+ $bps: $breakpoints
57
64
  );
58
65
 
59
66
  // grid auto rows/columns
@@ -63,6 +70,7 @@
63
70
  @include spread-map-into-utilities(
64
71
  $map: $grid-auto-rows-columns,
65
72
  $class: $class,
66
- $attribute: $attribute
73
+ $attribute: $attribute,
74
+ $bps: $breakpoints
67
75
  );
68
76
  }
@@ -6,7 +6,8 @@
6
6
  $map: $aspect-ratio,
7
7
  $class: aspect,
8
8
  $attribute: aspect-ratio,
9
- $prop: aspect
9
+ $prop: aspect,
10
+ $bps: $breakpoints
10
11
  );
11
12
 
12
13
  // container
@@ -4,11 +4,11 @@
4
4
  // props
5
5
  @import 'props';
6
6
 
7
- // preflight
8
- @import 'preflight';
9
-
10
7
  // components
11
8
  @import 'components';
12
9
 
13
- // utilities (must be the last one)
10
+ // utilities
14
11
  @import 'utilities';
12
+
13
+ // preflight
14
+ @import 'preflight';
@@ -1,63 +0,0 @@
1
- <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1088 337" width="250" height="77">
2
- <style>
3
- .fill {
4
- fill: #2c2e35;
5
- }
6
-
7
- @media (prefers-color-scheme: dark) {
8
- .fill {
9
- fill: #fff;
10
- }
11
- }
12
- </style>
13
- <path class="fill" d="m713 236.1l-15-36.7h5l12.7 32.3 12.7-32.3h4.6l-14.9 36.7z" />
14
- <path fill-rule="evenodd" class="fill"
15
- d="m755.5 236.8q-4.1 0-7.4-1.5-3.4-1.5-5.9-4.1-2.5-2.7-3.8-6.1-1.4-3.5-1.4-7.5 0-3.8 1.4-7.3 1.3-3.4 3.8-6 2.5-2.5 5.8-4 3.4-1.6 7.4-1.6 4 0 7.4 1.6 3.3 1.5 5.7 4.1 2.4 2.6 3.8 6 1.3 3.4 1.3 7.2 0 0.5 0 1.1-0.1 0.6-0.1 0.8h-31.4q0.2 2.9 1.3 5.4 1.2 2.6 3 4.4 1.8 1.8 4.2 2.8 2.3 1.1 5 1.1 1.8 0 3.6-0.5 1.8-0.5 3.2-1.4 1.5-0.8 2.7-2.1 1.2-1.2 1.8-2.7l4.2 1.2q-0.9 2-2.4 3.7-1.6 1.6-3.6 2.9-2.1 1.2-4.6 1.9-2.4 0.6-5 0.6zm13.5-21q-0.2-3-1.4-5.4-1.1-2.4-2.9-4.2-1.8-1.7-4.2-2.7-2.4-1-5.1-1-2.7 0-5.1 1-2.4 1-4.2 2.7-1.8 1.8-2.9 4.2-1.1 2.5-1.3 5.4z" />
16
- <path class="fill"
17
- d="m811.7 236.1h-4.8v-20.5q0-6.6-1.9-9.5-1.9-3-5.9-3-2.2 0-4.3 0.8-2.1 0.8-3.9 2.2-1.9 1.4-3.2 3.3-1.4 2-2.1 4.2v22.5h-4.8v-36.7h4.4v8.3q1.1-2 2.7-3.6 1.7-1.7 3.8-2.9 2-1.2 4.3-1.8 2.3-0.7 4.8-0.7 3.1 0 5.1 1.2 2.1 1.1 3.4 3.1 1.3 2.1 1.8 5.1 0.6 2.9 0.6 6.5z" />
18
- <path class="fill"
19
- d="m839.1 234.4q-0.4 0.2-1.2 0.5-0.8 0.4-1.9 0.7-1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.5 0.1-3-0.4-1.4-0.4-2.4-1.3-1.1-0.9-1.7-2.2-0.7-1.3-0.7-3.1v-26.3h-5v-3.8h5v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.2 2 1.5 3 1.2 0.9 3 0.9 2 0 3.6-0.7 1.5-0.6 2-0.9z" />
20
- <path class="fill" d="m844.8 191.7v-7.1h4.8v7.1zm0 44.4v-36.7h4.8v36.7z" />
21
- <path fill-rule="evenodd" class="fill"
22
- d="m874.1 236.8q-3.7 0-6.8-1.6-3.1-1.5-5.2-4.2-2.2-2.6-3.4-6.1-1.2-3.4-1.2-7.1 0-3.8 1.3-7.3 1.3-3.4 3.7-6 2.4-2.7 5.6-4.2 3.2-1.6 6.9-1.6 4.3 0 7.9 2.3 3.6 2.2 5.8 5.6v-7.2h4.3v45.3q0 2 1.6 2.1v4.1q-0.9 0.3-2 0.3-1.8 0-3.1-1.3-1.3-1.3-1.3-3.1v-18.3q-2.7 4.1-6.3 6.2-3.5 2.1-7.8 2.1zm1.5-4.2q2.2 0 4.1-0.7 1.8-0.7 3.4-1.9 1.6-1.1 2.8-2.7 1.3-1.6 2.3-3.4v-11.3q-0.3-1.9-1.5-3.7-1.2-1.7-3-3-1.7-1.4-3.7-2.2-2.1-0.7-4-0.7-3 0-5.5 1.2-2.5 1.3-4.3 3.4-1.8 2.1-2.8 4.8-1 2.6-1 5.5 0 2.9 1 5.6 1 2.7 2.7 4.7 1.7 2 4.2 3.2 2.4 1.2 5.3 1.2z" />
23
- <path class="fill"
24
- d="m914.6 236.8q-5.8 0-8.7-4-3-3.9-3-11.8v-21.6h4.8v20.7q0 12.5 8.5 12.5 2.1 0 4.2-0.7 2-0.7 3.8-2.1 1.7-1.3 3.1-3.1 1.3-1.9 2.2-4.2v-23.1h4.8v30.5q0 2 1.8 2v4.2q-1.5 0.2-2 0.2-1.6 0-2.8-0.9-1.2-1-1.2-2.5v-5.1q-2.4 4.3-6.5 6.7-4.1 2.3-9 2.3z" />
25
- <path fill-rule="evenodd" class="fill"
26
- d="m954.9 236.8q-2.8 0-5.2-0.8-2.3-0.9-3.9-2.5-1.7-1.5-2.6-3.6-0.9-2-0.9-4.3 0-2.5 1.1-4.6 1.1-2.1 3.2-3.6 2-1.4 4.9-2.3 2.8-0.8 6.3-0.8 2.7 0 5.6 0.5 2.9 0.5 5.2 1.4v-3.3q0-4.8-2.8-7.7-2.8-2.9-7.5-2.9-3 0-5.9 1.2-2.9 1.1-6 3.2l-1.7-3.2q3.6-2.4 7-3.6 3.4-1.2 7.1-1.2 6.7 0 10.6 3.9 4 3.9 4 10.7v16.6q0 2 1.7 2v4.2q-0.6 0.1-1.1 0.1-0.5 0.1-0.8 0.1-1.5 0-2.6-0.9-1.2-0.8-1.3-2.5l-0.2-2.9q-2.4 3.2-6.3 5-3.9 1.8-7.9 1.8zm1.2-3.6q3.2 0 6.3-1.4 3.1-1.4 5-3.8 0.5-0.6 0.8-1.4 0.4-0.7 0.4-1.3v-6q-2.4-1-5-1.4-2.6-0.5-5.1-0.5-5.2 0-8.4 2-3.2 2.1-3.2 5.8 0 1.5 0.6 2.9 0.5 1.4 1.7 2.5 1.2 1.2 2.9 1.9 1.7 0.7 4 0.7z" />
27
- <path class="fill"
28
- d="m1001.1 234.4q-0.4 0.2-1.2 0.5-0.9 0.4-1.9 0.7-1.1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.6 0.1-3-0.4-1.4-0.4-2.5-1.3-1-0.9-1.7-2.2-0.6-1.3-0.6-3.1v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.1 2 1.4 3 1.3 0.9 3.1 0.9 2 0 3.5-0.7 1.6-0.6 2-0.9z" />
29
- <path class="fill"
30
- d="m1024.4 234.4q-0.4 0.2-1.2 0.5-0.8 0.4-1.9 0.7-1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.5 0.1-2.9-0.4-1.5-0.4-2.5-1.3-1.1-0.9-1.7-2.2-0.6-1.3-0.6-3.1v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.4v3.8h-8.4v25q0.1 2 1.4 3 1.2 0.9 3 0.9 2 0 3.6-0.7 1.6-0.6 2-0.9z" />
31
- <path class="fill"
32
- d="m1048.4 203.6q-4.8 0.1-8.4 2.7-3.6 2.5-5.1 7v22.8h-4.8v-36.7h4.5v8.8q1.9-3.9 5-6.5 3.1-2.5 6.7-2.5 0.6 0 1.2 0 0.6 0 0.9 0z" />
33
- <path fill-rule="evenodd" class="fill"
34
- d="m1069 236.8q-4 0-7.3-1.5-3.4-1.5-5.8-4.1-2.5-2.6-3.8-6.1-1.3-3.4-1.3-7.2 0-3.9 1.3-7.4 1.4-3.4 3.8-6 2.5-2.7 5.8-4.2 3.4-1.6 7.3-1.6 4 0 7.3 1.6 3.4 1.5 5.8 4.2 2.4 2.6 3.8 6 1.4 3.5 1.4 7.4 0 3.8-1.4 7.2-1.4 3.5-3.8 6.1-2.4 2.6-5.8 4.1-3.3 1.5-7.3 1.5zm-13.3-18.9q0 3.1 1 5.8 1 2.6 2.8 4.6 1.8 2 4.3 3.2 2.4 1.1 5.2 1.1 2.7 0 5.1-1.2 2.5-1.1 4.3-3.1 1.8-2 2.9-4.7 1.1-2.7 1.1-5.8 0-3-1.1-5.8-1.1-2.7-2.9-4.7-1.8-2-4.2-3.2-2.4-1.1-5.2-1.1-2.7 0-5.2 1.1-2.4 1.2-4.2 3.2-1.8 2.1-2.8 4.8-1.1 2.7-1.1 5.8z" />
35
- <path class="fill"
36
- d="m754.3 302.3q0-3.9 1.3-7.3 1.3-3.5 3.8-6.1 2.4-2.5 5.8-4 3.4-1.5 7.5-1.5 5.2 0 9.1 2.4 3.9 2.3 5.8 6.3l-4.6 1.5q-1.6-2.8-4.3-4.4-2.8-1.6-6.2-1.6-2.8 0-5.2 1.2-2.5 1.1-4.3 3-1.8 2-2.8 4.6-1 2.7-1 5.9 0 3.1 1.1 5.8 1 2.8 2.9 4.8 1.8 2 4.2 3.2 2.5 1.2 5.2 1.2 1.8 0 3.5-0.5 1.7-0.5 3.2-1.4 1.5-0.9 2.5-2 1.1-1.2 1.5-2.4l4.7 1.4q-0.8 2-2.3 3.6-1.5 1.7-3.5 2.9-2 1.2-4.4 1.9-2.4 0.7-5.1 0.7-4 0-7.4-1.5-3.3-1.6-5.8-4.2-2.5-2.6-3.9-6.1-1.3-3.5-1.3-7.4z" />
37
- <path fill-rule="evenodd" class="fill"
38
- d="m810.9 321.5q-4 0-7.4-1.5-3.3-1.5-5.7-4.2-2.5-2.6-3.8-6-1.4-3.5-1.4-7.3 0-3.9 1.4-7.3 1.4-3.5 3.8-6.1 2.5-2.6 5.8-4.2 3.4-1.5 7.3-1.5 4 0 7.3 1.5 3.4 1.6 5.8 4.2 2.4 2.6 3.8 6.1 1.4 3.4 1.4 7.3 0 3.8-1.4 7.3-1.4 3.4-3.8 6-2.4 2.7-5.8 4.2-3.3 1.5-7.3 1.5zm-13.3-18.9q0 3.1 1 5.7 1 2.7 2.8 4.7 1.8 2 4.3 3.1 2.4 1.2 5.1 1.2 2.8 0 5.2-1.2 2.5-1.2 4.3-3.2 1.8-2 2.9-4.7 1-2.7 1-5.8 0-3-1-5.7-1.1-2.7-2.9-4.7-1.8-2-4.2-3.2-2.4-1.2-5.2-1.2-2.7 0-5.2 1.2-2.4 1.2-4.2 3.2-1.8 2-2.9 4.8-1 2.7-1 5.8z" />
39
- <path class="fill"
40
- d="m867.9 320.8h-4.8v-20.6q0-6.5-1.9-9.5-1.9-2.9-5.9-2.9-2.1 0-4.3 0.7-2.1 0.8-3.9 2.2-1.8 1.4-3.2 3.4-1.4 1.9-2.1 4.2v22.5h-4.8v-36.8h4.4v8.3q1.1-1.9 2.8-3.6 1.6-1.6 3.7-2.8 2-1.2 4.3-1.9 2.3-0.6 4.8-0.6 3.1 0 5.2 1.1 2 1.1 3.3 3.2 1.3 2 1.8 5 0.6 3 0.6 6.6z" />
41
- <path class="fill"
42
- d="m890.2 321.5q-4.3 0-8.4-1.4-4.1-1.4-7-4.1l2.1-3.3q3.1 2.6 6.4 3.8 3.2 1.3 6.8 1.3 4.5 0 7.1-1.8 2.7-1.8 2.7-5.1 0-1.5-0.7-2.6-0.7-1-2.1-1.8-1.4-0.7-3.5-1.3-2.1-0.6-4.8-1.3-3.2-0.8-5.5-1.5-2.3-0.8-3.9-1.8-1.5-1-2.2-2.4-0.8-1.5-0.8-3.7 0-2.7 1.1-4.8 1.1-2.1 3-3.5 1.9-1.4 4.4-2.1 2.5-0.7 5.3-0.7 4.2 0 7.7 1.4 3.4 1.3 5.6 3.6l-2.4 2.8q-2-2.1-4.9-3.2-3-1-6.1-1-1.9 0-3.6 0.4-1.6 0.4-2.8 1.2-1.3 0.9-2 2.2-0.7 1.3-0.7 3 0 1.5 0.5 2.4 0.5 0.9 1.6 1.6 1.2 0.7 2.9 1.2 1.7 0.5 4.2 1.1 3.5 0.9 6.2 1.7 2.7 0.8 4.5 2 1.8 1.1 2.7 2.7 0.9 1.7 0.9 4 0 5.1-3.9 8-3.8 3-10.4 3z" />
43
- <path class="fill"
44
- d="m923.6 321.5q-5.8 0-8.8-4-2.9-4-2.9-11.9v-21.6h4.8v20.8q0 12.5 8.5 12.5 2.1 0 4.1-0.8 2.1-0.7 3.8-2 1.7-1.3 3.1-3.2 1.4-1.8 2.2-4.1v-23.2h4.8v30.6q0 1.9 1.8 1.9v4.3q-1.4 0.2-2 0.2-1.6 0-2.8-1-1.1-1-1.1-2.5v-5q-2.5 4.3-6.6 6.6-4.1 2.4-8.9 2.4z" />
45
- <path class="fill"
46
- d="m954.3 269.3h4.8v43.2q0 2 1.1 3.2 1.2 1.1 3.2 1.1 0.8 0 1.9-0.2 1-0.2 1.9-0.5l0.9 3.8q-1.4 0.6-3.3 0.9-1.9 0.4-3.4 0.4-3.3 0-5.2-1.9-1.9-1.8-1.9-5.2z" />
47
- <path class="fill"
48
- d="m990.1 319q-0.4 0.2-1.2 0.6-0.9 0.3-1.9 0.7-1.1 0.3-2.4 0.6-1.4 0.3-2.8 0.3-1.6 0-3-0.4-1.4-0.4-2.5-1.3-1-0.9-1.7-2.2-0.6-1.4-0.6-3.2v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.1 2.1 1.4 3 1.3 1 3 1 2.1 0 3.6-0.7 1.6-0.7 2-1z" />
49
- <path class="fill" d="m995.7 276.3v-7h4.8v7zm0 44.5v-36.8h4.8v36.8z" />
50
- <path class="fill"
51
- d="m1041.7 320.8h-4.8v-20.6q0-6.5-1.9-9.5-1.9-2.9-5.9-2.9-2.1 0-4.2 0.7-2.2 0.8-4 2.2-1.8 1.4-3.2 3.4-1.4 1.9-2.1 4.2v22.5h-4.8v-36.8h4.4v8.3q1.1-1.9 2.8-3.6 1.6-1.6 3.7-2.8 2-1.2 4.3-1.9 2.3-0.6 4.8-0.6 3.1 0 5.2 1.1 2.1 1.1 3.3 3.2 1.3 2 1.9 5 0.5 3 0.5 6.6z" />
52
- <path fill-rule="evenodd" class="fill"
53
- d="m1066.6 321.3q-3.9 0-7-1.6-3.1-1.6-5.4-4.2-2.3-2.6-3.6-6-1.3-3.4-1.3-7 0-3.8 1.3-7.3 1.2-3.5 3.5-6.1 2.2-2.6 5.4-4.2 3.1-1.5 6.9-1.5 4.7 0 8.2 2.4 3.5 2.3 5.9 5.9v-7.7h4.3v36.9q0 3.8-1.4 6.8-1.5 2.9-3.9 4.9-2.4 1.9-5.7 2.9-3.4 1-7 1-6.3 0-10.2-2.2-3.9-2.3-6.3-6.1l3-2.3q2.2 3.5 5.8 5.1 3.6 1.7 7.7 1.7 2.6 0 5.1-0.7 2.4-0.8 4.2-2.2 1.8-1.5 2.9-3.7 1-2.2 1-5.2v-7.2q-2.2 3.5-5.8 5.5-3.6 2.1-7.6 2.1zm1.3-4q2.1 0 4.2-0.8 2-0.8 3.7-2.1 1.6-1.3 2.7-2.9 1.2-1.7 1.5-3.4v-11.3q-0.7-2-2.1-3.7-1.4-1.7-3.1-2.9-1.7-1.2-3.6-1.9-2-0.7-3.9-0.7-3.1 0-5.5 1.3-2.4 1.3-4.1 3.4-1.7 2.2-2.6 4.8-0.9 2.7-0.9 5.5 0 2.9 1.1 5.6 1 2.7 2.9 4.7 1.8 2 4.3 3.2 2.5 1.2 5.4 1.2z" />
54
- <path class="fill"
55
- d="m0.6 158.4q0-10.8 1.8-20.3 1.7-9.4 6.6-18 4.8-8.7 13.3-16.5 8.5-7.8 22.3-15.7 8.1-4.3 16.5-8.5 8.3-4.1 15.2-8.9 6.9-4.7 11.3-10.1 4.5-5.4 4.5-12.7 0-4.6-2.2-9.1-2.1-4.6-6.2-8.1-4-3.5-10.1-5.7-6.1-2.2-13.9-2.2-8.1 0-14.7 2.3-6.6 2.3-11.7 5.7-5.2 3.4-8.9 7.1-3.8 3.8-6.3 6.8l-15.3-17.3q2.1-2.4 7.3-6.6 5.1-4.2 12.9-8.5 7.8-4.3 18.1-7.4 10.2-3.1 22.9-3.1 12.4 0 22.4 3.4 10 3.3 16.9 9.3 6.9 5.9 10.7 13.9 3.7 7.9 3.7 16.8 0 10.6-4.6 18.4-4.5 7.8-11.2 13.7-6.6 6-14.1 10.2-7.6 4.1-13.5 7.1-6 3-13.4 7.2-7.4 4.2-14.1 9.4-6.8 5.3-11.8 11.8-5 6.4-6.3 14h94.6l-16.8 21.6z" />
56
- <path fill-rule="evenodd" class="fill"
57
- d="m196 204v-45.6h-102.9l16.2-21 94.2-121.8h16.2v121.2h35.5v21.6h-35.5v45.6zm-62.1-67.2h64.5v-84.5z" />
58
- <path class="fill"
59
- d="m308.3 251.2q0-12 4.2-23.8 4.3-11.9 12.2-21.3 8-9.5 19.7-15.4 11.8-5.9 26.8-5.9 17.8 0 30.3 8.1 12.5 8.2 18.5 20.9l-5.7 2.7q-3.7-7.2-8.7-12-5-4.9-10.8-7.9-5.8-3-12-4.3-6.2-1.3-12.4-1.3-13.3 0-23.7 5.3-10.4 5.4-17.6 14-7.1 8.6-10.8 19.5-3.6 10.9-3.6 22 0 12.2 4.3 23.4 4.3 11.3 11.9 19.8 7.6 8.5 17.9 13.6 10.4 5.1 22.2 5.1 6.4 0 13-1.6 6.7-1.6 12.9-4.9 6.2-3.3 11.4-8.3 5.3-5.1 9-12.2l5.7 2.2q-3.4 7.5-9.2 13.3-5.8 5.9-13 9.8-7.1 3.9-15 5.9-7.9 2-15.6 2-13.5 0-24.9-6-11.5-6-19.6-15.7-8.2-9.7-12.8-22-4.6-12.2-4.6-25z" />
60
- <path fill-rule="evenodd" class="fill"
61
- d="m500.1 319.7q-13.9 0-25.2-5.8-11.4-5.8-19.7-15.2-8.2-9.4-12.7-21.6-4.5-12.2-4.5-25 0-13.3 4.8-25.5 4.7-12.2 13.1-21.6 8.3-9.4 19.7-14.9 11.4-5.5 24.7-5.5 13.7 0 25.1 5.9 11.5 5.9 19.6 15.5 8.2 9.5 12.7 21.6 4.5 12.1 4.5 24.5 0 13.5-4.8 25.7-4.8 12.2-13.1 21.5-8.4 9.3-19.7 14.8-11.4 5.6-24.5 5.6zm-55.7-67.6q0 12 4.1 23.1 4.1 11.1 11.5 19.6 7.4 8.6 17.7 13.6 10.2 5.1 22.4 5.1 12.6 0 22.8-5.4 10.2-5.3 17.5-13.9 7.3-8.7 11.4-19.7 4-11.1 4-22.4 0-12-4.2-23.1-4.2-11-11.7-19.6-7.5-8.5-17.7-13.6-10.1-5-22.1-5-12.6 0-22.8 5.3-10.2 5.4-17.6 14-7.3 8.6-11.3 19.6-4 11-4 22.4z" />
62
- <path class="fill" d="m185.2 319.3l-2.7-2 245.1-316.8 2.7 2.1z" />
63
- </svg>
@@ -1,15 +0,0 @@
1
- <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="200" height="200">
2
- <style>
3
- .circle {
4
- fill: #45cb85;
5
- }
6
-
7
- .letter {
8
- fill: #fff;
9
- }
10
- </style>
11
- <path class="circle"
12
- d="m200 400c-110.6 0-200-89.4-200-200 0-110.6 89.4-200 200-200 110.6 0 200 89.4 200 200 0 110.6-89.4 200-200 200z" />
13
- <path fill-rule="evenodd" class="letter"
14
- d="m320 198.9q6.8 0 9.8 3 3.3 3 3.3 7.8 0 7.8-4.8 13.7-4.4 6-14.3 6.3-23.9 0.6-42.4-3.6-21.2 44.5-51.4 74.1-29.9 29.3-60.1 29.3-31 0-46.3-36.2-15.2-36.1-15.2-97.6 0-52.6 7.5-94.4 2.7-15.6 7.4-21 5.1-5.6 17.1-5.6 19.7 0 19.7 17 0 1.8-0.6 6.6-9 53.7-9 97.4 0 45.7 7.5 69.6 7.8 23.6 23 23.6 15.5 0 33.8-21.5 18.2-21.6 33.4-54.1-18.2-11.4-27.5-29.3-9.2-18.2-9.2-41.8 0-23.6 7.1-39.8 7.5-16.4 20.1-24.4 12.8-8.1 28.3-8.1 19.2 0 30.2 13.7 11.4 13.8 11.4 37.7 0 34.3-15 75 15.9 2.6 36.2 2.6zm-88.2-58.8q0 29.3 18.9 43.3 11.6-33.5 11.6-55.3 0-12.5-3.3-18.2-3.3-6-8.9-6-8.1 0-13.2 9.6-5.1 9.3-5.1 26.6z" />
15
- </svg>
@@ -1,111 +0,0 @@
1
- $vv-collapse: (
2
- display: block,
3
- min-width: 2.093em,
4
- padding: 0,
5
- border-radius: 0,
6
- border-bottom: var(--border) solid var(--color-surface-2),
7
- margin: 0,
8
- background: none,
9
- font-family: var(--font-sans),
10
- font-size: 0.6em,
11
- font-weight: normal,
12
- state: (
13
- open: (
14
- display: contents,
15
- padding: 0,
16
- margin: 0,
17
- element: (
18
- header: (
19
- list-style-type: none,
20
- color: var(--color-brand),
21
- pseudo: (
22
- after: (
23
- transform: rotate(0deg),
24
- will-change: transform,
25
- transition: transform 0.2s ease-in-out,
26
- ),
27
- ),
28
- ),
29
- content: (
30
- height: auto,
31
- opacity: 1,
32
- ),
33
- ),
34
- ),
35
- blocked: (
36
- cursor: not-allowed,
37
- opacity: 0.5,
38
- pointer-events: none,
39
- user-select: none,
40
- ),
41
- ),
42
- element: (
43
- header: (
44
- cursor: pointer,
45
- list-style-type: none,
46
- padding: 1em,
47
- margin: var(--spacing-0),
48
- background: none,
49
- color: var(--color-word-3),
50
- font-size: var(--text-sm),
51
- line-height: 1em,
52
- box-shadow: none,
53
- pseudo: (
54
- after: (
55
- display: block,
56
- float: right,
57
- width: 1em,
58
- height: 1em,
59
- background-image: var(--bg-chevron),
60
- background-position: right center,
61
- background-size: 1em auto,
62
- background-repeat: no-repeat,
63
- transform: rotate(-90deg),
64
- will-change: transform,
65
- transition: transform 0.2s ease-in-out,
66
- ),
67
- ),
68
- ),
69
- content: (
70
- display: block,
71
- height: 0,
72
- padding: var(--spacing-0) 1em 1em 1em,
73
- margin: var(--spacing-0),
74
- background: none,
75
- color: var(--color-word-4),
76
- font-size: var(--text-xs),
77
- box-shadow: none,
78
- opacity: 0,
79
- transition: all 0.7s ease-in-out,
80
- ),
81
- ),
82
- modifier: (
83
- minimal: (
84
- display: contents,
85
- padding: 0,
86
- margin: 0,
87
- state: (
88
- open: (
89
- element: (
90
- header: (
91
- list-style-type: disclosure-open,
92
- color: var(--color-brand),
93
- ),
94
- ),
95
- ),
96
- ),
97
- element: (
98
- header: (
99
- display: list-item,
100
- counter-increment: list-item 0,
101
- list-style-type: disclosure-closed,
102
- pseudo: (
103
- after: (
104
- display: none,
105
- ),
106
- ),
107
- ),
108
- ),
109
- ),
110
- ),
111
- ) !default;