piecss 0.7.4 → 0.7.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: ff362c02e5dfd0393c367e1bf250778779833796
-  data.tar.gz: 23e5f7421579950b32675eb1c637cbbf1936cca6
+SHA256:
+  metadata.gz: 903dd17c78023abb1421f43c64c9f04fcbd3feefc200c0d4d3dd723c7a6b858e
+  data.tar.gz: bf2d1351f45bc8cf005fbc042c86e911aae8891cb5da765bf0857e093c936711
 SHA512:
-  metadata.gz: 59f747fd74e8f51fab312d6018a38b4cafcbb11ec622ecd7560be50a32d117eaa6b387aafa50c4c9d7a7fc9566cc9b57f61d3b25a95e216de573e3843ef48d00
-  data.tar.gz: 1832953cd4e54ad0c203a5166e9c800ac06fd90a00bf1ae68d1fa257a50693ed4bb9b2fe932e6e6e5a6e158a36c84b813b21ba9ee39df15159fd09bbb3e4422e
+  metadata.gz: c4ecefc10c4c0068c4bb7c4e46835a8f50012ef83763583658ef20f5e892d08c7c7c03a0f6627d83946055adf35273ddc7387fda03e43fe9994f82b2564c927d
+  data.tar.gz: 7616379411c15792e5beb0e3a87b7556b6c3c48cce7c3ca1f1448843ce9b056f45725350c64d8278c1ccdccc4ed716fdd19bfe15acc321e200fee30ecafaa524

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.4
+  version: 0.7.9
 platform: ruby
 authors:
 - Babs Gosgens
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-03 00:00:00.000000000 Z
+date: 2020-12-05 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.