custard 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f10b736713fe737cf3a3e096e373e824889fbd82
+  data.tar.gz: f2a97a0b535674f8f1a51630b47c66ed03cdf059
+SHA512:
+  metadata.gz: 2439732138ab102670b9a2877e7daf1185bcd80f80f59a0077c05f11267c6f7a0853e55d4c76310ed6bc86a27619fd1886f44c1b7262115273ac5cba4fd29d4c
+  data.tar.gz: 8528b67d09877e47432335b34d6f5b268b3839c22167a44970143af37aeeeadaaec27909f96c409eea8dc8d4e4d50e527baa6abbc0c52613e49bf94d7ac39b3d

data/.gitignore

@@ -0,0 +1,17 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+
+/.sass-cache
+*.css.map

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in custard.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Zeneffect Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

data/README.md

@@ -0,0 +1,90 @@
+# Custard
+
+Custard is a useful CSS preset to reduce coding of CSS.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'custard'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install custard
+
+## Usage
+
+If you want the following styles.
+
+when
+
+```html
+<div style="
+  border-top: 1px solid #666;
+  border-bottom: 1px solid #666;
+"></div>
+```
+that
+
+```html
+<div class="bdr-tb-1px-gray6">
+```
+
+when
+
+```html
+<div style="
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  -moz-justify-content: flex-end;
+  justify-content: flex-end;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  -moz-align-items: center;
+  align-items: center;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -o-flex-wrap: wrap;
+  -moz-flex-wrap: wrap;
+  flex-wrap: wrap;
+"></div>
+```
+
+that
+
+```html
+<div class="ds-flex-right-center-wrap"></div>
+```
+
+when
+
+```html
+<div style="
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 10px;
+"></div>
+```
+
+that
+
+```html
+<div class="mgn-tbl-10px"></div>
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/custard/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/bower.json

@@ -0,0 +1,28 @@
+{
+  "name": "custard",
+  "version": "0.0.2",
+  "authors": [
+    "Kei Goto <gem@zeneffect.co.jp>"
+  ],
+  "description": "Custard is the library of the preset CSS",
+  "main": [
+    "vendor/assets/stylesheets/custard/custard.scss",
+    "vendor/assets/stylesheets/custard/custard-compiled.css",
+    "vendor/assets/stylesheets/custard/custard-min.css"
+  ],
+  "keywords": [
+    "css",
+    "preset"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/zeneffect/custard",
+  "ignore": [
+    "**/.*",
+    "lib",
+    "spec",
+    "*.gemspec",
+    "Rakefile",
+    "Gemfile",
+    ".sass-cache"
+  ]
+}

data/custard.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'custard/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "custard"
+  spec.version       = Custard::VERSION
+  spec.authors       = ["Kei Goto"]
+  spec.email         = ["gem@zeneffect.co.jp"]
+  spec.summary       = %q{ Custard is the library of the preset CSS }
+  spec.description   = ""
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  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"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_runtime_dependency "sass", "~> 3.0"
+end

data/lib/custard/version.rb

@@ -0,0 +1,3 @@
+module Custard
+  VERSION = "0.0.2"
+end

data/lib/custard.rb

@@ -0,0 +1,8 @@
+require "custard/version"
+
+module Custard
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/vendor/assets/stylesheets/custard/mixin/display_flex.scss

@@ -0,0 +1,78 @@
+@import '../variables';
+
+@mixin flex-direction($arg) {
+  @include with-vendor-prefix(flex-direction, $arg);
+}
+
+@mixin justify-content($arg) {
+  @if $arg == space-between {
+    -ms-flex-pack: justify;
+  } @else if $arg == flex-start {
+    -ms-flex-pack: start;
+  } @else if $arg == flex-end {
+    -ms-flex-pack: end;
+  } @else {
+    -ms-flex-pack: $arg;
+  }
+
+  -webkit-justify-content: $arg;
+  -moz-justify-content: $arg;
+  justify-content: $arg;
+}
+
+@mixin align-items($arg) {
+  @if $arg == flex-start {
+    -ms-flex-align: start;
+  } @else if $arg == flex-end {
+    -ms-flex-align: end;
+  } @else {
+    -ms-flex-align: $arg;
+  }
+
+  -webkit-align-items: $arg;
+  -moz-align-items: $arg;
+  align-items: $arg;
+}
+
+@mixin flex-wrap($arg) {
+  @include with-vendor-prefix(flex-wrap, $arg);
+}
+
+@mixin flex($arg) {
+  @include with-vendor-prefix(flex, $arg);
+}
+
+@mixin display-flex($arg: '') {
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+
+  @if $arg == left {
+    @include justify-content(flex-start);
+  } @else if $arg == right {
+    @include justify-content(flex-end);
+  } @else if $arg == center {
+    @include justify-content(center);
+  } @else if $arg == space {
+    @include justify-content(space-between);
+  } @else if $arg == around {
+    @include justify-content(space-around);
+  } @else if $arg == column {
+    @include flex-direction(column);
+  } @else if $arg == top {
+    @include flex-direction(column);
+    @include justify-content(flex-start);
+  } @else if $arg == bottom {
+    @include flex-direction(column);
+    @include justify-content(flex-end);
+  } @else if $arg == middle {
+    @include flex-direction(column);
+    @include justify-content(center);
+  } @else if $arg == column-space {
+    @include flex-direction(column);
+    @include justify-content(space-between);
+  } @else if $arg == column-around {
+    @include flex-direction(column);
+    @include justify-content(space-around);
+  }
+}

data/vendor/assets/stylesheets/custard/stylesheets/border.scss

@@ -0,0 +1,37 @@
+@import '../variables';
+
+@mixin custard-setup-border {
+
+  $bdr: #{$custard-namespace}#{$custard-prefix-border};
+
+  $direction-hash: $custard-direction-hash;
+
+  @each $hex in $custard-hex-list {
+
+    $color: "##{$hex}#{$hex}#{$hex}";
+
+    @for $width from 1px through 5px {
+
+      @each $key, $direction-list in $direction-hash {
+
+        .#{bdr}#{$key}-#{$width}-gray#{$hex} {
+          @each $direction in $direction-list {
+            border#{$direction}: $width solid #{$color};
+          }
+        }
+      }
+    }
+  }
+
+  @for $size from 1px through 10px {
+    .#{bdr}-radius-#{$size} {
+      border-radius: $size;
+    }
+  }
+
+  .#{bdr}-radius-circle {
+    border-radius: 50%;
+  }
+}
+
+@include custard-setup-border;

data/vendor/assets/stylesheets/custard/stylesheets/color.scss

@@ -0,0 +1,16 @@
+@import '../variables';
+
+@mixin custard-setup-color {
+
+  $color: #{$custard-namespace}#{$custard-prefix-color};
+
+  @each $n in $custard-hex-list {
+    $color-hex: "##{$n}#{$n}#{$n}";
+
+    .#{color}-gray#{$n} {
+      color: #{$color-hex};
+    }
+  }
+}
+
+@include custard-setup-color;

data/vendor/assets/stylesheets/custard/stylesheets/cursor.scss

@@ -0,0 +1,22 @@
+@import '../variables';
+
+@mixin custard-setup-cursor {
+
+  $cur: #{$custard-namespace}#{$custard-prefix-cursor};
+  $style-list:
+    auto, default, none, context-menu, help, pointer,
+    progress, wait, cell, crosshair, text, vertical-text,
+    alias, copy, move, no-drop, not-allowed, e-resize,
+    n-resize, ne-resize, nw-resize, s-resize, se-resize,
+    sw-resize, w-resize, ew-resize, ns-resize, nesw-resize,
+    nwse-resize, col-resize, row-resize, all-scroll,
+    zoom-in, zoom-out;
+
+  @each $style in $style-list {
+    .#{$cur}-#{$style} {
+      cursor: $style;
+    }
+  }
+}
+
+@include custard-setup-cursor;

data/vendor/assets/stylesheets/custard/stylesheets/display.scss

@@ -0,0 +1,127 @@
+@import '../mixin/display_flex';
+
+@mixin custard-setup-display {
+
+  $ds: #{$custard-namespace}#{$custard-prefix-display};
+
+  .#{$ds}-none {
+    display: none;
+  }
+
+  .#{ds}-inline {
+    display: inline;
+  }
+
+  .#{$ds}-block {
+    display: block;
+  }
+
+  .#{$ds}-inline-block {
+    display: inline-block;
+  }
+
+  .#{$ds}-flex {
+    @include display-flex;
+
+    .flex-fixed {
+      @include flex(0 0 auto);
+    }
+
+    .flex-1 {
+      @include flex(1 0 auto);
+    }
+
+    &.centering {
+      @include justify-content(center);
+      @include align-items(center);
+    }
+
+    &.direct-column {
+      @include flex-direction(column);
+    }
+
+    &.just-center {
+      @include justify-content(center);
+    }
+
+    &.just-space {
+      @include justify-content(space-between);
+    }
+
+    &.just-start {
+      @include justify-content(flex-start);
+    }
+
+    &.just-end {
+      @include justify-content(flex-end);
+    }
+
+    &.align-center {
+      @include align-items(center);
+    }
+
+    &.align-start {
+      @include align-items(flex-start);
+    }
+
+    &.align-end {
+      @include align-items(flex-end);
+    }
+
+    &.flex-wrap {
+      @include flex-wrap(wrap);
+    }
+
+    &.flex-nowrap {
+      @include flex-wrap(nowrap);
+    }
+
+    &.flex-reverse {
+      @include flex-wrap(wrap-reverse);
+    }
+  }
+
+  $justify-list:
+    left, right, center, space, around,
+    top, bottom, middle, column-space, column-around;
+
+  $align-list: '', start, end, center, baseline, stretch;
+
+  $wrap-list: '', wrap, wrap-reverse;
+
+  @each $justify in $justify-list {
+    $name-base: ".#{ds}-flex-#{$justify}";
+
+    @each $align in $align-list {
+
+      $name-align: '';
+
+      @if $align != '' {
+        $name-align: "-#{$align}";
+      }
+
+      @each $wrap in $wrap-list {
+
+        $name-wrap: '';
+
+        @if $wrap != '' {
+          $name-wrap: "-#{$wrap}";
+        }
+
+        #{$name-base}#{$name-align}#{$name-wrap} {
+          @include display-flex($justify);
+
+          @if $align != '' {
+            @include align-items($align);
+          }
+
+          @if $wrap != '' {
+            @include flex-wrap($wrap);
+          }
+        }
+      }
+    }
+  }
+}
+
+@include custard-setup-display

data/vendor/assets/stylesheets/custard/stylesheets/font.scss

@@ -0,0 +1,65 @@
+@import '../variables';
+
+@mixin custard-setup-font {
+
+  $font: #{$custard-namespace}#{$custard-prefix-font};
+
+  @for $n from 1 through 9 {
+
+    $size: "0.#{$n}em";
+
+    .#{$font}-0#{$n}em {
+      font-size: #{$size};
+    }
+
+    $size: "1.#{$n}em";
+
+    .#{$font}-i#{$n}em {
+      font-size: #{$size};
+    }
+
+    $size: "#{$n}em";
+
+    .#{$font}-#{$n}em {
+      font-size: #{$size};
+    }
+
+    .#{$font}-#{$n}px {
+      font-size: 1px * $n;
+    }
+
+    .#{$font}-1#{$n}px {
+      font-size: 10px + $n;
+    }
+
+    .#{$font}-2#{$n}px {
+      font-size: 20px + $n;
+    }
+
+    .#{$font}-#{$n}00 {
+      font-weight: $n * 100;
+    }
+  }
+
+  .#{$font}-10px {
+    font-size: 10px;
+  }
+
+  .#{$font}-20px {
+    font-size: 20px;
+  }
+
+  @each $size in xx-small, x-small, small, medium, large, x-large, xx-large {
+    .#{$font}-#{$size} {
+      font-size: $size;
+    }
+  }
+
+  @each $weight in normal, bold, lighter, bolder {
+    .#{$font}-#{weight} {
+      font-weight: $weight;
+    }
+  }
+}
+
+@include custard-setup-font;

data/vendor/assets/stylesheets/custard/stylesheets/mgn-pdg.scss

@@ -0,0 +1,86 @@
+@import '../variables';
+
+@mixin custard-setup-mgn-pdg {
+
+  $direction-hash: $custard-direction-hash;
+
+  $directive-hash: (
+    #{$custard-namespace}#{$custard-prefix-margin}: margin,
+    #{$custard-namespace}#{$custard-prefix-padding}: padding
+  );
+
+  .mgn-centering {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  @each $prefix, $directive in $directive-hash {
+
+    .#{$prefix}-0 {
+      #{$directive}: 0;
+    }
+
+    @each $key, $direction-list in $direction-hash {
+
+      .#{$prefix}#{$key}-0 {
+        @each $direction in $direction-list {
+          #{$directive}#{$direction}: 0;
+        }
+      }
+
+      @for $n from 1 through 9 {
+
+        @each $unit in px, em {
+
+          .#{$prefix}#{$key}-#{$n}#{$unit} {
+            @each $direction in $direction-list {
+              #{$directive}#{$direction}: #{$n}#{$unit};
+            }
+          }
+
+          @if $unit == em {
+            .#{$prefix}#{$key}-0#{$n}#{$unit} {
+              @each $direction in $direction-list {
+                $value: "0.#{$n}#{$unit}";
+                #{$directive}#{$direction}: #{$value};
+              }
+            }
+
+            .#{$prefix}#{$key}-i#{$n}#{$unit} {
+              @each $direction in $direction-list {
+                $value: "1.#{$n}#{$unit}";
+                #{$directive}#{$direction}: #{$value};
+              }
+            }
+          } @else {
+            .#{$prefix}#{$key}-1#{$n}#{$unit} {
+              @each $direction in $direction-list {
+                #{$directive}#{$direction}: 1#{$n}#{$unit};
+              }
+            }
+
+            .#{$prefix}#{$key}-#{$n}0#{$unit} {
+              @each $direction in $direction-list {
+                #{$directive}#{$direction}: #{$n}0#{$unit};
+              }
+            }
+          }
+        }
+      }
+
+      .#{$prefix}#{$key}-100px {
+        @each $direction in $direction-list {
+          #{$directive}#{$direction}: 100px;
+        }
+      }
+
+      .#{$prefix}#{$key}-10em {
+        @each $direction in $direction-list {
+          #{$directive}#{$direction}: 10em;
+        }
+      }
+    }
+  }
+}
+
+@include custard-setup-mgn-pdg;

data/vendor/assets/stylesheets/custard/stylesheets/overflow.scss

@@ -0,0 +1,24 @@
+@import '../variables';
+
+@mixin custard-setup-over {
+
+  $over: #{$custard-namespace}#{$custard-prefix-overflow};
+
+  .#{$over}-hidden {
+    overflow: hidden;
+  }
+
+  .#{over}-scroll {
+    overflow: scroll;
+  }
+
+  .#{over}-visible {
+    overflow: visible;
+  }
+
+  .#{over}-auto {
+    overflow: auto;
+  }
+}
+
+@include custard-setup-over;

data/vendor/assets/stylesheets/custard/stylesheets/position.scss

@@ -0,0 +1,27 @@
+@import '../variables';
+
+@mixin custard-setup-posi {
+
+  $posi: #{$custard-namespace}#{$custard-prefix-position};
+
+  .#{$posi}-relative,
+  .#{$posi}-rel {
+    position: relative;
+  }
+
+  .#{$posi}-absolute,
+  .#{$posi}-abs {
+    position: absolute;
+  }
+
+  .#{$posi}-static {
+    position: static;
+  }
+
+  .#{$posi}-fixed,
+  .#{$posi}-fix {
+    position: fixed;
+  }
+}
+
+@include custard-setup-posi;