cssremedy-rails 0.1.4 → 0.1.9

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: d95a49bf40713251b9e33ce3629ee8597f167613fa471a3c6c2b2dea68936f94
4
- data.tar.gz: 8f6ad7c85a35771b567da54a2dd5b5ba023475bf7efc16309b78315fb3469481
3
+ metadata.gz: 54b075c2ce62954bec7830fc2ffa9d24877eaa9f8915e67132cb7365cfc9da37
4
+ data.tar.gz: 60e7a37b5873cd41515c9d8de87fb2f4fa86c23b67d37f391689cf3421d14066
5
5
  SHA512:
6
- metadata.gz: 87c763f354fda0e044d63b2d1ba04de895a04056eaec7ef50301c78b8afed6ae2fee2c439d906c2e25123de37b731485dada1481561ec66b6c7698cc90f46f55
7
- data.tar.gz: b1f11ef829af2369bca60d0d93cad8d4a394fb6d438cb208d5fb2f5ce1efb47bb4edf17ffb5a7e6d521119722767d28aaa7cc08c68d3512f51a0a9bf88086ed2
6
+ metadata.gz: 5fef4fb7f6ba872695c51548bbec5d7a627c9bf46eda288be0c750b193585f8394a41302c47cb5553f3728f9100c1705cd9740a2c92dc1eef2b79b47077f6055
7
+ data.tar.gz: 26b51a3e03250e3cbcb291e1d26a0e2e0c84cd1555a9290f40d53800c075266abf43117042a5fcda07fc0bbad02a2241f73684f13e0d57377d3c721aa91bcf82
data/Gemfile.lock CHANGED
@@ -1,20 +1,20 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- cssremedy-rails (0.1.4)
4
+ cssremedy-rails (0.1.9)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
8
8
  specs:
9
- rake (10.5.0)
9
+ rake (13.0.1)
10
10
 
11
11
  PLATFORMS
12
12
  ruby
13
13
 
14
14
  DEPENDENCIES
15
- bundler (~> 1.17)
15
+ bundler (~> 2.1.2)
16
16
  cssremedy-rails!
17
- rake (~> 10.0)
17
+ rake (>= 12.3.3)
18
18
 
19
19
  BUNDLED WITH
20
- 1.17.1
20
+ 2.1.4
data/Rakefile CHANGED
@@ -4,7 +4,7 @@ require 'open-uri'
4
4
  desc 'Download the latest remedy.css'
5
5
  task :update do
6
6
  puts "[#{Time.now}] Start: Updating remedy.css"
7
- url = 'https://raw.githubusercontent.com/mozdevs/cssremedy/master/remedy.css'
7
+ url = 'https://raw.githubusercontent.com/mozdevs/cssremedy/master/css/remedy.css'
8
8
  outputfile = 'vendor/assets/stylesheets/cssremedy-rails/remedy.css'
9
9
 
10
10
  File.open(outputfile, 'wb') do |file|
@@ -22,6 +22,6 @@ Gem::Specification.new do |spec|
22
22
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
23
23
  spec.require_paths = ["lib"]
24
24
 
25
- spec.add_development_dependency "bundler", "~> 1.17"
26
- spec.add_development_dependency "rake", "~> 10.0"
25
+ spec.add_development_dependency "bundler", "~> 2.1.2"
26
+ spec.add_development_dependency "rake", ">= 12.3.3"
27
27
  end
@@ -1,5 +1,5 @@
1
1
  module Cssremedy
2
2
  module Rails
3
- VERSION = '0.1.4'.freeze
3
+ VERSION = '0.1.9'.freeze
4
4
  end
5
5
  end
@@ -1,101 +1,233 @@
1
+ /* @docs
2
+ label: Core Remedies
3
+ version: 0.1.0-beta.2
1
4
 
5
+ note: |
6
+ These remedies are recommended
7
+ as a starter for any project.
2
8
 
3
- /* This project is under construction. It's not ready for release yet. As of Feb 11, 2019. */
9
+ category: file
10
+ */
4
11
 
5
12
 
13
+ /* @docs
14
+ label: Box Sizing
6
15
 
7
- *, ::before, ::after { box-sizing: border-box; } /* Switch to border-box for box-sizing. */
16
+ note: |
17
+ Use border-box by default, globally.
8
18
 
9
- /* Immediately jump any animation to the end point if the user has set their device to "prefers reduced motion". */
10
- /* This could create bad, unintended consequences. Remove as needed, and write your own appropriate code for prefers-reduced-motion. */
11
- @​media (prefers-reduced-motion: reduce) {
12
- * {
13
- animation-duration: 0.001s !important;
14
- transition-duration: 0.001s !important;
15
- }
16
- }
19
+ category: global
20
+ */
21
+ *, ::before, ::after { box-sizing: border-box; }
17
22
 
18
- body {
19
- margin: 0; /* Remove the tiny space around the edge of the page */
20
- }
21
23
 
22
- /* Switch to using rem units for typography. Fix line-height on headlines. */
23
- h1 {
24
- font-size: 2rem; /* Make all H1 large, remove nested-shrinking sizes. */
25
- margin: 0.67em 0;
26
- }
27
- h2 {
28
- font-size: 1.5rem;
29
- }
30
- h3 {
31
- font-size: 1.17rem;
32
- }
33
- h4 {
34
- font-size: 1.00rem;
35
- }
36
- h5 {
37
- font-size: 0.83rem;
38
- }
39
- h6 {
40
- font-size: 0.67rem;
41
- }
24
+ /* @docs
25
+ label: Line Sizing
42
26
 
43
- h2, h3, h4, h5, h6{
44
- line-height: 1;
45
- }
27
+ note: |
28
+ Consistent line-spacing,
29
+ even when inline elements have different line-heights.
46
30
 
47
- /* Improve readability */
48
- p, ul, ol, dl, address {
49
- line-height: 1.5;
50
- }
31
+ links:
32
+ - https://drafts.csswg.org/css-inline-3/#line-sizing-property
51
33
 
34
+ category: global
35
+ */
36
+ html { line-sizing: normal; }
37
+
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
+ */
47
+ body { margin: 0; }
52
48
 
53
- pre {
54
- white-space: pre-wrap; /* Overflow by default is bad. */
55
- }
56
49
 
50
+ /* @docs
51
+ label: Hidden Attribute
52
+
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
+ */
69
+ h1 { font-size: 2rem; }
70
+ h2 { font-size: 1.5rem; }
71
+ h3 { font-size: 1.17rem; }
72
+ h4 { font-size: 1.00rem; }
73
+ h5 { font-size: 0.83rem; }
74
+ h6 { font-size: 0.67rem; }
75
+
76
+
77
+ /* @docs
78
+ label: H1 Margins
79
+
80
+ note: |
81
+ Keep h1 margins consistent, even when nested.
82
+
83
+ category: typography
84
+ */
85
+ h1 { margin: 0.67em 0; }
86
+
87
+
88
+ /* @docs
89
+ label: Pre Wrapping
90
+
91
+ note: |
92
+ Overflow by default is bad...
93
+
94
+ category: typography
95
+ */
96
+ pre { white-space: pre-wrap; }
97
+
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
108
+ */
57
109
  hr {
58
- border: .5px solid;
110
+ border-style: solid;
111
+ border-width: 1px 0 0;
112
+ color: inherit;
113
+ height: 0;
114
+ overflow: visible;
59
115
  }
60
116
 
61
117
 
62
- /* Are browsers now consistent with margin & padding on lists?
63
- See: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation */
64
- nav ul {
65
- list-style: none;
66
- }
118
+ /* @docs
119
+ label: Responsive Embeds
67
120
 
68
- img, video, canvas, audio, iframe, embed, object {
69
- display: block; /* Switch display mode to block, since that's what we usually want for images. */
70
- vertical-align: middle; /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
71
- }
72
- img, video {
73
- max-width: 100%; /* Make images and video flexible by default. */
74
- height: auto; /* Ensure images and video maintain their aspect ratio when max-width comes into play. */
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
128
+ */
129
+ img, svg, video, canvas, audio, iframe, embed, object {
130
+ display: block;
131
+ vertical-align: middle;
132
+ max-width: 100%;
75
133
  }
76
- img {
77
- border-style: none; /* Remove the border on images inside links in IE 10 and earlier. */
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
147
+
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
164
+ */
165
+ img, svg, video, canvas {
166
+ height: auto;
78
167
  }
79
168
 
80
- /* In English, when styling the <q> element, use curly quotes instead of straight quotes. */
81
169
 
82
- /* Code for this is now in the quotes.css file */
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
178
+ */
179
+ audio { width: 100%; }
180
+
181
+ /* @docs
182
+ label: Image Borders
183
+
184
+ note: |
185
+ Remove the border on images inside links in IE 10 and earlier.
186
+
187
+ category: legacy browsers
188
+ */
189
+ img { border-style: none; }
83
190
 
84
191
 
192
+ /* @docs
193
+ label: SVG Overflow
85
194
 
195
+ note: |
196
+ Hide the overflow in IE 10 and earlier.
86
197
 
87
- /* Support upcoming properties that haven't been broadly implemented yet,
88
- but for which the initial value and legacy behavior is not be the best behavior.
198
+ category: legacy browsers
89
199
  */
200
+ svg { overflow: hidden; }
90
201
 
91
- /* Consistent line spacing, which does not unnecessarily grow to accommodate things that would fit anyway */
92
- /* From CSS Inline Layout Module Level 3: https://drafts.csswg.org/css-inline-3/#line-sizing-property */
93
- :root {
94
- line-sizing: normal;
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 {
216
+ display: block;
95
217
  }
96
218
 
97
- /* Improve spacing of punctuation marks and at script changes in CJK languages */
98
- /* From CSS Text Module Level 4: https://drafts.csswg.org/css-text-4/#text-spacing-property */
99
- :root {
100
- text-spacing: trim-start allow-end trim-adjacent ideograph-alpha ideograph-numeric;
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
228
+ */
229
+ [type='checkbox'],
230
+ [type='radio'] {
231
+ box-sizing: border-box;
232
+ padding: 0;
101
233
  }
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
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: 2019-02-28 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
@@ -16,28 +16,28 @@ dependencies:
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: '1.17'
19
+ version: 2.1.2
20
20
  type: :development
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: '1.17'
26
+ version: 2.1.2
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: rake
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - "~>"
31
+ - - ">="
32
32
  - !ruby/object:Gem::Version
33
- version: '10.0'
33
+ version: 12.3.3
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - "~>"
38
+ - - ">="
39
39
  - !ruby/object:Gem::Version
40
- version: '10.0'
40
+ version: 12.3.3
41
41
  description:
42
42
  email:
43
43
  - blake.prudhomme@gmail.com
@@ -81,8 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
81
81
  - !ruby/object:Gem::Version
82
82
  version: '0'
83
83
  requirements: []
84
- rubyforge_project:
85
- rubygems_version: 2.7.6
84
+ rubygems_version: 3.1.2
86
85
  signing_key:
87
86
  specification_version: 4
88
87
  summary: Integrates CSS Remedy with the rails asset pipeline.