clairity.css 0.5.0 → 0.5.2
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +26 -1
- data/lib/assets/css/clairity/classes.css +0 -12
- data/lib/assets/css/clairity/components.css +31 -1
- data/lib/assets/css/clairity/cosmetic.css +2 -2
- data/lib/clairity.css/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b6d8450ea6efd04150ba9ba0d7cbf8f042a57f01375d42969821910c41eced9e
|
|
4
|
+
data.tar.gz: b023d0b8143602eb6f9510874877d076b1289b5bbe30fad603e3b673a963754e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c78096833deca59cac5dddf196c86046a614aedc5aba2ee39137030cedc3107822a881cb718aca48676fb730ecb3f6764a504bec637cce4f177d616d9a77454b
|
|
7
|
+
data.tar.gz: 0ed09492c2dcf8bb79feaa6482d0d04bd086ceb44fe24bd4054d1000bc217a38860b5b42e0ce3477fcbcf3a7b77747a681f98fec076dbdaf529b0b89d02343a6
|
data/CHANGELOG.md
CHANGED
|
@@ -29,6 +29,29 @@ This section is for recording changes committed since the last release.
|
|
|
29
29
|
### Security
|
|
30
30
|
|
|
31
31
|
|
|
32
|
+
## [v0.5.2] - 20230628
|
|
33
|
+
|
|
34
|
+
### Added
|
|
35
|
+
|
|
36
|
+
* [components.css]: added styling for icons sitting next to headings
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### Changed
|
|
40
|
+
|
|
41
|
+
* [classes.css]: moved multi-element heading styles into [components.css], unifying heading styles in one place and also leaving [classes.css] with just class styles
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## [v0.5.1] - 20230628
|
|
45
|
+
|
|
46
|
+
### Changed
|
|
47
|
+
|
|
48
|
+
* [classes.css]: decreased spacing between heading classes (like `.h1`) and the following paragraph - EXPERIMENTAL
|
|
49
|
+
|
|
50
|
+
### Fixed
|
|
51
|
+
|
|
52
|
+
* [cosmetic.css]: forgot to add `place-self: start` to checkbox/radio label
|
|
53
|
+
|
|
54
|
+
|
|
32
55
|
## [v0.5.0] - 20230628
|
|
33
56
|
|
|
34
57
|
### Added
|
|
@@ -706,7 +729,9 @@ After a number of diversions, including developing a (as yet unreleased) Jekyll
|
|
|
706
729
|
- `palette.css` - separate out the color scheme into its own css file
|
|
707
730
|
|
|
708
731
|
|
|
709
|
-
[unreleased]: https://github.com/clairity/clairity.css/compare/v0.5.
|
|
732
|
+
[unreleased]: https://github.com/clairity/clairity.css/compare/v0.5.2...HEAD
|
|
733
|
+
[v0.5.2]: https://github.com/clairity/clairity.css/compare/v0.5.1...v0.5.2
|
|
734
|
+
[v0.5.1]: https://github.com/clairity/clairity.css/compare/v0.5.0...v0.5.1
|
|
710
735
|
[v0.5.0]: https://github.com/clairity/clairity.css/compare/v0.4.0...v0.5.0
|
|
711
736
|
[v0.4.0]: https://github.com/clairity/clairity.css/compare/v0.3.1...v0.4.0
|
|
712
737
|
[v0.3.1]: https://github.com/clairity/clairity.css/compare/v0.3.0...v0.3.1
|
|
@@ -93,12 +93,6 @@ CLASSES - Here is where we first deviate from the classless CSS directive. We'll
|
|
|
93
93
|
.h6 { --min-font: 1; --max-font: 1.125; }
|
|
94
94
|
.h5, .h6 { font-weight: var(--regular); }
|
|
95
95
|
|
|
96
|
-
/* dampen the prominence of links in headings; keep in sync with cosmetic.css */
|
|
97
|
-
:where(.h1, .h2, .h3, .h4, .h5, .h6) :is(a, :visited) {
|
|
98
|
-
color: var(--heading);
|
|
99
|
-
font-weight: unset;
|
|
100
|
-
text-decoration-style: dotted;
|
|
101
|
-
}
|
|
102
96
|
|
|
103
97
|
/* text providing extra detail to a heading. p-subtitle is a microformat
|
|
104
98
|
(plaintext) alternative class name for .subtitle
|
|
@@ -116,12 +110,6 @@ CLASSES - Here is where we first deviate from the classless CSS directive. We'll
|
|
|
116
110
|
border: none;
|
|
117
111
|
padding-left: unset;
|
|
118
112
|
}
|
|
119
|
-
/* HACK: normalize spacing between headings, typically within hgroups - [0010]*/
|
|
120
|
-
.plain :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) +
|
|
121
|
-
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
|
|
122
|
-
margin-top: var(--medium); /* em relative spacing */
|
|
123
|
-
}
|
|
124
|
-
|
|
125
113
|
|
|
126
114
|
/* -----------------------------------------------------------------------------
|
|
127
115
|
// #colors - semantic classes for setting the --color variable - EXPERIMENTAL
|
|
@@ -91,6 +91,36 @@ header :where(p, .subtitle) {
|
|
|
91
91
|
flex: 1 0 100%; /* flex to a full row, forcing a line wrap*/
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
+
/* HACK: normalize spacing between headings, typically within hgroups - [0010]
|
|
95
|
+
// .......................................................................... */
|
|
96
|
+
.plain :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) +
|
|
97
|
+
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
|
|
98
|
+
margin-top: var(--medium); /* em relative spacing */
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* dampen the prominence of links in headings; keep in sync with cosmetic.css
|
|
102
|
+
// .......................................................................... */
|
|
103
|
+
:where(.h1,.h2,.h3,.h4,.h5,.h6) :is(a, :visited) {
|
|
104
|
+
color: var(--heading);
|
|
105
|
+
font-weight: unset;
|
|
106
|
+
text-decoration-style: dotted;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* decrease space between headings and paragraphs - EXPERIMENTAL
|
|
110
|
+
// .......................................................................... */
|
|
111
|
+
:is(.h1,.h2,.h3,.h4,.h5,.h6):has(+ p) {
|
|
112
|
+
margin-bottom: 0.25em;
|
|
113
|
+
}
|
|
114
|
+
:where(.h1,.h2,.h3,.h4,.h5,.h6) + p {
|
|
115
|
+
margin-top: 0.25em;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/* lets icons sit comfortably next to headings - EXPERIMENTAL */
|
|
119
|
+
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) + i[class^='i-'] {
|
|
120
|
+
align-self: normal;
|
|
121
|
+
margin-inline-start: var(--xs);
|
|
122
|
+
}
|
|
123
|
+
|
|
94
124
|
|
|
95
125
|
/* -----------------------------------------------------------------------------
|
|
96
126
|
// site #footer - typical fat footer; #footer is the singular site footer
|
|
@@ -130,7 +160,7 @@ header :where(p, .subtitle) {
|
|
|
130
160
|
|
|
131
161
|
/* style headers in the site footer */
|
|
132
162
|
:where(.fat, body > footer:last-of-type)
|
|
133
|
-
:is(h1,
|
|
163
|
+
:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
|
|
134
164
|
color: var(--muted);
|
|
135
165
|
font-weight: var(--light);
|
|
136
166
|
}
|
|
@@ -228,9 +228,9 @@ label:has([type='checkbox']) {
|
|
|
228
228
|
place-self: center end;
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
:where(form) :is([type='checkbox'], [type='radio']) + label
|
|
231
|
+
:where(form) :is([type='checkbox'], [type='radio']) + label {
|
|
232
232
|
grid-column: elements;
|
|
233
|
-
|
|
233
|
+
place-self: center start;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
label + [type='image'] {
|
data/lib/clairity.css/version.rb
CHANGED