clairity.css 0.5.1 → 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 +14 -1
- data/lib/assets/css/clairity/classes.css +0 -20
- data/lib/assets/css/clairity/components.css +31 -1
- 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,18 @@ 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
|
+
|
|
32
44
|
## [v0.5.1] - 20230628
|
|
33
45
|
|
|
34
46
|
### Changed
|
|
@@ -717,7 +729,8 @@ After a number of diversions, including developing a (as yet unreleased) Jekyll
|
|
|
717
729
|
- `palette.css` - separate out the color scheme into its own css file
|
|
718
730
|
|
|
719
731
|
|
|
720
|
-
[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
|
|
721
734
|
[v0.5.1]: https://github.com/clairity/clairity.css/compare/v0.5.0...v0.5.1
|
|
722
735
|
[v0.5.0]: https://github.com/clairity/clairity.css/compare/v0.4.0...v0.5.0
|
|
723
736
|
[v0.4.0]: https://github.com/clairity/clairity.css/compare/v0.3.1...v0.4.0
|
|
@@ -93,20 +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
|
-
|
|
103
|
-
/* decrease space between headings and paragraphs - EXPERIMENTAL */
|
|
104
|
-
:is(.h1,.h2,.h3,.h4,.h5,.h6):has(+ p) {
|
|
105
|
-
margin-bottom: 0.25em;
|
|
106
|
-
}
|
|
107
|
-
:where(.h1,.h2,.h3,.h4,.h5,.h6) + p {
|
|
108
|
-
margin-top: 0.25em;
|
|
109
|
-
}
|
|
110
96
|
|
|
111
97
|
/* text providing extra detail to a heading. p-subtitle is a microformat
|
|
112
98
|
(plaintext) alternative class name for .subtitle
|
|
@@ -124,12 +110,6 @@ CLASSES - Here is where we first deviate from the classless CSS directive. We'll
|
|
|
124
110
|
border: none;
|
|
125
111
|
padding-left: unset;
|
|
126
112
|
}
|
|
127
|
-
/* HACK: normalize spacing between headings, typically within hgroups - [0010]*/
|
|
128
|
-
.plain :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) +
|
|
129
|
-
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
|
|
130
|
-
margin-top: var(--medium); /* em relative spacing */
|
|
131
|
-
}
|
|
132
|
-
|
|
133
113
|
|
|
134
114
|
/* -----------------------------------------------------------------------------
|
|
135
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
|
}
|
data/lib/clairity.css/version.rb
CHANGED