sass-zero 1.0.16 → 1.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 776c9fc40ca0e6b68ff6ac295cd73a77549af43cf0847b2ee8975033570c07b4
-  data.tar.gz: 3e4a3125bd4b4a56d7bbb6c0168dd0a0eecaed705b534c8f22592fbdeafe4579
+  metadata.gz: 800d6325d36cdd7fa9b36254d7cd63d7c0c5b0db7399b2034aefc95590330da1
+  data.tar.gz: 9c9c1ca098f1a43a486bcdb9220281ca902258ab91e3af23d38582830ab9131c
 SHA512:
-  metadata.gz: 9a8d4b5a131342c76c83e7bd4e13b1fa70496bdc9811603d133e015bccc8ec23e343c80be30099bd7b9dfe75d71da88a6824ff9a4d7bc1cdd3c8dc2ef092fe79
-  data.tar.gz: 24152dd48eb838f18ba51bc8f018eb5755c7e3763cc69a0e2bd0f28b55334f978c1ba19c34ea1ffeb100a6e6d7e5a16beb1242426b255dc4be02b829d1547a12
+  metadata.gz: f8bc46c557b6ec9861b2db25e8110ae432fef4ebb7aa030b3595a17167fcb7fe12087e1e1c0bffd53bd0411e87b7809ca562353a894e588025b636d3af40503b
+  data.tar.gz: 83cd6c7984385e124be89d9073791186f83cd8fcfd85e3d3e71cb5df7376a02f6711d30cc6d6730979bf754892a963d3bbed7b376344dfd4d0a5e10e28de1f23

data/.scss-lint.yml

@@ -0,0 +1,31 @@
+linters:
+  SelectorFormat:
+    enabled: false
+  PropertySortOrder:
+    enabled: false
+  SingleLinePerSelector:
+    enabled: false
+  SingleLinePerProperty:
+    enabled: false
+  SpaceAfterPropertyColon:
+    enabled: false
+  Comment:
+    enabled: false
+  LeadingZero:
+    enabled: false
+  ImportantRule:
+    enabled: false
+  ColorVariable:
+    enabled: false
+  MergeableSelector:
+    enabled: false
+  ZeroUnit:
+    enabled: false
+  VendorPrefix:
+    enabled: false
+  EmptyLineBetweenBlocks:
+    enabled: false
+  PseudoElement:
+    enabled: false
+  StringQuotes:
+    enabled: false

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    sass-zero (1.0.16)
+    sass-zero (1.0.19)
 
 GEM
   remote: https://rubygems.org/

data/README.md

@@ -55,6 +55,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
 
 - [Align](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/align.scss)
 - [Animation](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/animation.scss)
+- [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/border.scss)
 - [Container](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/container.scss)
 - [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
 - [Margin Pull](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pull.scss)

data/app/assets/stylesheets/sass-zero/base/preflight.scss

@@ -163,6 +163,7 @@ select,
 textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
@@ -360,20 +361,3 @@ video {
   max-width: 100%;
   height: auto;
 }
-
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}
-
-/**
- * Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
- * This sucks because users can't change line-height with a utility on date inputs now.
- * Reference: https://github.com/twbs/bootstrap/pull/31993
- */
-::-webkit-date-and-time-value {
-  min-height: 1.5em;
-}

data/app/assets/stylesheets/sass-zero/breadboard.scss

@@ -25,7 +25,7 @@ $radius-secondary: $rounded;
 }
 
 html {
-  accent-color: var(--color-primary);
+  accent-color: var(--color-primary); // scss-lint:disable all
   background: var(--color-bg--main);
   color: var(--color-text);
   font-family: $font-family;
@@ -71,7 +71,7 @@ html {
 }
 
 .input {
-  @include appearance-none;
+  appearance: none;
   resize: none;
   background-color: var(--color-bg--main);
   border-radius: $radius-secondary;
@@ -95,15 +95,15 @@ html {
 }
 
 .popup-menu {
-  background-color: var(--color-bg--surface);
-  border-radius: $radius-secondary;
-  padding: $size-2 $size-3;
-  box-shadow: $shadow-md;
+  background-color: var(--color-bg--main);
+  border-width: $border; border-radius: $radius-primary;
+  padding: $size-3 $size-4;
+  box-shadow: $shadow-lg;
   position: absolute;
   z-index: $z-10;
 }
 
-input[type="checkbox"], input[type="radio"] {
+[type="checkbox"], [type="radio"] {
   transform: scale(1.2, 1.2);
   margin: $size-1;
 }
@@ -126,7 +126,7 @@ pre {
   border-left-width: $border-4;
   overflow-y: hidden;
 
-  & > code {
+  > code {
     border-radius: $rounded-none;
     display: block;
     padding: $size-2 $size-3;
@@ -190,8 +190,8 @@ table, progress, blockquote, figure, pre, menu, ul, ol, dl, p {
 }
 
 dialog {
-  background-color: var(--color-bg--surface);
-  border-radius: $radius-primary;
+  background-color: var(--color-bg--main);
+  border-width: $border; border-radius: $radius-primary;
   padding: $size-3 $size-4;
   box-shadow: $shadow-lg;
   color: inherit;

data/app/assets/stylesheets/sass-zero/mixins.scss

@@ -24,11 +24,6 @@
   outline-offset: 2px;
 }
 
-@mixin appearance-none {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
 @mixin progress-bar {
   ::-webkit-progress-value {
     @content;

data/app/assets/stylesheets/sass-zero/utilities/align.scss

@@ -10,6 +10,10 @@
   vertical-align: bottom;
 }
 
+.align--text-bottom {
+  vertical-align: text-bottom;
+}
+
 .align--left {
   text-align: left;
 }
@@ -24,5 +28,5 @@
 
 .centered {
   margin-left:  auto;
-  margin-right: auto
+  margin-right: auto;
 }

data/app/assets/stylesheets/sass-zero/utilities/animation.scss

@@ -50,10 +50,10 @@
 @keyframes bounce {
   0%, 100% {
     transform: translateY(-25%);
-    animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
+    animationTimingFunction: cubic-bezier(0.8, 0, 1, 1); // scss-lint:disable all
   }
   50% {
     transform: translateY(0);
-    animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
+    animationTimingFunction: cubic-bezier(0, 0, 0.2, 1); // scss-lint:disable all
   }
 }

data/app/assets/stylesheets/sass-zero/utilities/border.scss

@@ -0,0 +1,17 @@
+@import "../variables/border";
+
+.border--top {
+  border-top-width: $border;
+}
+
+.border--bottom {
+  border-bottom-width: $border;
+}
+
+.border--left {
+  border-left-width: $border !important;
+}
+
+.border--all {
+  border-width: $border !important;
+}

data/app/assets/stylesheets/sass-zero/utilities/layout.scss

@@ -3,7 +3,7 @@
 @import "../mixins";
 
 .debug * {
-  outline: 1px red solid !important;
+  outline: 1px #f00 solid !important;
 }
 
 .u-display-n {
@@ -51,7 +51,7 @@
 }
 
 .u-full-height {
-  height: 100%
+  height: 100%;
 }
 
 .u-disabled {

data/app/assets/stylesheets/sass-zero/utilities/text.scss

@@ -19,6 +19,10 @@
   text-transform: uppercase;
 }
 
+.txt--spread {
+  letter-spacing: $tracking-widest;
+}
+
 .txt--nowrap {
   white-space: nowrap;
 }
@@ -57,67 +61,54 @@
 
 .txt--xs {
   font-size: $text-xs;
-  line-height: $leading-4;
 }
 
 .txt--sm {
   font-size: $text-sm;
-  line-height: $leading-5;
 }
 
 .txt--md {
   font-size: $text-base;
-  line-height: $leading-6;
 }
 
 .txt--lg {
   font-size: $text-lg;
-  line-height: $leading-7;
 }
 
 .txt--xl {
   font-size: $text-xl;
-  line-height: $leading-7;
 }
 
 .txt--2xl {
   font-size: $text-2xl;
-  line-height: $leading-8;
 }
 
 .txt--3xl {
   font-size: $text-3xl;
-  line-height: $leading-9;
 }
 
 .txt--4xl {
   font-size: $text-4xl;
-  line-height: $leading-10;
 }
 
 .txt--5xl {
   font-size: $text-5xl;
-  line-height: $leading-none;
 }
 
 .txt--6xl {
   font-size: $text-6xl;
-  line-height: $leading-none;
 }
 
 .txt--7xl {
   font-size: $text-7xl;
-  line-height: $leading-none;
 }
 
 .txt--8xl {
   font-size: $text-8xl;
-  line-height: $leading-none;
 }
 
 .txt--9xl {
   font-size: $text-9xl;
-  line-height: $leading-none;
 }
 
 .undecorated {

data/app/assets/stylesheets/sass-zero/utilities.scss

@@ -1,5 +1,6 @@
 @import "./utilities/align";
 @import "./utilities/animation";
+@import "./utilities/border";
 @import "./utilities/container";
 @import "./utilities/flex";
 @import "./utilities/flush";

data/app/assets/stylesheets/sass-zero/variables/effects.scss

@@ -38,7 +38,7 @@ $opacity-100: 1;
 // Function for creating outline rings with box-shadows.
 // box-shadow: ring($width: 4px);
 // *******************************************************************
-@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false)  {
+@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) {
   @if $inset {
     $ring-offset-shadow: inset 0 0 0 $offset-width $offset-color;
     $ring-shadow: inset 0 0 0 ($width + $offset-width) $color;

data/app/assets/stylesheets/sass-zero/variables/grid.scss

@@ -35,7 +35,7 @@ $col-span-9:    span 9 / span 9;
 $col-span-10:   span 10 / span 10;
 $col-span-11:   span 11 / span 11;
 $col-span-12:   span 12 / span 12;
-$col-span-full:	1 / -1;
+$col-span-full:	calc(1 / -1);
 
 // *******************************************************************
 // Grid Template Rows
@@ -62,7 +62,7 @@ $row-span-3:    span 3 / span 3;
 $row-span-4:    span 4 / span 4;
 $row-span-5:    span 5 / span 5;
 $row-span-6:    span 6 / span 6;
-$row-span-full: 1 / -1;
+$row-span-full: calc(1 / -1);
 
 // *******************************************************************
 // Grid Auto Columns

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.0.16"
+    VERSION = "1.0.19"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "1.0.16",
+	"version": "1.0.19",
 	"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
 	"homepage": "https://github.com/lazaronixon/sass-zero",
 	"repository": "lazaronixon/sass-zero",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.0.16
+  version: 1.0.19
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-04-03 00:00:00.000000000 Z
+date: 2022-05-31 00:00:00.000000000 Z
 dependencies: []
 description:
 email:
@@ -19,6 +19,7 @@ extra_rdoc_files: []
 files:
 - ".github/FUNDING.yml"
 - ".gitignore"
+- ".scss-lint.yml"
 - Example.html
 - Gemfile
 - Gemfile.lock
@@ -31,6 +32,7 @@ files:
 - app/assets/stylesheets/sass-zero/utilities.scss
 - app/assets/stylesheets/sass-zero/utilities/align.scss
 - app/assets/stylesheets/sass-zero/utilities/animation.scss
+- app/assets/stylesheets/sass-zero/utilities/border.scss
 - app/assets/stylesheets/sass-zero/utilities/container.scss
 - app/assets/stylesheets/sass-zero/utilities/flex.scss
 - app/assets/stylesheets/sass-zero/utilities/flush.scss