clairity.css 0.5.1 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c65c6029ccabe42eb67a360010a78668fa3c70710a1f39a855d362dea1dd7fa8
4
- data.tar.gz: 82c3bdb27894954730a381bf55ea21b9b07737e95c7807314754377ec37aea14
3
+ metadata.gz: b6d8450ea6efd04150ba9ba0d7cbf8f042a57f01375d42969821910c41eced9e
4
+ data.tar.gz: b023d0b8143602eb6f9510874877d076b1289b5bbe30fad603e3b673a963754e
5
5
  SHA512:
6
- metadata.gz: 7e4baab2ddda8fd5c268d8975814e1066d774134e09bb618d3858e3bd2c36b8e558b264c354838429b8d234f2b90375b3b26de9eb4e967dece49ea720fa6bdb0
7
- data.tar.gz: f20400f2e224b380cc1f189842bd44c806317eebeed85bdc8cc604073077fef047a24952a5c62b4a2d509b75f520abd31e1b02cd31adfe12a786c09bc36c8a89
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.1...HEAD
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, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
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
  }
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module ClairityCss
4
- VERSION = '0.5.1'
4
+ VERSION = '0.5.2'
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: clairity.css
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.1
4
+ version: 0.5.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - clairity