piecss 0.7.3.1 → 0.7.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: c0578659bdd3d6496af2ad97d1c567700c251c8a
-  data.tar.gz: dc6a29e77d5f28438c997bdaf8a0bdd2695d2c7a
+SHA256:
+  metadata.gz: 3519f28668e24e4bb8aa31abd883135a06cdf867dbd6e1d60fe1e28b39c62af6
+  data.tar.gz: 3ad0229e0aba0462d74d33a155601b04321707ba95eff746c4d63f823e0c7092
 SHA512:
-  metadata.gz: 129199bc3dd4f5310d8c0071b778751b44015605cd1e26dcf05f670ea80b58c2b5adc3f1466e69c862c6d67e39dca9995ed770536f8b840837426b7f885c4c81
-  data.tar.gz: 9b0670d35ba41ab1e76c47766aa41990c335e0243528265916d2973c8bd39814dcbbf3de49300194b29d4510136ae7cb442d025e5849cd451a24cacd7b7becd6
+  metadata.gz: a4b205040ce400eed62d63ae47aedbcc7d9bf29c69c3cf51656f338241f82f304822ee1fdb2ad289cbc894c38b1677447554701a6ccbbf6155c0d948a2990c43
+  data.tar.gz: d6aae4f8cb20272830e6cff9b55c4c4b418279442640a24b06b4d6264242585ac3794e6ec39a31a45517c9ec38aca30720aaefc8788712797cf02bacca00a69e

data/README.md

@@ -12,6 +12,9 @@ gem install piecss
 \\ Install dependencies
 npm install
 
+\\ Install Sassdoc
+gem install sassdoc
+
 \\ Install scss lint
 gem install scss_lint
 

data/{templates/project/assets/css/screen.css → sass/piecss/_behavior.css}

@@ -1,13 +1,4 @@
 @charset "UTF-8";
-/*! piecss.scss v0.1 | MIT License | git.io/piecss/piecss */
-/* it's an official colour these days! */
-/* alternate spelling */
-/* alternate spelling */
-/* alternate spelling */
-/* alternate spelling */
-/* alternate spelling */
-/* alternate spelling */
-/* alternate spelling */
 /* it's an official colour these days! */
 /* alternate spelling */
 /* alternate spelling */
@@ -398,7 +389,7 @@ body, figure {
 * {
   box-sizing: border-box; }
 
-optgroupstrong {
+optgroup strong {
   font-weight: bold; }
 
 em, dfn {
@@ -426,7 +417,6 @@ Styleguide 3.97.7
   .grid {
     column-count: 2;
     column-gap: 0; } }
-
 @media only screen and (min-width: 64em) {
   .grid {
     column-count: 4; } }
@@ -448,81 +438,5 @@ Button base
 */
 /* List */
 /* Debug */
-.debug-grid,
-.debug-layout {
-  position: relative; }
-  .debug-grid::before,
-  .debug-layout::before {
-    pointer-events: none;
-    content: "";
-    display: block;
-    position: absolute;
-    z-index: -1;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: transparent;
-    background-repeat: repeat-x;
-    background-position: 0 0;
-    background-size: 25% 100%;
-    background-image: linear-gradient(to right, rgba(255, 20, 147, 0.1) 0, rgba(255, 20, 147, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, rgba(255, 20, 147, 0.1) 0, rgba(255, 20, 147, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 1px, transparent 1px, transparent 100%); }
-  @media only screen and (min-width: 20em) {
-    .debug-grid::before,
-    .debug-layout::before {
-      background-size: 16.66667% 100%;
-      background-image: linear-gradient(to right, rgba(255, 165, 0, 0.1) 0, rgba(255, 165, 0, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, rgba(255, 165, 0, 0.1) 0, rgba(255, 165, 0, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 1px, transparent 1px, transparent 100%); } }
-  @media only screen and (min-width: 32.5em) {
-    .debug-grid::before,
-    .debug-layout::before {
-      background-size: 11.11111% 100%;
-      background-image: linear-gradient(to right, rgba(0, 255, 255, 0.1) 0, rgba(0, 255, 255, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, rgba(0, 255, 255, 0.1) 0, rgba(0, 255, 255, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 1px, transparent 1px, transparent 100%); } }
-  @media only screen and (min-width: 64em) {
-    .debug-grid::before,
-    .debug-layout::before {
-      background-size: 8.33333% 100%;
-      background-image: linear-gradient(to right, rgba(102, 51, 153, 0.1) 0, rgba(102, 51, 153, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, rgba(102, 51, 153, 0.1) 0, rgba(102, 51, 153, 0.1) 12px, transparent 12px, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 1px, transparent 1px, transparent 100%); } }
-
-.debug-grid,
-.debug-rhythm {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%);
-  background-size: 16px 16px; }
-
-.debug-grid,
-.debug-breakpoint {
-  position: relative; }
-  .debug-grid::after,
-  .debug-breakpoint::after {
-    position: fixed;
-    z-index: 10;
-    top: 16px;
-    left: 16px;
-    display: inline-block;
-    padding: 16px;
-    background: rgba(255, 255, 255, 0.9);
-    color: #000;
-    font-size: small;
-    content: "no breakpoint, columns: 4";
-    border: 2px solid #e61284; }
-  @media only screen and (min-width: 20em) {
-    .debug-grid::after,
-    .debug-breakpoint::after {
-      content: "(min-width: 20em), columns: 6";
-      border: 2px solid #e69500; } }
-  @media only screen and (min-width: 32.5em) {
-    .debug-grid::after,
-    .debug-breakpoint::after {
-      content: "(min-width: 32.5em), columns: 9";
-      border: 2px solid #00e6e6; } }
-  @media only screen and (min-width: 64em) {
-    .debug-grid::after,
-    .debug-breakpoint::after {
-      content: "(min-width: 64em), columns: 12";
-      border: 2px solid #5c2e8a; } }
 
-/*
-@import "piecss/behavior/base";
-@import "piecss/behavior/grid";
-@import "piecss/behavior/form";
-@import "piecss/behavior/list";
-*/
+/*# sourceMappingURL=_behavior.css.map */

data/sass/piecss/_behavior.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["settings/_colour.scss","_behavior.scss","behavior/base/_collection.scss","utilities/_collection.scss","behavior/layout/_grid.scss","utilities/_breakpoint.scss","behavior/form/_form.scss","behavior/form/_settings.scss","behavior/button/_button.scss"],
+"names": [],
+"file": "_behavior.css"
+}

data/sass/piecss/_settings.css

@@ -0,0 +1,10 @@
+/* it's an official colour these days! */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+
+/*# sourceMappingURL=_settings.css.map */

data/sass/piecss/_settings.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAkBA,yCAAyC;AAsBzC,wBAAwB;AAYxB,wBAAwB;AAMxB,wBAAwB;AAWxB,wBAAwB;AAkBxB,wBAAwB;AAOxB,wBAAwB;AAqDxB,wBAAwB",
+"sources": ["settings/_colour.scss"],
+"names": [],
+"file": "_settings.css"
+}

data/sass/piecss/_utilities.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=_utilities.css.map */

data/sass/piecss/_utilities.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "",
+"sources": [],
+"names": [],
+"file": "_utilities.css"
+}

data/sass/piecss/behavior/base/_collection.scss

@@ -269,8 +269,8 @@ $base-collection: add-properties(
   $base-collection,
   "mark",
   (
-    background: $yellow,
-    color: $color-body
+    background: $color-accent,
+    color: $white
   )
 );
 
@@ -775,7 +775,7 @@ $base-collection: add-properties(
     $base-collection,
     "#{implode($reset-font-weight-to-italic, ", ")}",
     (
-      font-style: italic
+      font-weight: italic
     )
   );
 

data/sass/piecss/behavior/debug/_mixins.scss

@@ -112,21 +112,21 @@
   @include pseudo-element("after") {
     position: fixed;
     z-index: 10;
-    top: rhythm(2);
-    left: rhythm(2);
+    top: 1ex;
+    left: 1ex;
     display: inline-block;
-    padding: rhythm(2);
+    padding: 0 1ex;
     background: rgba($white, .9);
-    color: $color-body;
     font-size: small;
     content: "no breakpoint, columns: #{$columns}";
-    border: 2px solid mix($debug-color, $color-shadow, 90%);
+    border: 2px solid;
   }
   @each $breakpoint, $grid in $grids {
     @include breakpoint($breakpoint) {
       @include pseudo-element("after") {
         content: "#{$breakpoint}, columns: #{get-grid-columns($grid)}";
-        border: 2px solid mix(get-grid-debug-color($grid), $color-shadow, 90%);
+        border: 2px solid;
+        color: get-grid-debug-color($grid);
       }
     }
   }

data/sass/piecss/settings/_grid.scss

@@ -82,7 +82,7 @@ $wings: 0;
 
 ///
 /// (Totally arbitrary) Default breakpoint grids.
-/// The first breakpoint should be a `$lt-###` breakpoint and will be condiered
+/// The first breakpoint should be a `$lt-###` breakpoint and will be considered
 /// the default, smallest breakpoint.
 /// Serves as an example grid.
 ///
@@ -92,7 +92,7 @@ $wings: 0;
 ///
 
 $grids: (
-  $gt-small-handheld: (
+  $lt-small-handheld: (
     debug-color: $orange, // #ffa500
     columns: 6,
     rhythm: $rhythm,

data/sass/piecss/utilities/_collection.scss

@@ -168,7 +168,7 @@
   @each $property in $selector {
 
     $_property: nth($property, 1);
-    $_value: unquote(#{nth($property, 2)});
+    $_value: unquote("#{nth($property, 2)}");
 
     #{$_property}: $_value;
   }

data/sass/piecss/utilities/_typography.scss

@@ -168,7 +168,7 @@
       @if not($font-size) {
         $font-size: $argument;
       }
-      @elseif not($line-height) {
+      @else if not($line-height) {
         $line-height: $argument;
       }
     }
@@ -190,7 +190,7 @@
     @if $font-size and $line-height {
       $font: append($font, #{$font-size}/#{$line-height});
     }
-    @elseif $font-size {
+    @else if $font-size {
       $font: append($font, #{$font-size});
     }
     $font: append($font, #{$font-family});

data/sass/piecss/utilities/_unit.scss

@@ -62,10 +62,10 @@
   // Now, calculate the correct contextual value in requested unit
   @if unit($unit) == "px" {
   }
-  @elseif unit($unit) == "%" {
+  @else if unit($unit) == "%" {
     $number: percentage($number / $context);
   }
-  @elseif unit($unit) == "rem" {
+  @else if unit($unit) == "rem" {
     $number: $number / $default-font-size * $unit;
   }
   @else {
@@ -124,13 +124,13 @@
 
   @if unit($value) == "px" {
   }
-  @elseif unit($value) == "rem" {
+  @else if unit($value) == "rem" {
     $value: rem-to-px($value);
   }
-  @elseif unit($value) == "em" {
+  @else if unit($value) == "em" {
     $value: em-to-px($value, $context);
   }
-  @elseif unit($value) == "%" {
+  @else if unit($value) == "%" {
     $value: percentage-to-px($value);
   }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: piecss
 version: !ruby/object:Gem::Version
-  version: 0.7.3.1
+  version: 0.7.8
 platform: ruby
 authors:
 - Babs Gosgens
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-03 00:00:00.000000000 Z
+date: 2018-07-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -33,8 +33,14 @@ extra_rdoc_files: []
 files:
 - README.md
 - lib/piecss.rb
+- sass/piecss/_behavior.css
+- sass/piecss/_behavior.css.map
 - sass/piecss/_behavior.scss
+- sass/piecss/_settings.css
+- sass/piecss/_settings.css.map
 - sass/piecss/_settings.scss
+- sass/piecss/_utilities.css
+- sass/piecss/_utilities.css.map
 - sass/piecss/_utilities.scss
 - sass/piecss/behavior/anchor/_anchor.scss
 - sass/piecss/behavior/anchor/_settings.scss
@@ -59,7 +65,7 @@ files:
 - sass/piecss/behavior/layout/_leader.scss
 - sass/piecss/behavior/layout/_trailer.scss
 - sass/piecss/behavior/layout/_wings.scss
-- sass/piecss/behavior/list/_list.scss
+- sass/piecss/behavior/list/_behavior.scss
 - sass/piecss/behavior/list/_settings.scss
 - sass/piecss/settings/_breakpoint.scss
 - sass/piecss/settings/_colour.scss
@@ -87,11 +93,10 @@ files:
 - sass/piecss/utilities/_svg.scss
 - sass/piecss/utilities/_typography.scss
 - sass/piecss/utilities/_unit.scss
+- templates/project/_sets.scss
 - templates/project/_sets/_button.scss
 - templates/project/_sets/_form.scss
-- templates/project/_sets.scss
 - templates/project/_settings.scss
-- templates/project/assets/css/screen.css
 - templates/project/assets/images/piecss.png
 - templates/project/assets/images/piecss.svg
 - templates/project/examples.html
@@ -99,7 +104,7 @@ files:
 - templates/project/screen.scss
 homepage: https://github.com/piecss/piecss
 licenses:
-- ISC
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -116,8 +121,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.0.14.1
+rubygems_version: 3.0.6
 signing_key: 
 specification_version: 4
 summary: A collection of tools for building responsive websites.