cssremedy-rails 0.1.8 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 420ab0e048a43768ec3137418f6e694f4c0cf1dd853f345d40f485558f22bf90
-  data.tar.gz: ed74820c49831d6953204a7a702f9a46e8f8aafd4428477c29c68d7e588f2269
+  metadata.gz: 54b075c2ce62954bec7830fc2ffa9d24877eaa9f8915e67132cb7365cfc9da37
+  data.tar.gz: 60e7a37b5873cd41515c9d8de87fb2f4fa86c23b67d37f391689cf3421d14066
 SHA512:
-  metadata.gz: 4dd878f25826475d7c76a34e9d96e5bb0545e95827696548af710f5d41662c764ec44bf58e316349099aa584ddbb533bdc6d33479e75228a0f891520dd1de324
-  data.tar.gz: ed6a77d8e443bc36108bd1ce0d1b5b3345320b4eab941f072505354e6ad925b314c209d9796d41c4ee16dc3723bd64e9902500e0bb291a9bb619fb15e331aab5
+  metadata.gz: 5fef4fb7f6ba872695c51548bbec5d7a627c9bf46eda288be0c750b193585f8394a41302c47cb5553f3728f9100c1705cd9740a2c92dc1eef2b79b47077f6055
+  data.tar.gz: 26b51a3e03250e3cbcb291e1d26a0e2e0c84cd1555a9290f40d53800c075266abf43117042a5fcda07fc0bbad02a2241f73684f13e0d57377d3c721aa91bcf82

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    cssremedy-rails (0.1.8)
+    cssremedy-rails (0.1.9)
 
 GEM
   remote: https://rubygems.org/
@@ -17,4 +17,4 @@ DEPENDENCIES
   rake (>= 12.3.3)
 
 BUNDLED WITH
-   2.1.2
+   2.1.4

data/lib/cssremedy-rails/version.rb

@@ -1,5 +1,5 @@
 module Cssremedy
   module Rails
-    VERSION = '0.1.8'.freeze
+    VERSION = '0.1.9'.freeze
   end
 end

data/vendor/assets/stylesheets/cssremedy-rails/remedy.css

@@ -1,24 +1,71 @@
-/* Global Remedies
-******************/
+/* @docs
+label: Core Remedies
+version: 0.1.0-beta.2
 
-/* Use border-box by default, globally */
+note: |
+  These remedies are recommended
+  as a starter for any project.
+
+category: file
+*/
+
+
+/* @docs
+label: Box Sizing
+
+note: |
+  Use border-box by default, globally.
+
+category: global
+*/
 *, ::before, ::after { box-sizing: border-box; }
 
-/*
-* Consistent line spacing...
-* CSS Inline Layout Module Level 3: https://drafts.csswg.org/css-inline-3/#line-sizing-property
+
+/* @docs
+label: Line Sizing
+
+note: |
+  Consistent line-spacing,
+  even when inline elements have different line-heights.
+
+links:
+  - https://drafts.csswg.org/css-inline-3/#line-sizing-property
+
+category: global
 */
 html { line-sizing: normal; }
 
-/* Remove the tiny space around the edge of the page */
+
+/* @docs
+label: Body Margins
+
+note: |
+  Remove the tiny space around the edge of the page.
+
+category: global
+*/
 body { margin: 0; }
 
 
-/* Headings
-***********/
+/* @docs
+label: Hidden Attribute
 
-/* Switch to rem units for headings */
-/* @@@ Initial values are based on existing browser defaults */
+note: |
+  Maintain `hidden` behaviour when overriding `display` values.
+
+  category: global
+*/
+[hidden] { display: none; }
+
+
+/* @docs
+label: Heading Sizes
+
+note: |
+  Switch to rem units for headings
+
+category: typography
+*/
 h1 { font-size: 2rem; }
 h2 { font-size: 1.5rem; }
 h3 { font-size: 1.17rem; }
@@ -26,20 +73,38 @@ h4 { font-size: 1.00rem; }
 h5 { font-size: 0.83rem; }
 h6 { font-size: 0.67rem; }
 
-/* Keep h1 margins consistent, even when nested */
+
+/* @docs
+label: H1 Margins
+
+note: |
+  Keep h1 margins consistent, even when nested.
+
+category: typography
+*/
 h1 { margin: 0.67em 0; }
 
 
-/* Typography
-*************/
+/* @docs
+label: Pre Wrapping
 
-/* Overflow by default is bad */
+note: |
+  Overflow by default is bad...
+
+category: typography
+*/
 pre { white-space: pre-wrap; }
 
-/*
-* 1. Solid, thin horizontal rules
-* 2. Remove Firefox `color: gray`
-* 3. Remove default `1px` height, and common `overflow: hidden`
+
+/* @docs
+label: Horizontal Rule
+
+note: |
+  1. Solid, thin horizontal rules
+  2. Remove Firefox `color: gray`
+  3. Remove default `1px` height, and common `overflow: hidden`
+
+category: typography
 */
 hr {
   border-style: solid;
@@ -50,52 +115,116 @@ hr {
 }
 
 
-/* Embedded Elements
-********************/
+/* @docs
+label: Responsive Embeds
 
-/*
-* 1. Block display is usually what we want
-* 2. Remove strange space-below when inline
-* 3. Responsive by default
+note: |
+  1. Block display is usually what we want
+  2. Remove strange space-below in case authors overwrite the display value
+  3. Responsive by default
+  4. Audio without `[controls]` remains hidden by default
+
+category: embedded elements
 */
 img, svg, video, canvas, audio, iframe, embed, object {
   display: block;
   vertical-align: middle;
   max-width: 100%;
 }
+audio:not([controls]) { display:none; }
+
+
+/* @docs
+label: Responsive Images
+
+note: |
+  These new elements display inline by default,
+  but that's not the expected behavior for either one.
+  This can interfere with proper layout and aspect-ratio handling.
+
+  1. Remove the unnecessary wrapping `picture`, while maintaining contents
+  2. Source elements have nothing to display, so we hide them entirely
 
-/*
-* Maintain intrinsic aspect ratios when `max-width` is applied
-* (iframe, embed, and object have no intrinsic ratio, set height explicitly)
+category: embedded elements
+*/
+picture { display: contents; }
+source { display: none; }
+
+
+/* @docs
+label: Aspect Ratios
+
+note: |
+  Maintain intrinsic aspect ratios when `max-width` is applied.
+  `iframe`, `embed`, and `object` are also embedded,
+  but have no intrinsic ratio,
+  so their `height` needs to be set explicitly.
+
+category: embedded elements
 */
 img, svg, video, canvas {
   height: auto;
 }
 
-/*
-* There is no good reason elements default to 300px,
-* and audio files are unlikely to come with a width attribute
+
+/* @docs
+label: Audio Width
+
+note: |
+  There is no good reason elements default to 300px,
+  and audio files are unlikely to come with a width attribute.
+
+category: embedded elements
 */
 audio { width: 100%; }
 
+/* @docs
+label: Image Borders
 
-/* Old Browsers
-***************/
+note: |
+  Remove the border on images inside links in IE 10 and earlier.
 
-/* Remove the border on images inside links in IE 10 and earlier */
+category: legacy browsers
+*/
 img { border-style: none; }
 
-/* Hide the overflow in IE 10 and earlier */
+
+/* @docs
+label: SVG Overflow
+
+note: |
+  Hide the overflow in IE 10 and earlier.
+
+category: legacy browsers
+*/
 svg { overflow: hidden; }
 
-/* Default block display on HTML5 elements */
-article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+
+/* @docs
+label: HTML5 Elements
+
+note: |
+  Default block display on HTML5 elements.
+  For oldIE to apply this styling one needs to add some JS as well (i.e. `document.createElement("main")`)
+
+links:
+  - https://www.sitepoint.com/html5-older-browsers-and-the-shiv/
+
+category: legacy browsers
+*/
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block;
 }
 
-/*
-* 1. Add the correct box sizing in IE 10
-* 2. Remove the padding in IE 10
+
+/* @docs
+label: Checkbox & Radio Inputs
+
+note: |
+  1. Add the correct box sizing in IE 10
+  2. Remove the padding in IE 10
+
+category: legacy browsers
 */
 [type='checkbox'],
 [type='radio'] {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cssremedy-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Blake Prudhomme
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-03-10 00:00:00.000000000 Z
+date: 2021-04-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler