base.sass 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6f1527de9738b984d7fbc0c24bedbadf48fb3139
-  data.tar.gz: ea7c27137a24bb6a6e842f96b48a5c68510b2cf8
+  metadata.gz: f88a430a55771dee575d0009152324c8976436f7
+  data.tar.gz: 25bf4e85ceda97e0037c33abbb9b9fa491b86367
 SHA512:
-  metadata.gz: 2e99f1d7d3e23b1e50cb113d87147fa64faea6a1a6b43333bcac479f294208ab76f7d05fc71924c63a7f6f40ad039d7627a262768a188f053f4c1b879664d4d9
-  data.tar.gz: 36b18820829474eab502714fe0b016c6a88096c4fe74fe5e3d2b10edf1068bb15564dcb571014f53b2d49922d0c02f00bc4241daefa5e611aa4a4e5a2a2dd594
+  metadata.gz: f26e4e20663de1ae78842dd4ec08ca5115ebffb3548672ff8950caa75d93298e1c3aaaf88009e615d89c1d97e2777280ec021684309fd10714e72527a52ac865
+  data.tar.gz: f00abdce92c934f82ff745516910281c1be224008c688a6081acd8900722d4d4948cd0e7000e3b3be72ce0aa26eaabd9208c676e26c799df37dc9155824d0c62

data/{base.sass.rb → lib/base.sass.rb}

@@ -1,4 +1,4 @@
-path = File.expand_path(File.dirname(__FILE__))
+path = File.expand_path(File.join(File.dirname(__FILE__), '../stylesheets'))
 
 if ENV.has_key?('SASS_PATH')
   ENV['SASS_PATH'] = ENV['SASS_PATH'] + File::PATH_SEPARATOR + path

data/stylesheets/_base.functions.scss

@@ -0,0 +1,15 @@
+@import 'base.sass/settings';
+
+@import 'compass/css3';
+@import 'compass/css3/selection';
+@import 'compass/reset/utilities'; // Only use reset-font, reset-list-style, reset-table and reset-html5
+@import 'base.sass/functions/compass-hacker';
+
+@import 'base.sass/functions/clearfix';
+@import 'base.sass/functions/ellipsis-overflow';
+@import 'base.sass/functions/fixed-position';
+@import 'base.sass/functions/float';
+@import 'base.sass/functions/font-face';
+@import 'base.sass/functions/img-retina';
+@import 'base.sass/functions/map';
+@import 'base.sass/functions/support';

data/stylesheets/_base.resets.scss

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

data/{functions → stylesheets/base.sass/functions}/_clearfix.scss

@@ -1,6 +1,6 @@
 @mixin clearfix {
   // Only register once
-  @if not global-variable-exists(clearfix-exists) {
+  @if not global-variable-exists(-clearfix-exists) {
     @at-root %clearfix {
       &#{$pseudo-element-colon}before,
       &#{$pseudo-element-colon}after {
@@ -18,7 +18,7 @@
     }
 
     // Mark
-    $clearfix-exists: true !global;
+    $-clearfix-exists: true !global;
   }
 
   @extend %clearfix;

data/{functions/_compass.scss → stylesheets/base.sass/functions/_compass-hacker.scss}

@@ -1,8 +1,3 @@
-@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 {

data/{functions → stylesheets/base.sass/functions}/_ellipsis-overflow.scss

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: base.sass
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - junjun.zhang <http://MrZhang.me>
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-18 00:00:00.000000000 Z
+date: 2014-04-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -17,7 +17,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.3.5
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -31,7 +31,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.0.0.alpha
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -44,31 +44,23 @@ 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
+- lib/base.sass.rb
+- stylesheets/_base.functions.scss
+- stylesheets/_base.resets.scss
+- stylesheets/base.sass/_settings.scss
+- stylesheets/base.sass/functions/_clearfix.scss
+- stylesheets/base.sass/functions/_compass-hacker.scss
+- stylesheets/base.sass/functions/_ellipsis-overflow.scss
+- stylesheets/base.sass/functions/_fixed-position.scss
+- stylesheets/base.sass/functions/_float.scss
+- stylesheets/base.sass/functions/_font-face.scss
+- stylesheets/base.sass/functions/_img-retina.scss
+- stylesheets/base.sass/functions/_map.scss
+- stylesheets/base.sass/functions/_support.scss
+- stylesheets/base.sass/resets/_basic.scss
+- stylesheets/base.sass/resets/_button-and-input.scss
+- stylesheets/base.sass/resets/_html5-tag.scss
+- stylesheets/base.sass/resets/_small-label.scss
 homepage: https://github.com/jsw0528/base.sass
 licenses:
 - MIT
@@ -76,7 +68,7 @@ metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
-- "."
+- lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/_base.components.scss

@@ -1,7 +0,0 @@
-@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

@@ -1,9 +0,0 @@
-@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

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

data/components/_button.scss

@@ -1,127 +0,0 @@
-@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

@@ -1,48 +0,0 @@
-$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

@@ -1,15 +0,0 @@
-.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

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

data/components/_form-item.scss

@@ -1,35 +0,0 @@
-.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

@@ -1,29 +0,0 @@
-.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

@@ -1,44 +0,0 @@
-$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%);
-    }
-  }
-}