cssremedy-rails 0.1.8 → 0.1.9

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 420ab0e048a43768ec3137418f6e694f4c0cf1dd853f345d40f485558f22bf90
4
- data.tar.gz: ed74820c49831d6953204a7a702f9a46e8f8aafd4428477c29c68d7e588f2269
3
+ metadata.gz: 54b075c2ce62954bec7830fc2ffa9d24877eaa9f8915e67132cb7365cfc9da37
4
+ data.tar.gz: 60e7a37b5873cd41515c9d8de87fb2f4fa86c23b67d37f391689cf3421d14066
5
5
  SHA512:
6
- metadata.gz: 4dd878f25826475d7c76a34e9d96e5bb0545e95827696548af710f5d41662c764ec44bf58e316349099aa584ddbb533bdc6d33479e75228a0f891520dd1de324
7
- data.tar.gz: ed6a77d8e443bc36108bd1ce0d1b5b3345320b4eab941f072505354e6ad925b314c209d9796d41c4ee16dc3723bd64e9902500e0bb291a9bb619fb15e331aab5
6
+ metadata.gz: 5fef4fb7f6ba872695c51548bbec5d7a627c9bf46eda288be0c750b193585f8394a41302c47cb5553f3728f9100c1705cd9740a2c92dc1eef2b79b47077f6055
7
+ data.tar.gz: 26b51a3e03250e3cbcb291e1d26a0e2e0c84cd1555a9290f40d53800c075266abf43117042a5fcda07fc0bbad02a2241f73684f13e0d57377d3c721aa91bcf82
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- cssremedy-rails (0.1.8)
4
+ cssremedy-rails (0.1.9)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
@@ -17,4 +17,4 @@ DEPENDENCIES
17
17
  rake (>= 12.3.3)
18
18
 
19
19
  BUNDLED WITH
20
- 2.1.2
20
+ 2.1.4
@@ -1,5 +1,5 @@
1
1
  module Cssremedy
2
2
  module Rails
3
- VERSION = '0.1.8'.freeze
3
+ VERSION = '0.1.9'.freeze
4
4
  end
5
5
  end
@@ -1,24 +1,71 @@
1
- /* Global Remedies
2
- ******************/
1
+ /* @docs
2
+ label: Core Remedies
3
+ version: 0.1.0-beta.2
3
4
 
4
- /* Use border-box by default, globally */
5
+ note: |
6
+ These remedies are recommended
7
+ as a starter for any project.
8
+
9
+ category: file
10
+ */
11
+
12
+
13
+ /* @docs
14
+ label: Box Sizing
15
+
16
+ note: |
17
+ Use border-box by default, globally.
18
+
19
+ category: global
20
+ */
5
21
  *, ::before, ::after { box-sizing: border-box; }
6
22
 
7
- /*
8
- * Consistent line spacing...
9
- * CSS Inline Layout Module Level 3: https://drafts.csswg.org/css-inline-3/#line-sizing-property
23
+
24
+ /* @docs
25
+ label: Line Sizing
26
+
27
+ note: |
28
+ Consistent line-spacing,
29
+ even when inline elements have different line-heights.
30
+
31
+ links:
32
+ - https://drafts.csswg.org/css-inline-3/#line-sizing-property
33
+
34
+ category: global
10
35
  */
11
36
  html { line-sizing: normal; }
12
37
 
13
- /* Remove the tiny space around the edge of the page */
38
+
39
+ /* @docs
40
+ label: Body Margins
41
+
42
+ note: |
43
+ Remove the tiny space around the edge of the page.
44
+
45
+ category: global
46
+ */
14
47
  body { margin: 0; }
15
48
 
16
49
 
17
- /* Headings
18
- ***********/
50
+ /* @docs
51
+ label: Hidden Attribute
19
52
 
20
- /* Switch to rem units for headings */
21
- /* @@@ Initial values are based on existing browser defaults */
53
+ note: |
54
+ Maintain `hidden` behaviour when overriding `display` values.
55
+
56
+ category: global
57
+ */
58
+ [hidden] { display: none; }
59
+
60
+
61
+ /* @docs
62
+ label: Heading Sizes
63
+
64
+ note: |
65
+ Switch to rem units for headings
66
+
67
+ category: typography
68
+ */
22
69
  h1 { font-size: 2rem; }
23
70
  h2 { font-size: 1.5rem; }
24
71
  h3 { font-size: 1.17rem; }
@@ -26,20 +73,38 @@ h4 { font-size: 1.00rem; }
26
73
  h5 { font-size: 0.83rem; }
27
74
  h6 { font-size: 0.67rem; }
28
75
 
29
- /* Keep h1 margins consistent, even when nested */
76
+
77
+ /* @docs
78
+ label: H1 Margins
79
+
80
+ note: |
81
+ Keep h1 margins consistent, even when nested.
82
+
83
+ category: typography
84
+ */
30
85
  h1 { margin: 0.67em 0; }
31
86
 
32
87
 
33
- /* Typography
34
- *************/
88
+ /* @docs
89
+ label: Pre Wrapping
35
90
 
36
- /* Overflow by default is bad */
91
+ note: |
92
+ Overflow by default is bad...
93
+
94
+ category: typography
95
+ */
37
96
  pre { white-space: pre-wrap; }
38
97
 
39
- /*
40
- * 1. Solid, thin horizontal rules
41
- * 2. Remove Firefox `color: gray`
42
- * 3. Remove default `1px` height, and common `overflow: hidden`
98
+
99
+ /* @docs
100
+ label: Horizontal Rule
101
+
102
+ note: |
103
+ 1. Solid, thin horizontal rules
104
+ 2. Remove Firefox `color: gray`
105
+ 3. Remove default `1px` height, and common `overflow: hidden`
106
+
107
+ category: typography
43
108
  */
44
109
  hr {
45
110
  border-style: solid;
@@ -50,52 +115,116 @@ hr {
50
115
  }
51
116
 
52
117
 
53
- /* Embedded Elements
54
- ********************/
118
+ /* @docs
119
+ label: Responsive Embeds
55
120
 
56
- /*
57
- * 1. Block display is usually what we want
58
- * 2. Remove strange space-below when inline
59
- * 3. Responsive by default
121
+ note: |
122
+ 1. Block display is usually what we want
123
+ 2. Remove strange space-below in case authors overwrite the display value
124
+ 3. Responsive by default
125
+ 4. Audio without `[controls]` remains hidden by default
126
+
127
+ category: embedded elements
60
128
  */
61
129
  img, svg, video, canvas, audio, iframe, embed, object {
62
130
  display: block;
63
131
  vertical-align: middle;
64
132
  max-width: 100%;
65
133
  }
134
+ audio:not([controls]) { display:none; }
135
+
136
+
137
+ /* @docs
138
+ label: Responsive Images
139
+
140
+ note: |
141
+ These new elements display inline by default,
142
+ but that's not the expected behavior for either one.
143
+ This can interfere with proper layout and aspect-ratio handling.
144
+
145
+ 1. Remove the unnecessary wrapping `picture`, while maintaining contents
146
+ 2. Source elements have nothing to display, so we hide them entirely
66
147
 
67
- /*
68
- * Maintain intrinsic aspect ratios when `max-width` is applied
69
- * (iframe, embed, and object have no intrinsic ratio, set height explicitly)
148
+ category: embedded elements
149
+ */
150
+ picture { display: contents; }
151
+ source { display: none; }
152
+
153
+
154
+ /* @docs
155
+ label: Aspect Ratios
156
+
157
+ note: |
158
+ Maintain intrinsic aspect ratios when `max-width` is applied.
159
+ `iframe`, `embed`, and `object` are also embedded,
160
+ but have no intrinsic ratio,
161
+ so their `height` needs to be set explicitly.
162
+
163
+ category: embedded elements
70
164
  */
71
165
  img, svg, video, canvas {
72
166
  height: auto;
73
167
  }
74
168
 
75
- /*
76
- * There is no good reason elements default to 300px,
77
- * and audio files are unlikely to come with a width attribute
169
+
170
+ /* @docs
171
+ label: Audio Width
172
+
173
+ note: |
174
+ There is no good reason elements default to 300px,
175
+ and audio files are unlikely to come with a width attribute.
176
+
177
+ category: embedded elements
78
178
  */
79
179
  audio { width: 100%; }
80
180
 
181
+ /* @docs
182
+ label: Image Borders
81
183
 
82
- /* Old Browsers
83
- ***************/
184
+ note: |
185
+ Remove the border on images inside links in IE 10 and earlier.
84
186
 
85
- /* Remove the border on images inside links in IE 10 and earlier */
187
+ category: legacy browsers
188
+ */
86
189
  img { border-style: none; }
87
190
 
88
- /* Hide the overflow in IE 10 and earlier */
191
+
192
+ /* @docs
193
+ label: SVG Overflow
194
+
195
+ note: |
196
+ Hide the overflow in IE 10 and earlier.
197
+
198
+ category: legacy browsers
199
+ */
89
200
  svg { overflow: hidden; }
90
201
 
91
- /* Default block display on HTML5 elements */
92
- article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
202
+
203
+ /* @docs
204
+ label: HTML5 Elements
205
+
206
+ note: |
207
+ Default block display on HTML5 elements.
208
+ For oldIE to apply this styling one needs to add some JS as well (i.e. `document.createElement("main")`)
209
+
210
+ links:
211
+ - https://www.sitepoint.com/html5-older-browsers-and-the-shiv/
212
+
213
+ category: legacy browsers
214
+ */
215
+ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
93
216
  display: block;
94
217
  }
95
218
 
96
- /*
97
- * 1. Add the correct box sizing in IE 10
98
- * 2. Remove the padding in IE 10
219
+
220
+ /* @docs
221
+ label: Checkbox & Radio Inputs
222
+
223
+ note: |
224
+ 1. Add the correct box sizing in IE 10
225
+ 2. Remove the padding in IE 10
226
+
227
+ category: legacy browsers
99
228
  */
100
229
  [type='checkbox'],
101
230
  [type='radio'] {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: cssremedy-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.8
4
+ version: 0.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Blake Prudhomme
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-03-10 00:00:00.000000000 Z
11
+ date: 2021-04-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler