sass-zero 0.0.18 → 0.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 32a5f44054178e89c43f0af8bbf278f95476c42387f90fa0d1ccfcb673017ea6
-  data.tar.gz: 89ea2c7d3cc58da32fdddaf4787802f887c680b3ed6c8aad650e4b342e413c09
+  metadata.gz: 9acb499bf5dfcea23f155ce3295f566d44a93671c297b7c66dede7ea10267a4f
+  data.tar.gz: 981cb4f815f22b0499a58ab5906110a967b6b18eb44f24c38790ad445f371215
 SHA512:
-  metadata.gz: ff818d924aca1afe44cf75d75c3a3883ab07699ec64ae8d887228a1ce49aba5c2cb653b95a65671bbe8e029805f15edd35e5405e669ddc897b58357d9befaacd
-  data.tar.gz: 86b20f5c7bf71a7bd0666c95654a951e69cc7b70c459a52ec1bfd567f9ea2247daf176a56605aed032f2d6f2a53b7f98253c7a7a0f5fd1e6eba475f02001b943
+  metadata.gz: 58fc8dafa2e01e97277143d40be6b9e56f8b5b733b351f8edc70e52250c7756bd9659280a064164a1cbd5298548944b3ad8310e6fcd37abc26f1af592a5bae75
+  data.tar.gz: d94d636cab36b5e2507a5050c484132312fb3951a0106a91eb7762c5b73412636332bb413e43f0bd3ebd54a3a879171a0543a00c2d778ecb586d7a0d7d1fd48e

data/Example.html

@@ -1,9 +1,3 @@
-<style>
-  .btn--plus-icon {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="%231a202c" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd"/></svg>');
-  }
-</style>
-
 <main>
   <p>The base type is 1.6rem (16px) over 1.6 line height (24px)</p>
   <a>Anchor</a>
@@ -18,14 +12,15 @@
   <h5>Heading</h5>
   <h6>Heading</h6>
 
+
   <button>Default Button</button>
-  <input type="submit" value="Submit Button" />
-  <a href="#" class="btn">Link Button</a>
   <button class="btn--primary">Button Primary</button>
   <button class="btn--secondary">Button Secondary</button>
   <button class="btn--tertiary">Button Tertiary</button>
-  <button class="btn--with-icon btn--plus-icon">Button With Icon</button>
-  <button class="btn--small">Button Small</button>
+
+  <a href="#" class="btn">Link Button</a>
+
+  <input type="submit" value="Submit Button" />
 
   <hr>
 
@@ -53,7 +48,7 @@
       <label for="commentField">Comment</label>
       <textarea placeholder="Hi CJ …" id="commentField" rows="3"></textarea>
 
-      <div class="flush-md--bottom">
+      <div class="push-md--bottom">
         <div>
           <input type="checkbox" name="option1" value="1" checked>
           <label for="option1" class="u-display-ib">Option 1</label>
@@ -68,7 +63,7 @@
         </div>
       </div>
 
-      <div class="flush-md--bottom">
+      <div class="push-md--bottom">
         <div>
           <input type="radio" name="radio" value="1" checked>
           <label for="radio" class="u-display-ib">Option 1</label>
@@ -116,7 +111,7 @@
     <p><em>Yeah!! Milligram is amazing.</em></p>
   </blockquote>
 
-<pre><code>.milligram {
+  <pre><code>.milligram {
   color: #9b4dca;
 }</code></pre>
 
@@ -128,8 +123,6 @@
 
   <hr>
 
-  <div></div>
-
   <ul>
     <li>Unordered list item 1</li>
     <li>Unordered list item 2</li>

data/README.md

@@ -2,7 +2,7 @@
 
 SASS-ZERO is a css framework that brings concepts from [tailwindcss](https://tailwindcss.com) and [milligram](https://milligram.io) but with ideas from [BEM](http://getbem.com/naming), [Refactoring UI](https://refactoringui.com/book) and [Shape UP](https://basecamp.com/shapeup).
 
-![screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/Screenshot_2020-02-26+Routeend.png)
+![screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/Screenshot_2020-03-06+Routeend.png)
 
 ### Milligram
 
@@ -56,6 +56,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
 - [Padding Reset](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/unpad.scss)
 - [Text Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/text.scss)
 - [Layout Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/layout.scss)
+- [Flex Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flex.scss)
 
 ## Installation
 
@@ -101,7 +102,6 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 - [BEM](http://getbem.com/naming)
 - [Refactoring UI](https://refactoringui.com/book)
 - [Shape UP](https://basecamp.com/shapeup)
-- [Hero Icons](https://github.com/refactoringui/heroicons)
 
 ## License
 

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

@@ -38,11 +38,12 @@ input[type='submit'] {
   &--primary {
     background-color: $breadboard-primary !important;
     border-color: $breadboard-primary;
+    box-shadow: $shadow-sm;
     color: $white !important;
   }
 
   &--secondary {
-    background-color: $white !important;
+    background-color: transparent !important;
     border-color: $breadboard-primary;
   }
 
@@ -50,43 +51,6 @@ input[type='submit'] {
     background-color: transparent !important;
     border-color: transparent;
   }
-
-  &--with-icon {
-    padding-left: $size-8;
-    background-position: $size-2 center;
-    background-repeat: no-repeat;
-    background-size: auto $size-5;
-  }
-
-  &--small {
-    font-size: $text-sm;
-    padding-top:  0.35rem;
-    padding-bottom: 0.35rem;
-  }
-
-  &--small-icon {
-    width: $size-10;
-    height: $size-10;
-    padding: 0 !important;
-    background-position: center !important;
-    background-repeat: no-repeat;
-    background-size: auto $size-5;
-  }
-
-  &--tiny-icon {
-    width: $size-6;
-    height: $size-6;
-    padding: 0 !important;
-    background-position: center !important;
-    background-repeat: no-repeat;
-    background-size: auto $size-4;
-    vertical-align: text-top;
-  }
-
-  &--borderless {
-    border-color: transparent !important;
-    background-color: transparent !important
-  }
 }
 
 code {
@@ -168,8 +132,8 @@ input[type='radio'] {
   color: $breadboard-primary;
 	display: inline-block;
   margin-bottom: -2.5px;
-  height: $size-4;
-  width: $size-4;
+  height: $size-6;
+  width: $size-6;
 
   &:checked {
     border-color: transparent;
@@ -183,7 +147,7 @@ input[type='checkbox'] {
   border-radius: $rounded;
 
   &:checked {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z"/></svg>');
+    background-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="white" strokeWidth="2" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>');
   }
 }
 
@@ -197,7 +161,7 @@ input[type='radio'] {
 
 a {
   color: $breadboard-primary;
-  font-weight: $font-bold;
+  font-weight: $font-semibold;
   cursor: pointer;
 }
 
@@ -254,7 +218,7 @@ thead th {
 
 td, th {
   border-bottom-width: $border;
-  padding: $size-3 $size-2;
+  padding: $size-3 $size-5;
   text-align: left;
 }
 
@@ -289,5 +253,5 @@ h6 {
 }
 
 main {
-  @include make-container($size-6, $breakpoint-xl);
+  @include make-container($size-4, $breakpoint-lg);
 }

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

@@ -0,0 +1,23 @@
+.flex {
+  display: flex;
+
+  &--column {
+    flex-direction: column;
+  }
+
+  &--row {
+    flex-direction: row;
+  }
+
+  &--justify-center {
+    justify-content: center;
+  }
+
+  &--items-center {
+    align-items: center;
+  }
+
+  &--none {
+    flex: none;
+  }
+}

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

@@ -56,11 +56,11 @@
   }
 
   &--subtle {
-    color: $gray-600;
+    color: $gray-700;
   }
 
   &--very-subtle {
-    color: $gray-500;
+    color: $gray-600;
   }
 
   &--capitalize {

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

@@ -1,3 +1,4 @@
+@import "sass-zero/utilities/flex";
 @import "sass-zero/utilities/flush";
 @import "sass-zero/utilities/layout";
 @import "sass-zero/utilities/pull";

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "0.0.18"
+    VERSION = "0.0.19"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.18",
+	"version": "0.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: 0.0.18
+  version: 0.0.19
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-04 00:00:00.000000000 Z
+date: 2020-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -42,6 +42,7 @@ files:
 - app/assets/stylesheets/sass-zero/base/variables.scss
 - app/assets/stylesheets/sass-zero/mixins.scss
 - app/assets/stylesheets/sass-zero/utilities.scss
+- app/assets/stylesheets/sass-zero/utilities/flex.scss
 - app/assets/stylesheets/sass-zero/utilities/flush.scss
 - app/assets/stylesheets/sass-zero/utilities/layout.scss
 - app/assets/stylesheets/sass-zero/utilities/pull.scss