sass-mixin-collection-rails 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    YzkyZGEwNjVjZjIyMmYyMGJiYzA0MDBjYjFhYTRkYjJlNmJkZDU1YQ==
+  data.tar.gz: !binary |-
+    MzllNWVjMmIzMTQ2MGY2Y2MzYTExM2M5Y2QzNmNlOTkwNzY5ZWFhZA==
+SHA512:
+  metadata.gz: !binary |-
+    ZmVhMzNjYmNkNWE3YjlhM2MzNTY5N2NiNDA0OTg4ZjdlNmRjMGY4MDM2NTI3
+    YTU5ZmE2YjFjYWMxMjZhYWQ0ODVhZGZhZDJkZDk5OWE1NzcxNDlmYzI2NTY5
+    NjhmYWU5ODM1M2VhZGIyOGYyMzFiYjk2Njk4ZmQyMGVmZDFjOWQ=
+  data.tar.gz: !binary |-
+    YmUyMDliZjc4MmI0ZTcxZjUxZDczYTk5M2E0MmYzZWFlZjMxY2Q1NDc1Y2Ew
+    MDhmNzFjY2UyMTY0NmRhODMzZDNjZTAwZGExY2Y3OTI1ODIyMjU3NjRhY2U5
+    ZDljMDkwNzc3NWEzZmFmNGU2NjA0YzllYWJkYWZjYWE0MmFjMWM=

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 hatano
+
+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,22 @@
+# sass-mixin-collection-rails
+
+Sassの個人的なMixinを集めたライブラリ
+Railsで使います
+
+!!!!!!!! Compass使いたくないので !!!!!!!!
+
+## Installation
+
+Gemfileに追加
+
+    gem 'sass-mixin-collection-rails'
+
+And then execute:
+
+    $ bundle install
+
+## 使い方
+sassファイルで以下を追加。
+`all.scss`など、すべての`*.scss`を@importするファイルの先頭に追加するのが一番いい
+
+    @import "sass-mixin-collection";

data/Rakefile

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

data/lib/sass-mixin-collection-rails.rb

@@ -0,0 +1,6 @@
+require "sass-mixin-collection-rails/version"
+
+module SassMixinCollectionRails
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/sass-mixin-collection-rails/version.rb

@@ -0,0 +1,3 @@
+module SassMixinCollectionRails
+  VERSION = "0.0.1"
+end

data/sass-mixin-collection-rails.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+require File.expand_path('../lib/sass-mixin-collection-rails/version', __FILE__)
+# $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+# require 'sass-mixin-collection/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "sass-mixin-collection-rails"
+  spec.version       = SassMixinCollectionRails::VERSION
+  spec.authors       = ["nyanzou4649"]
+  spec.email         = ["nyanzou4649@gmail.com"]
+  spec.description   = %q{Sassの個人的なMixinを集めたライブラリ}
+  spec.summary       = %q{Sassの個人的なMixinを集めたライブラリ}
+  spec.homepage      = "https://github.com/nyanzou4649/sass-mixin-collection-rails"
+  spec.license       = "MIT"
+
+  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"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_runtime_dependency 'sass', '~> 3.2'
+  spec.add_development_dependency 'sass-rails', '>= 3.2'
+
+end

data/vendor/assets/stylesheets/mixins/_effect.scss

@@ -0,0 +1,11 @@
+
+
+@mixin hover-effect(
+    $background_prop: linear-gradient(#FFF,#EEE),
+    $shadow_prop: inset 0 3px 1px 0px rgba(51,51,51,.15),
+    $border_prop: 1px solid #f6ada7
+  ){
+  background-image: $background_prop;
+  box-shadow:  $shadow_prop ;
+  border: $border_prop;
+}

data/vendor/assets/stylesheets/mixins/_image.scss

@@ -0,0 +1,30 @@
+// CSSスプライト簡易mixin
+// 簡単にhoverとnormalで切り替えられるようにする
+@mixin spriteImg($pos,$hover_pos){
+  background-position: $pos;
+  &:hover{
+    background-position: $hover_pos;
+  }
+}
+
+
+//Retina対応でbackground-imageを1行で描けるMixin
+@mixin bg-img($image) {
+  background-image: image-url($image);
+  -webkit-background-size: image-width($image) / 2 image-height($image) / 2;
+  background-size: image-width($image) / 2 image-height($image) / 2;
+  background-repeat: no-repeat;
+}
+
+
+//ナビゲーションスプライト
+@mixin navImagePosition($pos){
+  a{
+    background-position: -#{$pos} 0;
+    &:hover{background-position: -#{$pos} 50%;}
+    &:active{background-position: -#{$pos} 100%;}
+  }
+  &.current a{
+    background-position: -#{$pos} 100%;
+  }
+}

data/vendor/assets/stylesheets/mixins/_layout.scss

@@ -0,0 +1,78 @@
+
+
+//そのブロック要素を左右ネガティブマージンで余白なしにする
+@mixin row($negative_margin){
+  margin: 0 -$negative_margin;
+}
+
+
+//入れ子フロートBOX作成
+@mixin float_layout_box($wrap_width,$left_width,$left_margin:0,$left-class-name:"box-left",$right-class-name:"box-right"){
+  width: $wrap_width;
+  @include clearfix;
+  .#{$left-class-name}{
+    float: left;
+    width: $left_width;
+    margin-right: $left_margin;
+    box-sizing: border-box;
+  }
+  .#{$right-class-name}{
+    margin-left: $left_width + $left_margin;
+    box-sizing: border-box;
+  }
+}
+
+//サムネ+タイトル+内容のブロックを作る
+@mixin thumb_ttl_body(
+    $thumb_width : 50px,
+    $thumb_margin_body : 15px
+  ){
+    $body_margin : $thumb_width + $thumb_margin_body;
+    .thumb{
+      width: 50px;
+      float: left;
+    }
+    .ttl{
+      margin-left: $body_margin;
+    }
+    .body{
+      margin-left: $body_margin;
+    }
+  }
+
+//高さ不明の要素に対して天地中央に配置（IE9にも対応）
+@mixin vertical-middle-position{
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+//グリッドカラムなレイアウトを作成
+@mixin grid_layouts($grid-wrapper-width: 800px, $column: 5, $item-margin: 10px, $negative-margin-adjust: 0, $display_table:false ) {
+  //小数点切り上げ
+  $v1 : $grid-wrapper-width - $item-margin*($column+-1);
+  $grid-item-width: ceil( $v1 / $column);
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  width: $grid-wrapper-width;
+  padding: $item-margin $item-margin 0 $item-margin;
+  .col-group {
+    @if($display_table){
+      display: table;
+    }
+    margin-left: -($item-margin + $negative-margin-adjust);
+    .col {
+      @if($display_table){
+        display: table-cell;
+      }@else{
+        box-sizing: border-box;
+        -moz-box-sizing: border-box;
+      }
+      width: $grid-item-width;
+      background-color: #fff;
+      float: left;
+      margin-left: $item-margin;
+      margin-bottom: $item-margin;
+    }
+  }
+}

data/vendor/assets/stylesheets/mixins/_main.scss

@@ -0,0 +1,23 @@
+
+@mixin clearfix(){
+  &:after{
+    content: '';
+    clear: both;
+    display: table;
+  }
+}
+
+
+@mixin hide-text {
+  $approximate_em_value: 12px / 1em;
+  $wider_than_any_screen: -9999em;
+  text-indent: $wider_than_any_screen * $approximate_em_value;
+  overflow: hidden;
+  text-align: left;
+}
+
+
+@mixin ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+}

data/vendor/assets/stylesheets/mixins/_mixin.scss

@@ -0,0 +1,7 @@
+@import "layout";
+@import "effect";
+@import "text";
+@import "image";
+@import "tooltips";
+@import "table";
+// @import "main";

data/vendor/assets/stylesheets/mixins/_table.scss

@@ -0,0 +1,100 @@
+
+
+
+@mixin table-color(
+  $header-row-color,
+  $even-row-color,
+  $odd-row-color
+  ){
+    th {
+      background-color: $header-row-color;
+    }
+    tr {
+      &.odd, &:nth-child(2n+1) {
+        background-color: $odd-row-color;
+        td {
+          background-color: $odd-row-color;
+        }
+      }
+      &.even, &:nth-child(2n) {
+        background-color: $even-row-color;
+        td {
+          background-color: $even-row-color;
+        }
+      }
+    }
+  }
+
+
+//テーブル
+@mixin table-scaffolding($cell-padding:5px,$cell-align:center) {
+  vertical-align: middle;
+  border-color: inherit;
+  border-collapse: collapse;
+  th {
+    font-weight: bold;
+  }
+  td,
+  th {
+    text-align: $cell-align;
+    padding: $cell-padding;
+    &.numeric {
+      text-align: right;
+    }
+  }
+}
+
+
+
+@mixin outer-table-borders($width: 1px, $color: black) {
+  @if not $width == none {
+    border: $width solid $color;
+    thead {
+      th {
+        border-bottom: $width solid $color;
+      }
+    }
+    tfoot {
+      th, td {
+        border-top: $width solid $color;
+      }
+    }
+    th {
+      &:first-child {
+        border-right: $width solid $color;
+      }
+    }
+  }
+}
+
+
+@mixin inner-table-borders($width: 1px, $color: black) {
+  th, td {
+    border: {
+      right: $width solid $color;
+      bottom: $width solid $color;
+      left-width: 0px;
+      top-width: 0px;
+    };
+    &:last-child,
+    &.last {
+      border-right-width: 0px;
+    }
+  }
+  // IE8 ignores rules that are included on the same line as :last-child
+  // see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
+  tbody, tfoot {
+    tr:last-child {
+      th, td {
+        border-bottom-width: 0px;
+      }
+    }
+    tr.last {
+      th, td {
+        border-bottom-width: 0px;
+      }
+    }
+  }
+}
+
+

data/vendor/assets/stylesheets/mixins/_text.scss

@@ -0,0 +1,55 @@
+//ネオン風テキスト
+@mixin neon-text{
+  text-shadow:0 0 6px white, 0 0 11px #1791FF, 0 0 17px #346795, 0 0 23px #0086FF;
+  color: #FFF;
+}
+
+//ネオン風テキスト2
+@mixin neon-text2( $color,$size ){
+  $c1 : $color;
+  $c2 : darken($color,5%);
+  $c3 : lighten($color,3%);
+  $size1 : #{$size}px;
+  $size2 : #{$size+5}px;
+  $size3 : #{$size+10}px;
+  $size4 : #{$size+15}px;
+  text-shadow: 0 0 $size1 rgba(255,255,255,0.2), 0 0 $size2 $c1, 0 0 $size3 $c2, 0 0 $size4 $c3;
+  color: #FFF;
+}
+
+
+//wordbreak
+@mixin word-break{
+  -ms-word-break: break-all;
+  word-break: break-all;
+  word-break: break-word;
+}
+
+
+//hoverテキスト hover時にunderline
+@mixin hoverText{
+  text-decoration: none;
+  &:hover{
+    text-decoration: underline;
+  }
+}
+
+//袋文字
+@mixin fukuromoji($color:#444){
+  color: #FFF;
+  text-shadow:
+    0px 1px 1px $color,
+    0px 1px 1px $color,
+    1px 1px 1px $color,
+    1px 0px 1px $color,
+    1px 0px 1px $color,
+    1px -1px 1px $color,
+    1px -1px 1px $color,
+    0px -1px 1px $color,
+    -1px -1px 1px $color,
+    -1px -1px 1px $color,
+    -1px -1px 1px $color,
+    -1px 0px 1px $color,
+    -1px 1px 1px $color,
+    -1px 1px 1px $color;
+}

data/vendor/assets/stylesheets/mixins/_tooltips.scss

@@ -0,0 +1,128 @@
+// example
+// ------------------------
+// .tooltip{
+//   width: 250px;
+//   margin: 30px 0;
+//   padding: 10px;
+//   color: #333;
+//   @include tooltip(19px,top,#FFF,true,9px);
+// }
+
+@mixin tooltip(
+  $size: 5px,
+  $pos: left, //top,left,right,bottom
+  $bgcolor: #000,
+  $outline: false,
+  $tt_border_width:0,
+  $tt_border_color:#333,
+  $tt_offset:50%//吹き出しの尻尾の位置をずらしたいとき
+  ){
+  background: $bgcolor;
+  position: relative;
+  // outline == falseのとき
+  @if ($outline == false ){
+    &:before {
+      border-style: solid;
+      content: "";
+      display: block;
+      position: absolute;
+      @if (($pos == top) or ($pos == bottom)) {
+        border-color: $bgcolor transparent;
+        left: $tt_offset;
+        margin-left: -$size;
+      } @else {
+        border-color: transparent $bgcolor;
+        margin-top: -$size;
+        top: $tt_offset;
+      }
+      @if ($pos == top) {
+        border-width: 0 $size $size $size;
+        top: -$size;
+      }
+      @if ($pos == right) {
+        border-width: $size 0 $size $size;
+        right: -$size;
+      }
+      @if ($pos == bottom) {
+        border-width: $size $size 0 $size;
+        bottom: -$size;
+      }
+      @if ($pos == left) {
+        border-width: $size $size $size 0;
+        left: -$size;
+      }
+    }
+  }
+  // outline == trueのとき
+  @if ($outline == true){
+    border: $tt_border_width solid $tt_border_color;
+
+    &:after,
+    &:before{
+      border-style: solid;
+      content: "";
+      display: block;
+      position: absolute;
+    }
+
+    &:after {
+      @if (($pos == top) or ($pos == bottom)) {
+        border-color: $bgcolor transparent;
+        left: $tt_offset;
+        margin-left: -$size;
+      } @else {
+        border-color: transparent $bgcolor;
+        margin-top: -$size;
+        top: $tt_offset;
+      }
+      @if ($pos == top) {
+        border-width: 0 $size $size $size;
+        top: -$size;
+      }
+      @if ($pos == right) {
+        border-width: $size 0 $size $size;
+        right: -$size;
+      }
+      @if ($pos == bottom) {
+        border-width: $size $size 0 $size;
+        bottom: -$size;
+      }
+      @if ($pos == left) {
+        border-width: $size $size $size 0;
+        left: -$size;
+      }
+    }
+
+    &:before{
+
+      $calc_size : $size + $tt_border_width;
+
+      @if (($pos == top) or ($pos == bottom)) {
+        border-color: $tt_border_color transparent;
+        left: $tt_offset;
+        margin-left: -$calc_size;
+      } @else {
+        border-color: transparent $tt_border_color;
+        margin-top: -$calc_size;
+        top: $tt_offset;
+      }
+      @if ($pos == top) {
+        border-width: 0 $calc_size $calc_size $calc_size;
+        top: -$calc_size;
+      }
+      @if ($pos == right) {
+        border-width: $calc_size 0 $calc_size $calc_size;
+        right: -$calc_size;
+      }
+      @if ($pos == bottom) {
+        border-width: $calc_size $calc_size 0 $calc_size;
+        bottom: -$calc_size;
+      }
+      @if ($pos == left) {
+        border-width: $calc_size $calc_size $calc_size 0;
+        left: -$calc_size;
+      }
+    }
+
+  }//@if-end
+}//end

data/vendor/assets/stylesheets/sass-mixin-collections.scss

@@ -0,0 +1,8 @@
+@import "mixins/main";
+@import "mixins/layout";
+@import "mixins/effect";
+@import "mixins/text";
+@import "mixins/image";
+@import "mixins/tooltips";
+@import "mixins/table";
+@import "mixins/transform";

metadata

@@ -0,0 +1,118 @@
+--- !ruby/object:Gem::Specification
+name: sass-mixin-collection-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- nyanzou4649
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-02-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+description: Sassの個人的なMixinを集めたライブラリ
+email:
+- nyanzou4649@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/sass-mixin-collection-rails.rb
+- lib/sass-mixin-collection-rails/version.rb
+- sass-mixin-collection-rails.gemspec
+- vendor/assets/stylesheets/mixins/_effect.scss
+- vendor/assets/stylesheets/mixins/_image.scss
+- vendor/assets/stylesheets/mixins/_layout.scss
+- vendor/assets/stylesheets/mixins/_main.scss
+- vendor/assets/stylesheets/mixins/_mixin.scss
+- vendor/assets/stylesheets/mixins/_table.scss
+- vendor/assets/stylesheets/mixins/_text.scss
+- vendor/assets/stylesheets/mixins/_tooltips.scss
+- vendor/assets/stylesheets/mixins/_transform.scss
+- vendor/assets/stylesheets/sass-mixin-collections.scss
+homepage: https://github.com/nyanzou4649/sass-mixin-collection-rails
+licenses:
+- MIT
+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.1.5
+signing_key: 
+specification_version: 4
+summary: Sassの個人的なMixinを集めたライブラリ
+test_files: []