sass-zero 0.0.25 → 0.0.28

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d8d82d8f5a9efa27cc99f5d0b2016710b802e511a7bc6f853157ddee5807ab2f
-  data.tar.gz: 259fbda3787a3aab0e6f696bcc14cb7e0d3070bfc7912b3e0a78ced21cd046b2
+  metadata.gz: 12fa3fd06ede4cd2974e4d32d5521769b123332bf8fe7ece2f5db533a0789fa6
+  data.tar.gz: 98fa2a57b5041525679b3c740ad99a1a2c2a2c63c570955f80e657603706cd92
 SHA512:
-  metadata.gz: b5fff8a4bf9b6c00822412581a3aca1ac6319a740bbbb1a3618d1d5ffe9ace26abf504e4ec3d3d383c4dc2c308149e9df23f8c9582da46909c99041fd38b0fc3
-  data.tar.gz: bfc313037cfacee3d7b9f302a3712560e7cec915e3cb506404f24774613fc4b94489c3200ab29c691d74f93849cceba105af92bce797a1bdfbc743d26a250953
+  metadata.gz: d6a9d1cd7b5dabcaef7547be30b907dce3f0b927d9c2941fc6d4fe7d97aa422a36e31f8a149938bed63500d635a474fbc3cc5e1c95bee80e5e4cec3d4fa9bfb6
+  data.tar.gz: 9bd7b6671f40902708ad4e9bcfc6240128d63fac081f4be4dc8eadd80f9f965eda057a300c320b0a4233c755162149fe560344f667897e7c7b8b327c04982dab

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

@@ -209,62 +209,35 @@ td, th {
   text-align: left;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  color: $breadboard-primary;
+h1, h2, h3, h4, h5, h6, .hdg {
   font-weight: $font-bold;
   line-height: $leading-tight;
 }
 
-h1 {
+h1, .hdg--4xl {
   font-size: $text-4xl;
 }
 
-h2 {
+h2, .hdg--3xl {
   font-size: $text-3xl;
 }
 
-h3 {
+h3, .hdg--2xl {
   font-size: $text-2xl;
 }
 
-h4 {
+h4, .hdg--xl {
   font-size: $text-xl;
 }
 
-h5 {
+h5, .hdg--lg {
   font-size: $text-lg;
 }
 
-h6 {
+h6, .hdg--base {
   font-size: $text-base;
 }
 
-@media (max-width: $breakpoint-md - 1) {
-  h1 {
-    font-size: $text-3xl;
-  }
-
-  h2 {
-    font-size: $text-2xl;
-  }
-
-  h3 {
-    font-size: $text-xl;
-  }
-
-  h4 {
-    font-size: $text-lg;
-  }
-
-  h5 {
-    font-size: $text-base;
-  }
-
-  h6 {
-    font-size: $text-sm;
-  }
-}
-
 main {
   @include make-container($size-10, $breakpoint-lg);
 }

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

@@ -1,11 +1,3 @@
-@mixin clearfix {
-  &::after {
-    display: block;
-    clear: both;
-    content: "";
-  }
-}
-
 @mixin break-normal {
   word-break: normal;
   overflow-wrap: normal
@@ -34,9 +26,3 @@
   margin-left:  $size-auto;
   max-width: $max-width;
 }
-
-@mixin center-block() {
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-}

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

@@ -1,43 +1,31 @@
 .flex {
-  display: flex !important;
+  display: flex;
 
   &--column {
-    flex-direction: column !important;
-  }
-
-  &--row {
-    flex-direction: row !important;
-  }
-
-  &--justify-start {
-    justify-content: flex-start !important;
+    flex-direction: column;
   }
 
   &--justify-center {
-    justify-content: center !important;
-  }
-
-  &--justify-end {
-    justify-content: flex-end !important;
+    justify-content: center;
   }
 
   &--justify-between {
-    justify-content: space-between !important;
+    justify-content: space-between;
   }
 
-  &--justify-around {
-    justify-content: space-around !important;
+  &--items-center {
+    align-items: center;
   }
 
-  &--items-center {
-    align-items: center !important;
+  &--wrap {
+    flex-wrap: wrap;
   }
 
-  &--items-baseline {
-    align-items: baseline !important;
+  &--grow {
+    flex-grow: 1;
   }
 
-  &--none {
-    flex: none !important;
+  &--shrink-0 {
+    flex-shrink: 0;
   }
 }

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

@@ -2,129 +2,122 @@
 @import "sass-zero/mixins";
 
 .u-position-context {
-  position: relative !important;
+  position: relative;
 }
 
 .u-position-right {
-  position: absolute !important;
+  position: absolute;
   right: 0;
 }
 
 .u-position-left {
-  position: absolute !important;
+  position: absolute;
   left: 0;
 }
 
 .u-position--bottom-right {
-  position: absolute !important;
+  position: absolute;
   bottom: 0;
   right: 0;
 }
 
 .u-position--top-right {
-  position: absolute !important;
+  position: absolute;
   top: 0;
   right: 0;
 }
 
-.u-clearfix {
-  @include clearfix;
-}
-
 .u-full-width {
-  width: 100% !important;
+  width: 100%;
 }
 
 .u-unscrollable {
-  overflow: hidden !important;
+  overflow: hidden;
 }
 
 .u-display-i {
-  display: inline !important;
+  display: inline;
 }
 
 .u-display-b {
-  display: block !important;
+  display: block;
 }
 
 .u-display-ib {
-  display: inline-block !important;
+  display: inline-block;
 }
 
 .u-display-n {
-  display: none !important;
-}
-
-.u-pointer-events-n {
-  pointer-events: none !important;
+  display: none;
 }
 
-.u-margin-centered {
-  @include center-block;
+.u-centered {
+  margin-right: auto;
+  margin-left: auto;
 }
 
 @media (min-width: $breakpoint-md) {
   .u-wrap-on-desktop {
-    display: block !important;
+    display: block;
   }
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-wrap-on-mobile {
-    display: block !important;
+    display: block;
   }
 }
 
 .u-nowrap {
-  white-space: nowrap !important;
+  white-space: nowrap;
 }
 
 .u-float-l {
-  float: left !important;
+  float: left;
 }
 
 .u-float-r {
-  float: right !important;
+  float: right;
 }
 
 .u-float-n {
-  float: none !important;
+  float: none;
 }
 
 .u-float-clear {
-  clear: both !important;
+  clear: both;
 }
 
 .u-float-clear-l {
-  clear: left !important;
+  clear: left;
 }
 
 .u-float-clear-r {
-  clear: right !important;
+  clear: right;
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-float-n-on-mobile {
-    float: none !important;
+    float: none;
   }
 }
 
 .u-hide {
-  display: none !important;
+  display: none;
 }
 
 .u-hide-focus {
-  outline: none !important;
+  outline: none;
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-hide-on-media-small {
-    display: none !important;
+    display: none;
   }
 }
 
 @media (min-width: $breakpoint-md) {
   .u-hide-on-media-medium {
-    display: none !important;
+    display: none;
   }
 }

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

@@ -2,7 +2,7 @@
 
 // *******************************************************************
 // Push Utilities
-// $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-3, "lg": $size-4, "xl": $size-5, "2xl": $size-6);
+// $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);
 // *******************************************************************
 @each $scale, $size in $size-map {
   .push-#{$scale} {

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

@@ -18,6 +18,18 @@
     font-size: $text-lg;
   }
 
+  &--xl {
+    font-size: $text-xl;
+  }
+
+  &--2xl {
+    font-size: $text-2xl;
+  }
+
+  &--3xl {
+    font-size: $text-3xl;
+  }
+
   &--truncate {
     @include truncate;
   }
@@ -51,31 +63,21 @@
     font-weight: $font-bold;
   }
 
-  &--underline {
-    text-decoration: underline;
-  }
-
   &--subtle {
     color: $gray-700;
-    font-weight: $font-normal;
   }
 
   &--very-subtle {
     color: $gray-600;
-    font-weight: $font-normal;
   }
 
-  &--capitalize {
-    text-transform: capitalize;
+  &--underline {
+    text-decoration: underline;
   }
 
-  &--sentence-case::first-letter {
+  &--uppercase {
     text-transform: uppercase;
   }
-
-  &--strike {
-    text-decoration: line-through;
-  }
 }
 
 .align {

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

@@ -27,4 +27,4 @@ $size-auto:   auto;
 $size-full:   100%;
 $size-screen: 100vw;
 
-$size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10);
+$size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "0.0.25"
+    VERSION = "0.0.28"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.25",
+	"version": "0.0.28",
 	"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: 0.0.25
+  version: 0.0.28
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-21 00:00:00.000000000 Z
+date: 2020-05-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -84,7 +84,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.0.6
 signing_key: 
 specification_version: 4
 summary: A CSS framework for rapid UI development based on tailwindcss, miligram and