gerillass 0.0.6 → 2.3.1

data/scss/utilities/_validate-ratio.scss

@@ -0,0 +1,77 @@
+@charset "UTF-8";
+
+@use "sass:list";
+@use "sass:math";
+@use "sass:meta";
+@use "sass:string";
+@use "../utilities/convert-to-number" as *;
+
+// Returns a value for the CSS aspect-ratio property.
+//
+// Before 2.0.0 this returned the padding-top percentage the old ratio hack
+// needed -- 56.25% for 16/9. aspect-ratio is Baseline Widely Available, so the
+// hack is gone and this returns the ratio itself: `16 / 9`.
+@function validateRatio($ratio) {
+  // No argument at all keeps the 16/9 default.
+  @if $ratio == null {
+    @return list.slash(16, 9);
+  }
+
+  @if meta.type-of($ratio) == "number" {
+    @if not math.is-unitless($ratio) {
+      @error "`#{$ratio}` is not a valid ratio. A numeric ratio must be unitless, like `1.77`.";
+    }
+    @if $ratio <= 0 {
+      @error "`#{$ratio}` is not a valid ratio. A numeric ratio must be greater than zero.";
+    }
+    // aspect-ratio takes a bare number, where 1.77 means 1.77 / 1.
+    @return $ratio;
+  }
+
+  // var() is resolved by the browser. Checked inline rather than through a
+  // helper function, which tools/build-manifest.js would take for this file's
+  // member in place of validateRatio.
+  @if meta.type-of($ratio) == "string" and string.slice(meta.inspect($ratio), 1, 1) != "\"" and string.index(string.to-lower-case($ratio), "var(") == 1 {
+    @return $ratio;
+  }
+
+  @if meta.type-of($ratio) == "string" {
+    $separator: null;
+    @if string.index($ratio, "/") {
+      $separator: string.index($ratio, "/");
+    } @else if string.index($ratio, ":") {
+      $separator: string.index($ratio, ":");
+    } @else {
+      @error "`#{$ratio}` is not a valid ratio. A string ratio must separate width and height with `/` or `:`, like `\"16/9\"` or `\"16:9\"`.";
+    }
+
+    $width-text: string.slice($ratio, 1, $separator - 1);
+    $height-text: string.slice($ratio, $separator + 1);
+
+    // Checked here so a malformed ratio is reported as a ratio, rather than as
+    // a bad argument to convertToNumber, which the caller never called.
+    @each $part in ($width-text, $height-text) {
+      @if string.length($part) == 0 {
+        @error "`#{$ratio}` is not a valid ratio. Width and height must both be whole numbers, like `\"16/9\"` or `\"16:9\"`.";
+      }
+      @for $i from 1 through string.length($part) {
+        @if not list.index("0" "1" "2" "3" "4" "5" "6" "7" "8" "9", string.slice($part, $i, $i)) {
+          @error "`#{$ratio}` is not a valid ratio. Width and height must both be whole numbers, like `\"16/9\"` or `\"16:9\"`.";
+        }
+      }
+    }
+
+    $width: convertToNumber($width-text);
+    $height: convertToNumber($height-text);
+
+    @if $width == 0 {
+      @error "`#{$ratio}` is not a valid ratio. The width must be greater than zero.";
+    }
+    @return list.slash($width, $height);
+  }
+
+  // Anything else -- most commonly a list, which is what `16/9` becomes once
+  // Dart Sass 2.0.0 removes slash division. Without this the mixin would emit
+  // no aspect-ratio at all and silently produce a box with no ratio.
+  @error "`#{$ratio}` is not a valid ratio. Pass a string like `\"16/9\"` or `\"16:9\"`, a unitless number like `1.77`, or no argument at all for the 16/9 default. You passed a #{meta.type-of($ratio)}.";
+}

data/scss/utilities/_validate-scissors.scss

@@ -0,0 +1,34 @@
+@charset "UTF-8";
+
+@use "sass:list";
+@use "sass:math";
+@use "sass:meta";
+@use "../utilities/pixelify" as *;
+@use "../internal/is-condition-value" as *;
+
+@function validateScissors($value) {
+  $list: ();
+  @for $i from 1 through list.length($value) {
+    $item: list.nth($value, $i);
+    // math.is-unitless() below throws on anything that is not a number, and its message
+    // names its own parameter rather than the corner that was wrong.
+    @if $item != null and meta.type-of($item) != "number" {
+      @error "`#{$item}` is not a valid corner size. Pass a length such as `12px`, or a unitless number which is treated as pixels.";
+    }
+    // Each size becomes a polygon() coordinate, which in Chrome 152 kept a
+    // length, a percentage and a negative length, and dropped a unit that is not
+    // a length, such as deg or x, so the clip-path was dropped.
+    @if $item != null and not math.is-unitless($item) and not isConditionValue($item, "length-percentage") {
+      @error "`#{$item}` is not a valid corner size: `#{math.unit($item)}` is not a length unit, and a browser drops the clip-path. Pass a length such as `12px`, or a unitless number which is treated as pixels.";
+    }
+    @if list.nth($value, $i) == null {
+      $list: list.append($list, 0px, comma);
+    } @else if math.is-unitless(list.nth($value, $i)) {
+      $pixelified: pixelify(list.nth($value, $i));
+      $list: list.append($list, $pixelified, comma);
+    } @else {
+      $list: list.append($list, list.nth($value, $i), comma);
+    }
+  }
+  @return $list;
+}

metadata

@@ -1,61 +1,145 @@
 --- !ruby/object:Gem::Specification
 name: gerillass
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 2.3.1
 platform: ruby
 authors:
 - Halil İbrahim Çakıroğlu
-autorequire: 
-bindir: exe
+bindir: bin
 cert_chain: []
-date: 2020-07-20 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
-  name: rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: sass-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies: []
 description: Gerillass is an open-source toolkit that contains a set of Sass mixins
   to help designers and developers to create better, faster and consistent user interfaces.
-email:
-- ibrahimchll@hotmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- core/_gerillass.scss
-- core/library/_antialias.scss
-- core/library/_before.scss
-- core/library/_border-box.scss
-- core/library/_clearfix.scss
+- LICENSE.md
+- README.md
+- SKILL.md
+- gerillass.json
+- lib/gerillass.rb
+- lib/gerillass/engine.rb
+- lib/gerillass/jekyll.rb
+- scss/_gerillass.scss
+- scss/internal/_color-problem.scss
+- scss/internal/_color-stops-problem.scss
+- scss/internal/_condition-width.scss
+- scss/internal/_custom-property-in.scss
+- scss/internal/_image-value.scss
+- scss/internal/_is-condition-value.scss
+- scss/internal/_is-css-function.scss
+- scss/internal/_is-size.scss
+- scss/internal/_keyword-value.scss
+- scss/internal/_length-problem.scss
+- scss/internal/_sibling-index.scss
+- scss/internal/_words.scss
+- scss/library/_adaptive.scss
+- scss/library/_after.scss
+- scss/library/_all-buttons.scss
+- scss/library/_all-text-inputs.scss
+- scss/library/_antialias.scss
+- scss/library/_aspect-ratio.scss
+- scss/library/_background-dots.scss
+- scss/library/_background-image.scss
+- scss/library/_background-stripes.scss
+- scss/library/_before.scss
+- scss/library/_border-box.scss
+- scss/library/_border-radius.scss
+- scss/library/_brand-logo.scss
+- scss/library/_breakpoint.scss
+- scss/library/_breakpointer.scss
+- scss/library/_center.scss
+- scss/library/_circle.scss
+- scss/library/_clearfix.scss
+- scss/library/_columnizer.scss
+- scss/library/_container-query.scss
+- scss/library/_container.scss
+- scss/library/_counter.scss
+- scss/library/_ellipsis.scss
+- scss/library/_escape-to-parent.scss
+- scss/library/_except.scss
+- scss/library/_focus-ring.scss
+- scss/library/_font-face.scss
+- scss/library/_hide.scss
+- scss/library/_index.scss
+- scss/library/_line-clamp.scss
+- scss/library/_linear-gradient.scss
+- scss/library/_loadify.scss
+- scss/library/_motion-safe.scss
+- scss/library/_only.scss
+- scss/library/_placeholder-shown.scss
+- scss/library/_placeholder.scss
+- scss/library/_position.scss
+- scss/library/_radial-gradient.scss
+- scss/library/_remove.scss
+- scss/library/_reset-css.scss
+- scss/library/_reset-figure.scss
+- scss/library/_resizable.scss
+- scss/library/_responsive-image.scss
+- scss/library/_scissors.scss
+- scss/library/_screen-agent.scss
+- scss/library/_sizer.scss
+- scss/library/_smartphone.scss
+- scss/library/_sprite.scss
+- scss/library/_stretched-link.scss
+- scss/library/_tablet.scss
+- scss/library/_text-gradient.scss
+- scss/library/_text-image.scss
+- scss/library/_text-selection.scss
+- scss/library/_text-shadow.scss
+- scss/library/_text-stroke.scss
+- scss/library/_tokens.scss
+- scss/library/_triangle.scss
+- scss/lists/_index.scss
+- scss/lists/_list-of-anchor-pseudo-classes.scss
+- scss/lists/_list-of-buttons.scss
+- scss/lists/_list-of-counter-styles.scss
+- scss/lists/_list-of-directions.scss
+- scss/lists/_list-of-length-units.scss
+- scss/lists/_list-of-text-inputs.scss
+- scss/maps/_index.scss
+- scss/maps/_map-for-breakpoints.scss
+- scss/maps/_map-for-directions.scss
+- scss/maps/_map-for-font-formats.scss
+- scss/maps/_map-for-positions.scss
+- scss/maps/_map-for-smartphones.scss
+- scss/maps/_map-for-tablets.scss
+- scss/utilities/_clear-unit.scss
+- scss/utilities/_clear-whitespace.scss
+- scss/utilities/_convert-to-em.scss
+- scss/utilities/_convert-to-number.scss
+- scss/utilities/_fill-nulls.scss
+- scss/utilities/_fluid.scss
+- scss/utilities/_font-sizer.scss
+- scss/utilities/_font-source.scss
+- scss/utilities/_index.scss
+- scss/utilities/_is-color.scss
+- scss/utilities/_is-gutter.scss
+- scss/utilities/_is-number.scss
+- scss/utilities/_is-time.scss
+- scss/utilities/_map-deep-get.scss
+- scss/utilities/_pixelify.scss
+- scss/utilities/_pseudo-selector.scss
+- scss/utilities/_remify.scss
+- scss/utilities/_shade.scss
+- scss/utilities/_shorthand-property.scss
+- scss/utilities/_tint.scss
+- scss/utilities/_validate-breakpoint.scss
+- scss/utilities/_validate-length.scss
+- scss/utilities/_validate-ratio.scss
+- scss/utilities/_validate-scissors.scss
 homepage: https://gerillass.com
 licenses:
 - Apache-2.0
-metadata: {}
-post_install_message: 
+metadata:
+  homepage_uri: https://gerillass.com
+  documentation_uri: https://gerillass.com/docs/introduction
+  source_code_uri: https://github.com/selfishprimate/gerillass
+  changelog_uri: https://github.com/selfishprimate/gerillass/blob/main/CHANGELOG.md
+  bug_tracker_uri: https://github.com/selfishprimate/gerillass/issues
+  rubygems_mfa_required: 'true'
 rdoc_options: []
 require_paths:
 - lib
@@ -63,15 +147,15 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.3.0
+      version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
-signing_key: 
+rubygems_version: 4.0.3
 specification_version: 4
-summary: The coolest Sass toolset for developers.
+summary: Sass mixins and functions for Rails, Jekyll and any Ruby project that compiles
+  Sass.
 test_files: []

data/core/_gerillass.scss

@@ -1,4 +0,0 @@
-@import "library/antialias";
-@import "library/before";
-@import "library/border-box";
-@import "library/clearfix";

data/core/library/_before.scss

@@ -1,18 +0,0 @@
-@charset "UTF-8";
-
-@mixin gorillass-before($content: null) {
-  &::before {
-    @if $content == null {
-      @content;
-    } @else if $content != null {
-      $data: str-slice($content, 1, 5);
-      @if $data == "data-" {
-        content: attr(#{$content});
-        @content;
-      } @else {
-        content: "#{$content}";
-        @content;
-      }
-    }
-  }
-}

data/core/library/_border-box.scss

@@ -1,26 +0,0 @@
-@charset "UTF-8";
-
-@mixin gorillass-border-box($value: null) {
-  @if not & and $value == null {
-    *,
-    *::before,
-    *::after {
-      box-sizing: border-box;
-    }
-  } @else if & and $value == "only" {
-    &,
-    &::before,
-    &::after {
-      box-sizing: border-box;
-    }
-  } @else if & and $value == null {
-    &,
-    &::before,
-    &::after,
-    *,
-    *::before,
-    *::after {
-      box-sizing: border-box;
-    }
-  }
-}