sass-zero 1.0.17 → 1.0.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4759309e52c04d123d920114a45bc4fa32ae109b147576bc0b38147ffdf286c2
-  data.tar.gz: db228db2ad8576c0f9fb7e2d118d23b4f7664d398419cc578074ed18657ec93d
+  metadata.gz: 3e17ef8146e342d237eef8d9b6c75e0ee1c089827b2f25f35eefb22b8e34589c
+  data.tar.gz: afcbd6cf7a4a1882f29a0d73abc27be46daba9da3d5f1b88858ed096bea07381
 SHA512:
-  metadata.gz: 659baf67f71dc2ef03dca65ab78b1d4af69afbe73e2b21c9de6ce63fa641ce0399e26aebf4d49e23c6325641da17a792d35d8759e52609f673901f0f8e4a684a
-  data.tar.gz: 118c182162e54c47ce34010101c79dae11ef135ad90dbeb139d47bccd5ba7963868cef978c28e634ebdaf0ee0b809e4e1c258af0a4ca4da0b49f883ee8cbf680
+  metadata.gz: 66e63bf0c6ccf88fa06b4dee5eb4f6758838634fa2f8438bf634b42192f752b33bfb1e26cef98cbc7ebff43e3016d0332e2867503c0e0371a35b623670841d82
+  data.tar.gz: 074beb1cedccd4ebcb10677258efe50fb66d5a0aa2604e4058a065f8f9b7ff14f9e2f83cf098f442eaa638cb8e21e7c4b3e380356305bb7b9617d4ee06045c60

data/Example.html

@@ -22,7 +22,7 @@
 
   <input type="submit" value="Submit Button" class="btn btn--secondary" />
 
-  <details class="u-display-ib">
+  <details class="u-position-context">
     <summary class="btn btn--secondary">Popup Button</summary>
     <div class="popup-menu push-xs--top u-position--right">
       <ul class="list--unindented u-nowrap flush">

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    sass-zero (1.0.17)
+    sass-zero (1.0.20)
 
 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,11 +361,3 @@ video {
   max-width: 100%;
   height: auto;
 }
-
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}

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

@@ -71,7 +71,7 @@ html {
 }
 
 .input {
-  @include appearance-none;
+  appearance: none;
   resize: none;
   background-color: var(--color-bg--main);
   border-radius: $radius-secondary;
@@ -95,10 +95,10 @@ 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;
 }
@@ -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;
@@ -210,7 +210,7 @@ progress {
 }
 
 details {
-  position: relative;
+  display: inline-block;
 }
 
 summary {

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;
 }

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/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/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.17"
+    VERSION = "1.0.20"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "1.0.16",
+	"version": "1.0.20",
 	"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.17
+  version: 1.0.20
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-04-26 00:00:00.000000000 Z
+date: 2022-06-02 00:00:00.000000000 Z
 dependencies: []
 description:
 email:
@@ -32,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