spuit 0.0.13 → 0.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f052e007b0acc8bfe7bc4324ce62f62816784a2311b413f588066390b5a71e56
-  data.tar.gz: ab3579a97691d5a0d55289235b150e7be3e9ac40816278057aacd86e8b215f35
+  metadata.gz: e5266a3ac4c59027402fee975faa6d560e021726fbdf3ece27b83f6fcfcae23a
+  data.tar.gz: a6cd4cf43baf527ba690c7436fcb7ad944642969e3e60f7b467c095c2d752a9b
 SHA512:
-  metadata.gz: b027aea6ebbfafd66aec60f01cbc6a4880ad6ca8809fe1cba564c1f389e4ac06bfcea9043aaa7a00686ebfe17d8805231d8ca859c715f1a8007664b4995685be
-  data.tar.gz: 65e193b00bd76d575713cc92e3b9c07627757c5855998b13e713ca70ca4188e194c2a12e5c148b39c0ece60c90459597af4bb94dc375926a15444d2fd6ca2f87
+  metadata.gz: 53aa7ee0fd2f452ea94348972c9e42d20c618f36eba1b1523e3eeff309fd0391941b067273e90c21466aacb534ecb2e4058278163f994ebd02e4d632324d45a6
+  data.tar.gz: 66f6aa7a79d829cbe4f7d06eb3cc12e1086ae0164465be516116d554d01438be9e7848a4d82c984c26ba986c6f9cc537ee4dcc00c98e27f17423b0001d075130

data/Gemfile.lock

@@ -1,21 +1,79 @@
 PATH
   remote: .
   specs:
-    spuit (0.0.7)
-      rake
+    spuit (0.0.14)
+      sass (~> 3.4)
       thor (~> 0.19)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    rake (12.0.0)
-    thor (0.19.4)
+    addressable (2.6.0)
+      public_suffix (>= 2.0.2, < 4.0)
+    aruba (0.14.9)
+      childprocess (>= 0.6.3, < 1.1.0)
+      contracts (~> 0.9)
+      cucumber (>= 1.3.19)
+      ffi (~> 1.9)
+      rspec-expectations (>= 2.99)
+      thor (~> 0.19)
+    builder (3.2.3)
+    childprocess (1.0.1)
+      rake (< 13.0)
+    contracts (0.16.0)
+    css_parser (1.7.0)
+      addressable
+    cucumber (2.99.0)
+      builder (>= 2.1.2)
+      cucumber-core (~> 1.5.0)
+      cucumber-wire (~> 0.0.1)
+      diff-lcs (>= 1.1.3)
+      gherkin (~> 4.0)
+      multi_json (>= 1.7.5, < 2.0)
+      multi_test (>= 0.1.2)
+    cucumber-core (1.5.0)
+      gherkin (~> 4.0)
+    cucumber-wire (0.0.1)
+    diff-lcs (1.3)
+    ffi (1.11.1)
+    gherkin (4.1.3)
+    multi_json (1.13.1)
+    multi_test (0.1.2)
+    public_suffix (3.1.0)
+    rake (11.3.0)
+    rb-fsevent (0.10.3)
+    rb-inotify (0.10.0)
+      ffi (~> 1.0)
+    rspec (3.8.0)
+      rspec-core (~> 3.8.0)
+      rspec-expectations (~> 3.8.0)
+      rspec-mocks (~> 3.8.0)
+    rspec-core (3.8.0)
+      rspec-support (~> 3.8.0)
+    rspec-expectations (3.8.3)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.8.0)
+    rspec-mocks (3.8.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.8.0)
+    rspec-support (3.8.0)
+    sass (3.7.4)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    thor (0.20.3)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  aruba (~> 0.14)
+  css_parser (~> 1.4)
+  cucumber (~> 2.0)
+  rake (~> 11.1)
+  rspec (~> 3.4)
   spuit!
 
 BUNDLED WITH
-   1.15.1
+   1.17.3

data/README.md

@@ -20,41 +20,19 @@ import:
 
 ## rails
 
-install:
-
-```
-$ rails new app_name --webpack
-```
+---
 
-Gemfile
+For Development
 
-```
-gem 'spuit'
-gem 'foreman'
-```
-
-app/javascripts/packs/application.scss
+## local server
 
 ```
-@import "~spuit";
+$ yarn install
+$ yarn run dev
 ```
 
-Procfile
+## deploy
 
 ```
-web: bundle exec rails s
-webpacker: ./bin/webpack-dev-server
-```
-
-app/views/layouts/application.html.erb
-
-```
-<%= stylesheet_pack_tag 'application' %>
-```
-
-```
-$ bundle install
-$ yarn add spuit
-$ foreman start
-$ open http://localhost:5000/
-```
+$ yarn run deploy
+```

data/Rakefile

@@ -1 +1,9 @@
-require "bundler/gem_tasks"
+require "bundler"
+require "cucumber/rake/task"
+require "rspec/core/rake_task"
+
+Bundler::GemHelper.install_tasks
+Cucumber::Rake::Task.new
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => [:spec, :cucumber]

data/assets/javascripts/scripts.js

@@ -1,2 +1,4 @@
+const $ = require('jquery')
+
 $(function() {
-});
+})

data/assets/stylesheets/styles.scss

@@ -1,4 +1,5 @@
 @import '../../spuit';
+@import '../../scss/includes/grid';
 
 @import 'styles/config/variables';
 @import 'styles/config/mixins';

data/assets/stylesheets/styles/config/_mixins.scss

@@ -15,6 +15,9 @@
 @mixin input {
   @include font;
   @include input-normal(100%);
+  @include breakpoint-down(md) {
+    font-size: 16px;
+  }
 }
 
 @mixin table {

data/bin/spuit

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require File.dirname(__FILE__) + "/lib/spuit.rb"
+
+Spuit::Generator.start

data/dist/index.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title></title>
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title></title>
 
     <link href="/stylesheets/styles.css" rel="stylesheet">
-  </head>
+  </head>
   <body>
 
     <div class="container">
@@ -18,8 +18,8 @@
       </div>
     </div>
 
-    <div class="container">
-      <div class="row">
+    <div class="container">
+      <div class="row">
         <div class="col-md-4">
           <section class="demo-styles">
             <h2>Text Styles</h2>
@@ -80,7 +80,7 @@
               </div>
               <div class="fieldset">
                 <legend>お問い合わせ内容</legend>
-                <textarea cols="50" id="field-textarea" placeholder="お問い合わせ内容を入力下さい" rows="10"></textarea>
+                <textarea cols="50" id="field-textarea" placeholder="お問い合わせ内容を入力下さい" rows="10"></textarea>
               </div>
               <div class="fieldset">
                 <legend>ラジオボタン（並列）</legend>
@@ -134,7 +134,7 @@
                   </li>
                 </ul>
               </div>
-              <div class="fieldset">
+              <div class="fieldset">
                 <legend>チェックボックス（並列）</legend>
                 <ul class="reset-ul">
                   <li class="checkbox">
@@ -207,21 +207,21 @@
                   </select>
                 </div>
               </div>
-              <div class="fieldset">
+              <!-- <div class="fieldset">
                 <legend>ファイルアップロード</legend>
                 <div class="file-upload">
                   <input type="file" name="file-upload" id="file-upload">
                   <label for="file-upload">ファイルを選択する</label>
                   <span class="selected"></span>
                 </div>
-              </div>
+              </div> -->
               <div class="fieldset">
                 <div class="button-group">
                   <input class="button" type="submit" value="送信">
                   <input class="button-border" type="reset" value="リセット">
                 </div>
               </div>
-            </form>
+            </form>
           </section>
         </div>
         <div class="col-md-4">
@@ -308,7 +308,7 @@
           </section>
         </div>
       </div>
-    </div>
+    </div>
 
     <div class="container pt-3">
       <div class="row">
@@ -318,9 +318,6 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
-    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> -->
-    <script src="/javascripts/scripts.min.js"></script>
-  </body>
-</html>
+    <script src="/javascripts/scripts.js"></script>
+  </body>
+</html>

data/lib/spuit.rb

@@ -1,41 +1,12 @@
-
-# CodeKit needs relative paths
-dir = File.dirname(__FILE__)
-$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
-
+require "sass"
 require "spuit/generator"
-require "spuit/version"
-require 'sass'
-require 'spuit'
-
-unless defined?(Sass)
-  require 'sass'
-end
 
 module Spuit
-  @components ||= []
-  class << self
-    attr_accessor :components
-
-    def load_paths
-      components.flat_map(&:load_paths)
-    end
-  end
-
   if defined?(Rails) && defined?(Rails::Engine)
     class Engine < ::Rails::Engine
-      require 'spuit/engine'
-    end
-
-    module Rails
-      class Railtie < ::Rails::Railtie
-        rake_tasks do
-          load "tasks/install.rake"
-        end
-      end
+      config.assets.paths << File.expand_path("../scss", __FILE__)
     end
   else
-    spuit_path = File.expand_path("../scss", __FILE__)
-    ENV["SASS_PATH"] = [ENV["SASS_PATH"], spuit_path].compact.join(File::PATH_SEPARATOR)
+    Sass.load_paths << File.expand_path("../scss", __FILE__)
   end
 end

data/lib/spuit/generator.rb

@@ -1,50 +1,51 @@
-require 'spuit/version'
+require "spuit/version"
 require "fileutils"
-require 'thor'
+require "thor"
+require "pathname"
 
-module Spuit
+module Spuit
   class Generator < Thor
-    map ['-v', '--version'] => :version
+    map ["-v", "--version"] => :version
 
-    desc 'install', 'Install Spuit into your project'
+    desc "install", "Install Spuit into your project"
     method_options :path => :string, :force => :boolean
     def install
-      if spuit_files_already_exist? && !options[:force]
-        puts "Spuit files already installed, doing nothing."
+      if spuit_files_already_exist? && !options[:force]
+        puts "Spuit files already installed, doing nothing."
       else
         install_files
-        puts "Spuit files installed to #{install_path}/"
+        puts "Spuit files installed to #{install_path}/"
       end
     end
 
-    desc 'update', 'Update Spuit'
+    desc "update", "Update Spuit"
     method_options :path => :string
     def update
-      if spuit_files_already_exist?
-        remove_spuit_directory
+      if spuit_files_already_exist?
+        remove_spuit_directory
         install_files
-        puts "Spuit files updated."
+        puts "Spuit files updated."
       else
-        puts "No existing spuit installation. Doing nothing."
+        puts "No existing spuit installation. Doing nothing."
       end
     end
 
-    desc 'version', 'Show Spuit version'
+    desc "version", "Show spuit version"
     def version
-      say "Spuit #{Spuit::VERSION}"
+      say "spuit #{Spuit::VERSION}"
     end
 
     private
 
-    def spuit_files_already_exist?
+    def spuit_files_already_exist?
       install_path.exist?
     end
 
     def install_path
       @install_path ||= if options[:path]
-          Pathname.new(File.join(options[:path], 'spuit'))
+          Pathname.new(File.join(options[:path], "spuit"))
         else
-          Pathname.new('spuit')
+          Pathname.new("spuit")
         end
     end
 
@@ -53,8 +54,8 @@ module Spuit
       copy_in_scss_files
     end
 
-    def remove_spuit_directory
-      FileUtils.rm_rf("spuit")
+    def remove_spuit_directory
+      FileUtils.rm_rf(install_path)
     end
 
     def make_install_directory
@@ -70,7 +71,7 @@ module Spuit
     end
 
     def stylesheets_directory
-      File.join(top_level_directory, "app", "assets", "stylesheets")
+      File.join(top_level_directory, "core")
     end
 
     def top_level_directory

data/lib/spuit/version.rb

@@ -1,3 +1,3 @@
-module Spuit
-  VERSION = "0.0.13"
-end
+module Spuit
+  VERSION = "0.0.14"
+end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spuit",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "JS + Sass Mixin Library",
   "main": "spuit.scss",
   "repository": {
@@ -26,7 +26,7 @@
     "popper.js": "^1.14.3",
     "postcss-loader": "^2.0.10",
     "sass-loader": "^6.0.6",
-    "spuit": "0.0.12",
+    "spuit": "0.0.13",
     "style-loader": "^0.20.3",
     "uglifyjs-webpack-plugin": "^1.2.4",
     "webpack": "^4.4.1",
@@ -41,6 +41,6 @@
     "dev": "open http://localhost:8080/ && webpack-dev-server --progress --mode development --config webpack/webpack.config.js",
     "watch": "webpack --watch --progress --mode development --config webpack/webpack.config.js",
     "build": "webpack --progress --mode production --config webpack/webpack.config.js",
-    "deploy": "rake release && npm publish"
+    "deploy": "npm publish"
   }
 }

data/scss/elements/_custom-checkbox.scss

@@ -0,0 +1,93 @@
+@mixin selectable-default {
+  display: inline-block;
+  margin: 0;
+
+  input[type=radio] {
+    display: inline-block;
+    margin: 0;
+  }
+
+  label {
+    cursor: pointer;
+    margin: 0;
+  }
+}
+
+@mixin selectable-content($icon, $r) {
+  display: flex;
+  align-items: center;
+  align-content: center;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0 1rem 0 0;
+  line-height: 1;
+  cursor: pointer;
+
+  &::before {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background-image: url('data:image/svg+xml;base64,#{$icon}');
+    background-repeat: no-repeat;
+    background-position: center center;
+    flex: 0 0 $r;
+    width: $r;
+    height: $r;
+    vertical-align: middle;
+    line-height: 1;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    margin: 0 .4rem 0 0;
+    padding: 0;
+  }
+}
+
+@mixin checkbox-base($tag: label, $r: 18px, $color-key: #529ef6) {
+  @include selectable-default;
+  $icon: 'DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+';
+  
+  #{$tag} {
+    @include selectable-content($icon, $r);
+    &::before {
+      background-size: 16px 14px;
+      background-position: center 0;
+      border-radius: .2rem;
+    }
+  }
+
+  input[type=checkbox] {
+    display: none;
+
+    &:checked + #{$tag} {
+      &::before {
+        background-color: $color-key;
+        border-color: $color-key;
+      }
+    }
+  }
+}
+
+@mixin radio-base($tag: label, $r: 18px, $color-key: #529ef6) {
+  @include selectable-default;
+  $icon: 'DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==';
+
+  #{$tag} {
+    @include selectable-content($icon, $r);
+
+    &::before {
+      background-size: 8px 8px;
+      border-radius: $r;
+    }
+  }
+
+  input[type=radio] {
+    display: none;
+
+    &:checked + #{$tag} {
+      &::before {
+        background-color: $color-key;
+        border-color: $color-key;
+      }
+    }
+  }
+}

data/scss/modules/_reset.scss

@@ -1,9 +1,10 @@
-@mixin reset-form($c: transparent) {
+@mixin reset-form() {
   margin: 0;
   padding: 0;
   border-radius: 0;
-  background-image: linear-gradient(transparent, transparent);
+  background-image: none;
   background: transparent;
+  -webkit-appearance: none;
   appearance: none;
   border: none;
   outline: none;

data/spuit.gemspec

@@ -1,23 +1,27 @@
 # coding: utf-8
-lib = File.expand_path('../lib', __FILE__)
-$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
-require 'spuit/version'
-
-Gem::Specification.new do |spec|
-  spec.name          = "spuit"
-  spec.version       = Spuit::VERSION
-  spec.authors       = ["is8r"]
-  spec.email         = ["ishihara.yu@gmail.com"]
-  spec.description   = %q{Sass mixins.}
-  spec.summary       = %q{Sass mixins.}
-  spec.homepage      = ""
-  spec.license       = "MIT"
+$:.push File.expand_path("../lib", __FILE__)
+require 'spuit/version'
 
-  spec.files         = `git ls-files`.split($/)
-  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
-  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
-  spec.require_paths = ["lib"]
+Gem::Specification.new do |s|
+  s.add_development_dependency "aruba", "~> 0.14"
+  s.add_development_dependency "css_parser", "~> 1.4"
+  s.add_development_dependency "cucumber", "~> 2.0"
+  s.add_development_dependency "rake", "~> 11.1"
+  s.add_development_dependency "rspec", "~> 3.4"
+  s.add_runtime_dependency "sass", "~> 3.4"
+  s.add_runtime_dependency "thor", "~> 0.19"
 
-  spec.add_runtime_dependency("thor", "~> 0.19")
-  spec.add_runtime_dependency("rake")
+  s.authors = ["is8r"]
+  s.description = %q{Sass mixins.}
+  s.email = ["ishihara.yu@gmail.com"]
+  s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.files = `git ls-files`.split("\n")
+  s.homepage = ""
+  s.license = "MIT"
+  s.name = "spuit"
+  s.platform = Gem::Platform::RUBY
+  s.require_paths = ["lib"]
+  s.summary = %q{Sass mixins.}
+  s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.version = Spuit::VERSION
 end

data/spuit.scss

@@ -42,6 +42,7 @@
 @import 'scss/elements/table';
 @import 'scss/elements/input';
 @import 'scss/elements/fieldset';
-@import 'scss/elements/radio';
-@import 'scss/elements/checkbox';
+// @import 'scss/elements/radio';
+// @import 'scss/elements/checkbox';
+@import 'scss/elements/custom-checkbox';
 @import 'scss/elements/select';

data/yarn.lock

@@ -7408,9 +7408,10 @@ sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
 
-spuit@0.0.12:
-  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/spuit/-/spuit-0.0.12.tgz#860c6c26979d9f694f53e35dbf2316ae81ad9d38"
+spuit@0.0.13:
+  version "0.0.13"
+  resolved "https://registry.yarnpkg.com/spuit/-/spuit-0.0.13.tgz#a12a9c0052243c49abe7478ad13c4a5383d6e01d"
+  integrity sha512-xDJreBtBlcCScr9BB6FZVZOV3FdyoFtNbzYqzxctUgEvGqVxpjzj5aXM4KoJkXYSUDaPHqb4175EUZlPlPL7GQ==
   dependencies:
     npm "^6.0.1"
 

metadata

@@ -1,47 +1,118 @@
 --- !ruby/object:Gem::Specification
 name: spuit
 version: !ruby/object:Gem::Version
-  version: 0.0.13
+  version: 0.0.14
 platform: ruby
 authors:
 - is8r
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-12-23 00:00:00.000000000 Z
+date: 2019-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: thor
+  name: aruba
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.19'
-  type: :runtime
+        version: '0.14'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.19'
+        version: '0.14'
+- !ruby/object:Gem::Dependency
+  name: css_parser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+- !ruby/object:Gem::Dependency
+  name: cucumber
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '11.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '11.1'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.19'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.19'
 description: Sass mixins.
 email:
 - ishihara.yu@gmail.com
-executables: []
+executables:
+- spuit
 extensions: []
 extra_rdoc_files: []
 files:
@@ -58,6 +129,7 @@ files:
 - assets/stylesheets/styles.scss
 - assets/stylesheets/styles/config/_mixins.scss
 - assets/stylesheets/styles/config/_variables.scss
+- bin/spuit
 - design/icons.sketch
 - dist/favicon.png
 - dist/index.html
@@ -84,12 +156,11 @@ files:
 - scss/components/_triangle.sass
 - scss/components/_wordwrap-fadeout.sass
 - scss/components/_wrap.sass
-- scss/elements/_checkbox.sass
+- scss/elements/_custom-checkbox.scss
 - scss/elements/_dl.sass
 - scss/elements/_fieldset.sass
 - scss/elements/_hr.sass
 - scss/elements/_input.sass
-- scss/elements/_radio.sass
 - scss/elements/_select.scss
 - scss/elements/_table.sass
 - scss/includes/_animations.scss
@@ -144,8 +215,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Sass mixins.

data/scss/elements/_checkbox.sass

@@ -1,46 +0,0 @@
-=checkbox-default
-  margin: 0
-  display: inline-block
-  vertical-align: top
-
-  input[type=checkbox]
-    display: inline-block
-    margin: 0 4px 0 0
-  label
-    cursor: pointer
-    margin: 0
-
-=checkbox-base($tag: label, $w: 18px, $color-key: #529ef6)
-  +checkbox-default
-  $icon: 'DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+'
-
-  #{$tag}
-    margin: 0
-    padding: 0
-    line-height: 1
-    cursor: pointer
-
-    &:before
-      content: url('data:image/svg+xml;base64,#{$icon}')
-      vertical-align: middle
-      box-sizing: border-box
-      text-align: center
-      background: #fff
-      width: $w
-      height: $w
-      line-height: $w - 5px
-      padding: 0 0 0 1px
-      border: 1px solid #ddd
-      display: inline-block
-      border-radius: 3px
-
-    &:hover
-      &:before
-        border-color: $color-key
-
-  input[type=checkbox]
-    display: none
-
-    &:checked + #{$tag}
-      &:before
-        background: $color-key

data/scss/elements/_radio.sass

@@ -1,47 +0,0 @@
-=radio-default
-  margin: 0
-  display: inline-block
-  vertical-align: top
-
-  input[type=radio]
-    display: inline-block
-    margin: 0 4px 0 0
-  label
-    cursor: pointer
-    margin: 0
-
-=radio-base($tag: label, $w: 18px, $color-key: #529ef6)
-  +radio-default
-  $icon: 'DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg=='
-
-  #{$tag}
-    margin: 0
-    padding: 0
-    line-height: 1
-    cursor: pointer
-    display: inline-block
-
-    &:before
-      content: url('data:image/svg+xml;base64,#{$icon}')
-      vertical-align: middle
-      box-sizing: border-box
-      text-align: center
-      background: #fff
-      width: $w
-      height: $w
-      line-height: $w - 8px
-      padding: 0
-      border: 1px solid #ddd
-      display: inline-block
-      border-radius: $w
-
-    &:hover
-      &:before
-        border-color: $color-key
-
-  input[type=radio]
-    display: none
-
-    &:checked + #{$tag}
-      &:before
-        background-color: $color-key