base.sass 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6f1527de9738b984d7fbc0c24bedbadf48fb3139
+  data.tar.gz: ea7c27137a24bb6a6e842f96b48a5c68510b2cf8
+SHA512:
+  metadata.gz: 2e99f1d7d3e23b1e50cb113d87147fa64faea6a1a6b43333bcac479f294208ab76f7d05fc71924c63a7f6f40ad039d7627a262768a188f053f4c1b879664d4d9
+  data.tar.gz: 36b18820829474eab502714fe0b016c6a88096c4fe74fe5e3d2b10edf1068bb15564dcb571014f53b2d49922d0c02f00bc4241daefa5e611aa4a4e5a2a2dd594

data/_base.components.scss

@@ -0,0 +1,7 @@
+@import 'components/display';
+@import 'components/float';
+@import 'components/button';
+@import 'components/input';
+@import 'components/form-item';
+@import 'components/message';
+@import 'components/code';

data/_base.functions.scss

@@ -0,0 +1,9 @@
+@import 'functions/compass';
+@import 'functions/clearfix';
+@import 'functions/ellipsis-overflow';
+@import 'functions/fixed-position';
+@import 'functions/float';
+@import 'functions/font-face';
+@import 'functions/img-retina';
+@import 'functions/map';
+@import 'functions/support';

data/_base.resets.scss

@@ -0,0 +1,4 @@
+@import 'resets/basic';
+@import 'resets/button-and-input';
+@import 'resets/html5-tag';
+@import 'resets/small-label';

data/_base.settings.scss

@@ -0,0 +1,29 @@
+$font-family-base: Helvetica Neue, Helvetica, STHeiTi, sans-serif !default;
+
+$font-size-base: 14px !default;
+
+$line-height-base: 1.5 !default;
+
+$text-color: #333 !default;
+
+$body-bg-color: null !default;
+
+$input-placeholder-color: #999 !default;
+
+$selection-colors: (
+  // text: defaults to contrast-color(background),
+  background: null
+) !default;
+
+$link-status: (
+  link: (
+    color: #428bca,
+    line: none
+  ),
+  hover: (
+    // color: defaults to darken(link.color, 15%),
+    line: underline
+  )
+) !default;
+
+$pseudo-element-colon: unquote(if(support-legacy-browser(ie, 8), ':', '::'));

data/base.sass.rb

@@ -0,0 +1,7 @@
+path = File.expand_path(File.dirname(__FILE__))
+
+if ENV.has_key?('SASS_PATH')
+  ENV['SASS_PATH'] = ENV['SASS_PATH'] + File::PATH_SEPARATOR + path
+else
+  ENV['SASS_PATH'] = path
+end

data/components/_button.scss

@@ -0,0 +1,127 @@
+@function disabled-selectors() {
+  $selectors: unquote('&[disabled], &[disabled]:hover');
+  @if support-legacy-browser(ie, 6) {
+    $selectors: join($selectors, unquote('&.disabled, &.disabled:hover'), comma);
+  }
+  @return $selectors;
+}
+
+// Default styles
+.btn {
+  @include inline-block;
+  padding: 4px 15px;
+  background: {
+    color: #eaeaea;
+    repeat: repeat-x;
+  }
+  @include background-image(linear-gradient(#fafafa, #eaeaea));
+  border: 1px solid #ddd;
+  border-bottom-color: #c5c5c5;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(#000, 0.05);
+  color: $text-color;
+  font-weight: 500;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-shadow: 0 1px rgba(#fff, 0.9);
+  cursor: pointer;
+  @include user-select(none);
+
+  &:hover {
+    background-color: #dadada;
+    @include background-image(linear-gradient(#eaeaea, #dadada));
+    border-color: #ccc #ccc #b5b5b5;
+    color: $text-color;
+    text-decoration: none;
+  }
+
+  &:active {
+    background: {
+      color: #dadada;
+      image: none;
+    }
+    border-color: #b5b5b5;
+    box-shadow: 0 3px 5px rgba(#000, 0.15) inset;
+  }
+
+  #{disabled-selectors()} {
+    background: {
+      color: #e5e5e5;
+      image: none;
+    }
+    border-color: #c5c5c5;
+    box-shadow: none;
+    color: #666;
+    text-shadow: 0 1px rgba(#fff, 0.9);
+    cursor: default;
+    @include opacity(0.5);
+  }
+}
+button.btn {
+  @if support-legacy-browser(ie, 7) {
+    *padding: {
+      top: 1px;
+      bottom: 2px;
+    }
+  }
+}
+
+.btn-primary {
+  &, #{disabled-selectors()} {
+    background-color: #60b044;
+    @include background-image(linear-gradient(#8add6d, #60b044));
+    color: #fff;
+    text-shadow: 0 -1px rgba(#000, 0.25);
+  }
+
+  border-color: #5ca941;
+
+  #{disabled-selectors()} {
+    border-color: #74bb5a #74bb5a #509338;
+  }
+
+  &:hover {
+    background-color: #569e3d;
+    @include background-image(linear-gradient(#79d858, #569e3d));
+    border-color: #4a993e;
+    color: #fff;
+  }
+
+  &:active {
+    background: {
+      color: #569e3d;
+      image: none;
+    }
+    border-color: #418737;
+  }
+}
+
+// dangerous operation
+.btn-danger {
+  color: #900;
+
+  &:hover {
+    background-color: #b33630;
+    @include background-image(linear-gradient(#dc5f59, #b33630));
+    border-color: #cd504a;
+    color: #fff;
+    text-shadow: 0 -1px rgba(#000, 0.3);
+  }
+
+  &:active {
+    background: {
+      color: #b33630;
+      image: none;
+    }
+    border-color: #9f312c;
+    color: #fff;
+  }
+
+  #{disabled-selectors()} {
+    background-color: #e1e1e1;
+    @include background-image(linear-gradient(#fff, #e1e1e1));
+    border-color: #c5c5c5;
+    color: #900;
+    text-shadow: 0 1px rgba(#fff, 0.9);
+  }
+}

data/components/_code.scss

@@ -0,0 +1,48 @@
+$font-family-code: Monaco, Menlo, Consolas, Courier New, monospace !default;
+$code-colors: (
+  inline: (
+    text: #c7254e,
+    background: #f9f2f4,
+    border: transparent
+  ),
+  block: (
+    text: inherit,
+    background: #f5f5f5,
+    border: #ccc
+  )
+) !default;
+
+
+code, pre {
+  font-family: $font-family-code;
+}
+
+code {
+  margin: 0 3px;
+  padding: 2px 4px;
+  background-color: map-find($code-colors, 'inline.background');
+  border: 1px solid map-find($code-colors, 'inline.border');
+  border-radius: 4px;
+  color: map-find($code-colors, 'inline.text');
+  font-size: 90%;
+  white-space: nowrap;
+}
+
+pre {
+  padding: 6px 10px;
+  overflow: auto;
+  background-color: map-find($code-colors, 'block.background');
+  border: 1px solid map-find($code-colors, 'block.border');
+  border-radius: 4px;
+  color: map-find($code-colors, 'block.text');
+
+  code {
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+    border: 0;
+    color: inherit;
+    font-size: inherit;
+    white-space: pre;
+  }
+}

data/components/_display.scss

@@ -0,0 +1,15 @@
+.fn-show {
+  display: block !important;
+}
+
+.fn-hide {
+  display: none !important;
+}
+
+.fn-invisible {
+  visibility: hidden !important;
+}
+
+.fn-text-overflow {
+  @include ellipsis-overflow;
+}

data/components/_float.scss

@@ -0,0 +1,11 @@
+.fn-clear {
+  @include clearfix;
+}
+
+.fn-left {
+  @include float(left, true);
+}
+
+.fn-right {
+  @include float(right, true);
+}

data/components/_form-item.scss

@@ -0,0 +1,35 @@
+.form-item {
+  @include clearfix;
+  padding: 10px;
+
+  .input {
+    width: 33%;
+    min-width: 200px;
+    margin-right: 5px;
+  }
+
+  .btn[type='submit'] {
+    font-size: round($font-size-base * 1.25);
+  }
+
+  .heading-label {
+    display: block;
+    margin-bottom: 5px;
+    cursor: pointer;
+  }
+
+  .linking-label {
+    margin: {
+      left: 5px;
+      right: 5px;
+    }
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .required#{$pseudo-element-colon}after {
+    content: '*';
+    margin-left: 5px;
+    color: #d9534f;
+  }
+}

data/components/_input.scss

@@ -0,0 +1,29 @@
+.input {
+  padding: 8px 7px 6px;
+  background-color: #fafafa;
+  border: 1px solid #c5c5c5;
+  border-radius: 4px;
+  box-shadow: 0 1px 2px rgba(#000, 0.075) inset;
+  outline: 0;
+  line-height: 1.2;
+  @include transition(border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out);
+
+  &:focus {
+    background-color: #fff;
+    border-color: #51a7e8;
+    box-shadow: 0 1px 2px rgba(#000, 0.075) inset, 0 0 5px rgba(#51a7e8, 0.5);
+  }
+
+  &[disabled], &[readonly] {
+    background-color: #e5e5e5;
+    border-color: #c5c5c5;
+    @include opacity(0.5);
+    cursor: not-allowed;
+  }
+}
+
+textarea.input {
+  overflow: auto;
+  resize: vertical;
+  line-height: $line-height-base;
+}

data/components/_message.scss

@@ -0,0 +1,44 @@
+$message-colors: (
+  success: (
+    text: #468847,
+    background: #dff0d8,
+    border: darken(adjust-hue(#dff0d8, -10), 5%)
+  ),
+  error: (
+    text: #b94a48,
+    background: #f2dede,
+    border: darken(adjust-hue(#f2dede, -10), 3%)
+  ),
+  warn: (
+    text: #c09853,
+    background: #fcf8e3,
+    border: darken(adjust-hue(#fcf8e3, -10), 3%)
+  ),
+  info: (
+    text: #3a87ad,
+    background: #d9edf7,
+    border: darken(adjust-hue(#d9edf7, -10), 7%)
+  )
+) !default;
+
+
+%message {
+  margin-bottom: 15px;
+  padding: 8px 13px 6px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  text-align: left;
+}
+
+@each $type, $colors in $message-colors {
+  .message-#{$type} {
+    @extend %message;
+    background-color: map-get($colors, background);
+    border-color: map-get($colors, border);
+    color: map-get($colors, text);
+
+    a {
+      color: darken(map-get($colors, text), 10%);
+    }
+  }
+}

data/functions/_clearfix.scss

@@ -0,0 +1,25 @@
+@mixin clearfix {
+  // Only register once
+  @if not global-variable-exists(clearfix-exists) {
+    @at-root %clearfix {
+      &#{$pseudo-element-colon}before,
+      &#{$pseudo-element-colon}after {
+        content: '\20';
+        display: table;
+      }
+
+      &#{$pseudo-element-colon}after {
+        clear: both;
+      }
+
+      @if support-legacy-browser(ie, 7) {
+        *zoom: 1;
+      }
+    }
+
+    // Mark
+    $clearfix-exists: true !global;
+  }
+
+  @extend %clearfix;
+}

data/functions/_compass.scss

@@ -0,0 +1,23 @@
+@import 'compass/css3';
+@import 'compass/css3/selection';
+@import 'compass/reset/utilities'; // Only use reset-font, reset-list-style, reset-table and reset-html5
+@import 'compass/utilities/sass';
+
+// Override `compass/css3/appearance`
+@mixin appearance($appearance) {
+  @each $prefix in -webkit, -moz {
+    @if support-prefix($prefix) {
+      @include prefix-prop(appearance, $appearance, $prefix);
+    }
+  }
+}
+
+// Override `compass/css3/inline-block`
+@mixin inline-block {
+  display: inline-block;
+
+  @if support-legacy-browser(ie, 7) {
+    *display: inline;
+    *zoom: 1;
+  }
+}

data/functions/_ellipsis-overflow.scss

@@ -0,0 +1,15 @@
+@mixin ellipsis-overflow {
+  // Only register once
+  @if not global-variable-exists(ellipsis-overflow-exists) {
+    @at-root %ellipsis-overflow {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    // Mark
+    $ellipsis-overflow-exists: true !global;
+  }
+
+  @extend %ellipsis-overflow;
+}

data/functions/_fixed-position.scss

@@ -0,0 +1,31 @@
+@mixin fixed-position($x: center, $y: center) {
+  $map: (
+    x: (
+      left: 0,
+      right: 0,
+      center: 50%
+    ),
+    y: (
+      top: 0,
+      bottom: 0,
+      center: 50%
+    )
+  );
+
+  position: fixed;
+
+  #{if($x == right, right, left)}: map-find($map, 'x.#{$x}') or $x;
+  #{if($y == bottom, bottom, top)}: map-find($map, 'y.#{$y}') or $y;
+
+  @if $x == center or $y == center {
+    @include translate(-to-number($x), -to-number($y));
+  }
+
+  @content;
+}
+
+
+// === Pivate (start with hyphen) ===
+@function -to-number($s) {
+  @return if($s == center, -50%, 0);
+}

data/functions/_float.scss

@@ -0,0 +1,7 @@
+@mixin float($side, $important: false) {
+  float: unquote($side + if($important, ' !important', ''));
+
+  @if support-legacy-browser(ie, 6) {
+    _display: inline;
+  }
+}

data/functions/_font-face.scss

@@ -0,0 +1,70 @@
+// Override `compass/css3/font-face`
+// Browsers support data: http://caniuse.com/fontface
+@mixin font-face($filename, $font-family: $filename, $path: null) {
+  @if not at-stylesheet-root() {
+    @warn 'include font-face mixin from the root level of your stylesheet.';
+  }
+
+  $prefix: '#{$filename}';
+  $ts: if(is-absolute($path), '?' + timestamp(), '');
+
+  @if type-of($path) == string {
+    @if str-slice($path, str-length($path)) != '/' {
+      $path: $path + '/';
+    }
+
+    $prefix: $path + $prefix;
+  }
+
+  @font-face {
+    font-family: '#{$font-family}';
+
+    // IE9 compat mode
+    @if support-legacy-browser(ie, 9) {
+      src: font-url($prefix + '.eot' + $ts);
+    }
+    src: -combo-font-urls($prefix, $ts);
+
+    @content;
+  }
+}
+
+// Check whether the $path is start with either `/` or `http`.
+@function is-absolute($path) {
+  $path: '#{$path}';
+  @return str-slice($path, 0, 1) == '/' or str-slice($path, 0, 4) == 'http';
+}
+
+@function timestamp() {
+  @return current-time('%Y%m%d%H%M%S');
+}
+
+
+// === Pivate (start with hyphen) ===
+@function -combo-font-urls($prefix, $timestamp) {
+  $src: comma-list();
+
+  @if support-legacy-browser(ie, 8) {
+    $src: append($src, font-files($prefix + '.eot' + $timestamp + '#iefix'));
+  }
+
+  // Modern browsers
+  $src: append($src, font-files($prefix + '.woff' + $timestamp));
+
+  @if support-legacy-browser(ios-safari, '4.2-4.3') or
+      support-legacy-browser(android, '4.2-4.3') or
+      support-legacy-browser(safari, 5) or
+      support-legacy-browser(opera, 11)
+  {
+    $src: append($src, font-files($prefix + '.ttf' + $timestamp));
+  }
+
+  @if support-legacy-browser(ios-safari, '4.0-4.1') or
+      support-legacy-browser(android, 2.3) or
+      index($supported-browsers, opera-mini)
+  {
+    $src: append($src, font-files($prefix + '.svg' + $timestamp + '#legacy'));
+  }
+
+  @return $src;
+}

data/functions/_img-retina.scss

@@ -0,0 +1,27 @@
+// Short retina mixin for setting `background-image` and `background-size`.
+@mixin img-retina($img-1x, $img-2x, $bg-size: $default-background-size) {
+  background-image: image-url($img-1x);
+
+  $vendor: comma-list();
+  @include with-each-prefix(background-img-opts, $background-size-threshold) {
+    @if $current-prefix == -webkit { $vendor: append($vendor, -vendor(-webkit-min, '2')); }
+    @if $current-prefix == -moz    { $vendor: append($vendor, -vendor(min--moz, '2')); }
+    @if $current-prefix == -o      { $vendor: append($vendor, -vendor(-o-min, '2/1')); }
+    @if $current-prefix == null    { $vendor: append($vendor, -vendor(min, '2')); }
+  }
+
+  @media #{$vendor},
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+    background: {
+      image: image-url($img-2x);
+      size: unquote($bg-size);
+    }
+  }
+}
+
+
+// === Pivate (start with hyphen) ===
+@function -vendor($prefix, $ratio) {
+  @return unquote('only screen and (#{$prefix}-device-pixel-ratio: #{$ratio})');
+}

data/functions/_map.scss

@@ -0,0 +1,55 @@
+// Example:
+//
+// $map1: ( a: (x: 'x') );
+// $map2: ( a: (y: 'y') );
+//
+// map-deep-merge($map1, $map2)
+// => ( a: (x: 'x', y: 'y') )
+@function map-deep-merge($map, $sub-map) {
+  @if type-of($map) != map or type-of($sub-map) != map {
+    @warn 'Params for `map-deep-merge` require map data.';
+    @return null;
+  }
+
+  @each $key, $value in $sub-map {
+    $original: map-get($map, $key);
+
+    @if type-of($original) == map and type-of($value) == map {
+      $value: map-deep-merge($original, $value);
+    }
+
+    $map: map-merge($map, ($key: $value));
+  }
+
+  @return $map;
+}
+
+
+// Example:
+//
+// $map: (
+//   a: (
+//     b: (
+//       c: 'Good job!'
+//     )
+//   )
+// );
+//
+// Before: map-get(map-get(map-get($map, a), b), c)
+// After: map-find($map, 'a.b.c')
+@function map-find($map, $keys) {
+  @while str-index($keys, '.') {
+    $index: str-index($keys, '.');
+
+    // Child elements
+    $map: map-get($map, str-slice($keys, 0, $index - 1));
+    @if type-of($map) != map {
+      @return null;
+    }
+
+    // Rest keys
+    $keys: str-slice($keys, $index + 1);
+  }
+
+  @return map-get($map, $keys);
+}

data/functions/_support.scss

@@ -0,0 +1,21 @@
+// Check whether the $prefix is supported according to the supported browsers.
+@function support-prefix($prefix) {
+  $index: index(browser-prefixes($supported-browsers), $prefix);
+  @return $index != null and $index != false;
+}
+
+// Check whether the $browser is supported according to the supported browsers,
+// only declared minimum support (overwrite Compass).
+@function support-legacy-browser($browser, $min-version, $max-version: null, $threshold: null) {
+  @if not index($supported-browsers, $browser) {
+    @return false;
+  }
+
+  $min-required-version: map-get($browser-minimum-versions, $browser);
+
+  @if not $min-required-version {
+    @return true;
+  }
+
+  @return compare-browser-versions($browser, '#{$max-version or $min-version}', $min-required-version) >= 0;
+}

data/resets/_basic.scss

@@ -0,0 +1,67 @@
+* {
+  margin: 0;
+  padding: 0;
+
+  @if support-prefix(-webkit) {
+    -webkit-tap-highlight-color: rgba(#fff, 0);
+  }
+
+  $selection-text-color: map-get($selection-colors, text);
+  $selection-bg-color: map-get($selection-colors, background);
+
+  @if $selection-text-color != null {
+    @include selection($selection-bg-color, $selection-text-color) {
+      text-shadow: none;
+    }
+  }
+  @else if $selection-bg-color != null {
+    @include selection($selection-bg-color) {
+      text-shadow: none;
+    }
+  }
+}
+
+html {
+  @if support-prefix(-webkit) {
+    -webkit-overflow-scrolling: touch;
+    -webkit-text-size-adjust: 100%;
+  }
+
+  @if index($supported-browsers, ie-mobile) {
+    -ms-text-size-adjust: 100%;
+  }
+}
+
+body {
+  background-color: $body-bg-color;
+  color: $text-color;
+  font: unquote($font-size-base + '/' + $line-height-base) $font-family-base;
+}
+
+a {
+  color: map-find($link-status, 'link.color');
+  text-decoration: map-find($link-status, 'link.line');
+
+  &:hover {
+    color: map-find($link-status, 'hover.color')
+           or
+           darken(map-find($link-status, 'link.color'), 15%);
+    text-decoration: map-find($link-status, 'hover.line');
+  }
+}
+
+em {
+  font-style: normal;
+}
+
+img {
+  border: 0;
+}
+
+ol, ul {
+  @include reset-list-style;
+}
+
+table {
+  @include reset-table;
+}

data/resets/_button-and-input.scss

@@ -0,0 +1,41 @@
+button, input, textarea, select {
+  @include reset-font;
+}
+
+button, input {
+  @if support-prefix(-moz) {
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+    }
+  }
+}
+
+button, html input[type='button'], input[type='reset'], input[type='submit'] {
+  cursor: pointer;
+
+  @if index($supported-browsers, ios-safari) {
+    -webkit-appearance: button;
+  }
+
+  @if support-legacy-browser(ie, 7) {
+    *overflow: visible;
+  }
+}
+
+input[type='search'] {
+  @include appearance(textfield);
+  @include box-sizing(content-box);
+
+  @if support-prefix(-webkit) {
+    &::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+  }
+}
+
+#{elements-of-type(text-input)} {
+  @include input-placeholder {
+    color: $input-placeholder-color;
+  }
+}

data/resets/_html5-tag.scss

@@ -0,0 +1,7 @@
+audio, video, canvas {
+  @include inline-block;
+}
+
+@if support-legacy-browser(ie, 6, 8) {
+  @include reset-html5;
+}

data/resets/_small-label.scss

@@ -0,0 +1,16 @@
+sub, sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+
+small {
+  font-size: 80%;
+}

metadata

@@ -0,0 +1,96 @@
+--- !ruby/object:Gem::Specification
+name: base.sass
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- junjun.zhang <http://MrZhang.me>
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.5
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.5
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha
+description: 
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- _base.components.scss
+- _base.functions.scss
+- _base.resets.scss
+- _base.settings.scss
+- base.sass.rb
+- components/_button.scss
+- components/_code.scss
+- components/_display.scss
+- components/_float.scss
+- components/_form-item.scss
+- components/_input.scss
+- components/_message.scss
+- functions/_clearfix.scss
+- functions/_compass.scss
+- functions/_ellipsis-overflow.scss
+- functions/_fixed-position.scss
+- functions/_float.scss
+- functions/_font-face.scss
+- functions/_img-retina.scss
+- functions/_map.scss
+- functions/_support.scss
+- resets/_basic.scss
+- resets/_button-and-input.scss
+- resets/_html5-tag.scss
+- resets/_small-label.scss
+homepage: https://github.com/jsw0528/base.sass
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- "."
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.0
+signing_key: 
+specification_version: 4
+summary: The beginning of your stylesheets
+test_files: []