scss-toolkit-rails 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5655d3f0654a051d9c4491efa3117105173863cf
+  data.tar.gz: a0a020031389fdab42e384bb88a28cb487dea0ed
+SHA512:
+  metadata.gz: 3e8e5f2e910049748700b30d9c5005683b8aabdc1d72b2ca6c0280c5fee2f0aa115e337dae5fc633cad3d7501f7eef278c7593615f7c2c0be5fcb4f479813655
+  data.tar.gz: acba5411a0d1cae5bd6477e49bc5e6638e0527626d6e63da2bab0c63d3279ec393e13f4ee7c3eb1924bc9c8cf31f11ec50a33073ebd409779557530290fade8f

data/MIT-LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 mahm
+
+MIT License
+
+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,50 @@
+# scss-toolkit-rails
+
+Scss/compassを利用したMixinをまとめたGemです。
+
+## Installation
+
+### Railsユーザー向け
+
+1) 以下のコードを`Gemfile`に追加してください:
+
+```ruby
+group :assets do
+  gem 'sass-rails'
+  gem 'compass-rails'
+  gem 'scss-toolkit-rails'
+end
+```
+
+2) 以下のコードを`application.css.sass`のようなファイルに追加して下さい:
+
+```sass
+@import compass/utilities
+@import compass/css3
+@import scss-toolkit
+```
+
+3) Enjoy!
+
+### Rails以外（Middlemanなど）でお使いの方向け
+
+1) 以下のコマンドを実行して、ローカルに`_scss-toolkit.sass`をダウンロードして下さい:
+
+```
+curl https://raw.github.com/mahm/scss-toolkit-rails/master/vendor/assets/stylesheets/_scss-toolkit.sass > _scss-toolkit.sass
+```
+
+2) Compassの使える環境で`_scss-toolkit.sass`をインポートしてお使いください:
+
+```sass
+@import compass/utilities
+@import compass/css3
+@import scss-toolkit
+```
+
+3) Enjoy!
+
+
+## 使用例
+
+- under construction

data/lib/scss-toolkit-rails.rb

@@ -0,0 +1,6 @@
+require "scss-toolkit-rails/version"
+
+module ScssToolkitRails
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/scss-toolkit-rails/version.rb

@@ -0,0 +1,3 @@
+module ScssToolkitRails
+  VERSION = "0.0.0"
+end

data/vendor/assets/stylesheets/_scss-toolkit.scss

@@ -0,0 +1,70 @@
+//compassとscssを使った便利なuiパーツの紹介
+
+// 【１】css3を使ったボタン
+// 引数に色名(cssで指定出来る形式ならなんでもOK)を入れると、その色をベースカラーとしたボタンが一瞬で作れます。
+
+.btn-3d {
+  @include css3-button(blue);
+}
+
+@mixin css3-button($base-color) {
+  /* IE8以下対策でベースカラーを背景色に指定 */
+  background: $base-color;
+  /* 角丸を3px指定(compassのincludeでブラウザ間の差異を吸収) */
+  @include border-radius(3px);
+  /* box-shadowを指定(compassのincludeでブラウザ間の差異を吸収) */
+  @include box-shadow
+    (0px 1px 3px rgba(000,000,000,0.3),
+    inset 0px 0px 1px rgba(255,255,255,0.5));
+  /* text-shadowを指定(compassのincludeでブラウザ間の差異を吸収) */
+  @include text-shadow
+    (0px -1px 0px rgba(000,000,000,0.7),
+    0px 1px 0px rgba(255,255,255,0.3));
+  /* 背景色を指定(compassのincludeでブラウザ間の差異を吸収) */
+  @include background-image(
+    linear-gradient(
+      /* グラデーション開始色・・・ベースカラーに白(#fff)を50%混合 */
+      mix($base-color, #fff, 50%),
+      /* 50%の位置まで徐々にベースカラーになる */
+      $base-color 50%,
+      /* 50%の位置でベースカラーに黒(#000)を60%混合したカラーでグラデーション開始 */
+      mix($base-color, #000, 60%) 50%,
+      /* ベースカラーと白(#fff)80%の割合で混合した色まで変化 */
+      mix($base-color, #fff, 80%)
+    )
+  );
+  /* ベースカラーに黒を8:2の割合で混合した色でborder(枠線)をつける */
+  border: 1px solid mix($base-color, #000, 80%);
+  color: white;
+  display: block;
+  padding: 6px 10px;
+  text-decoration: none;
+
+  &:hover {
+    /* box-shadowのinsetを明るく大きくし、rolloverを表現 */
+    @include box-shadow
+      (0px 1px 3px rgba(000,000,000,0.3),
+      inset 0px 0px 15px rgba(255,255,255,0.6));
+    /* ベースカラーでborder(枠線)をつける */
+    border: 1px solid $base-color;
+  }
+}
+
+//compassとscssを使った便利なuiパーツの紹介
+
+// 【2】袋文字テキスト
+
+.text-outline-character {
+  @include text-outline-character(blue, white);
+}
+
+@mixin text-outline-character($text-color, $outline-color) {
+  @include text-shadow(
+    $outline-color -1px -1px 0px,
+    $outline-color 1px -1px 0px,
+    $outline-color 1px 1px 0px,
+    $outline-color -1px 1px 0px,
+    rgba(0, 0, 0, 0.8) 1px 2px 3px);
+  color: $text-color;
+}
+

metadata

@@ -0,0 +1,62 @@
+--- !ruby/object:Gem::Specification
+name: scss-toolkit-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- dentaq
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-01-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: Scss mixins by dentaq
+email:
+- katsu.home@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- lib/scss-toolkit-rails.rb
+- lib/scss-toolkit-rails/version.rb
+- vendor/assets/stylesheets/_scss-toolkit.scss
+homepage: https://github.com/dentaq/scss-toolkit-rails
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+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.1
+signing_key: 
+specification_version: 4
+summary: Scss mixins by dentaq
+test_files: []