@utrecht/component-library-css 6.0.0 → 7.0.0

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.
package/dist/html.css CHANGED
@@ -1,50 +1,7 @@
1
1
  /**
2
2
  * @license EUPL-1.2
3
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
4
- */
5
- /**
6
- * @license EUPL-1.2
7
- * Copyright (c) 2021 Robbert Broersma
8
- * Copyright (c) 2021 Gemeente Utrecht
9
- */
10
- /**
11
- * @license EUPL-1.2
12
- * Copyright (c) 2022 Gemeente Utrecht
13
- * Copyright (c) 2022 Robbert Broersma
14
- * Copyright (c) 2022 The Knights Who Say NIH! B.V.
15
- */
16
- /**
17
- * @license EUPL-1.2
18
- * Copyright (c) 2021-2022 Frameless B.V.
19
- */
20
- /**
21
- * @license EUPL-1.2
22
- * Copyright (c) 2021 Gemeente Utrecht
23
- * Copyright (c) 2021 Robbert Broersma
24
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
25
- */
26
- /**
27
- * @license EUPL-1.2
28
- * Copyright (c) 2021 Gemeente Utrecht
29
- * Copyright (c) 2021 Robbert Broersma
30
- */
31
- /**
32
- * @license EUPL-1.2
33
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
34
- * Copyright (c) 2021 Gemeente Utrecht
35
- */
36
- /**
37
- * @license EUPL-1.2
38
- * Copyright (c) 2020-2022 Gemeente Utrecht
39
- * Copyright (c) 2020-2022 Frameless B.V.
40
- */
41
- /**
42
- * @license EUPL-1.2
43
- * Copyright (c) 2021 Robbert Broersma
44
- */
45
- /**
46
- * @license EUPL-1.2
47
- * Copyright (c) 2021 Gemeente Utrecht
3
+ * Copyright (c) 2020-2024 Frameless B.V.
4
+ * Copyright (c) 2021-2024 Gemeente Utrecht
48
5
  */
49
6
  @charset "UTF-8";
50
7
  .utrecht-html {
@@ -55,7 +12,14 @@
55
12
  }
56
13
  .utrecht-html blockquote {
57
14
  background-color: var(--utrecht-blockquote-background-color);
15
+ border-color: var(--utrecht-blockquote-border-color);
16
+ border-radius: var(--utrecht-blockquote-border-radius, 0);
17
+ border-style: solid;
18
+ border-width: var(--utrecht-blockquote-border-width, 0);
19
+ border-inline-start-width: var(--utrecht-blockquote-border-inline-start-width, var(--utrecht-blockquote-border-width, 0));
58
20
  color: var(--utrecht-blockquote-color);
21
+ display: flex;
22
+ flex-direction: column;
59
23
  font-family: var(--utrecht-document-font-family);
60
24
  font-size: var(--utrecht-blockquote-font-size);
61
25
  font-style: var(--utrecht-blockquote-font-style);
@@ -67,6 +31,7 @@
67
31
  padding-block-start: var(--utrecht-blockquote-padding-block-start);
68
32
  padding-inline-end: var(--utrecht-blockquote-padding-inline-end);
69
33
  padding-inline-start: var(--utrecht-blockquote-padding-inline-start);
34
+ row-gap: var(--utrecht-blockquote-row-gap, 0);
70
35
  --utrecht-document-color: var(--utrecht-blockquote-content-color, inherit);
71
36
  --utrecht-paragraph-font-size: var(--utrecht-blockquote-content-font-size, inherit);
72
37
  color: var(--utrecht-blockquote-content-color, inherit);
@@ -874,6 +839,11 @@
874
839
  padding-inline-end: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
875
840
  padding-inline-start: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
876
841
  }
842
+ .utrecht-html select:hover {
843
+ background-color: var(--utrecht-select-hover-background-color, var(--utrecht-form-control-hover-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
844
+ border-color: var(--utrecht-select-hover-border-color, var(--utrecht-form-control-hover-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
845
+ color: var(--utrecht-select-hover-color, var(--utrecht-form-control-hover-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
846
+ }
877
847
  .utrecht-html select:focus {
878
848
  background-color: var(--utrecht-select-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
879
849
  border-color: var(--utrecht-select-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));