cssremedy-rails 0.1.8 → 0.1.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +2 -2
- data/lib/cssremedy-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/cssremedy-rails/remedy.css +169 -40
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 54b075c2ce62954bec7830fc2ffa9d24877eaa9f8915e67132cb7365cfc9da37
|
4
|
+
data.tar.gz: 60e7a37b5873cd41515c9d8de87fb2f4fa86c23b67d37f391689cf3421d14066
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5fef4fb7f6ba872695c51548bbec5d7a627c9bf46eda288be0c750b193585f8394a41302c47cb5553f3728f9100c1705cd9740a2c92dc1eef2b79b47077f6055
|
7
|
+
data.tar.gz: 26b51a3e03250e3cbcb291e1d26a0e2e0c84cd1555a9290f40d53800c075266abf43117042a5fcda07fc0bbad02a2241f73684f13e0d57377d3c721aa91bcf82
|
data/Gemfile.lock
CHANGED
@@ -1,24 +1,71 @@
|
|
1
|
-
/*
|
2
|
-
|
1
|
+
/* @docs
|
2
|
+
label: Core Remedies
|
3
|
+
version: 0.1.0-beta.2
|
3
4
|
|
4
|
-
|
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
|
-
|
9
|
-
|
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
|
-
|
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
|
-
/*
|
18
|
-
|
50
|
+
/* @docs
|
51
|
+
label: Hidden Attribute
|
19
52
|
|
20
|
-
|
21
|
-
|
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
|
-
|
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
|
-
/*
|
34
|
-
|
88
|
+
/* @docs
|
89
|
+
label: Pre Wrapping
|
35
90
|
|
36
|
-
|
91
|
+
note: |
|
92
|
+
Overflow by default is bad...
|
93
|
+
|
94
|
+
category: typography
|
95
|
+
*/
|
37
96
|
pre { white-space: pre-wrap; }
|
38
97
|
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
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
|
-
/*
|
54
|
-
|
118
|
+
/* @docs
|
119
|
+
label: Responsive Embeds
|
55
120
|
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
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
|
-
|
69
|
-
|
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
|
-
|
77
|
-
|
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
|
-
|
83
|
-
|
184
|
+
note: |
|
185
|
+
Remove the border on images inside links in IE 10 and earlier.
|
84
186
|
|
85
|
-
|
187
|
+
category: legacy browsers
|
188
|
+
*/
|
86
189
|
img { border-style: none; }
|
87
190
|
|
88
|
-
|
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
|
-
|
92
|
-
|
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
|
-
|
98
|
-
|
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.
|
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:
|
11
|
+
date: 2021-04-01 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|