clairity.css 0.5.0 → 0.5.2
Sign up to get free protection for your applications and to get access to all the features.
- 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