zurui-sass-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +22 -0
- data/README.md +36 -0
- data/lib/zurui-sass-rails.rb +6 -0
- data/lib/zurui-sass-rails/version.rb +3 -0
- data/vendor/assets/stylesheets/_zurui-sass.sass +53 -0
- metadata +62 -0
data/MIT-LICENSE
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2012 mahm
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,36 @@
|
|
1
|
+
# zurui-sass-rails
|
2
|
+
|
3
|
+
[@ken_c_lo](https://twitter.com/ken_c_lo)さんの[ズルいデザインテクニック](https://speakerdeck.com/ken_c_lo/zurui-design)のMixinをまとめたGemです。
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
1) Add this to your `Gemfile`:
|
8
|
+
|
9
|
+
```ruby
|
10
|
+
group :assets do
|
11
|
+
gem 'sass-rails'
|
12
|
+
gem 'compass-rails'
|
13
|
+
gem 'zurui-sass-rails'
|
14
|
+
end
|
15
|
+
```
|
16
|
+
|
17
|
+
2) Add this to your `base.css.sass`:
|
18
|
+
|
19
|
+
```sass
|
20
|
+
@import compass/utilities
|
21
|
+
@import compass/css3
|
22
|
+
@import zurui-sass
|
23
|
+
```
|
24
|
+
|
25
|
+
## Usage
|
26
|
+
|
27
|
+
- [Zurui Sass Sample](http://zurui-sample.herokuapp.com/)
|
28
|
+
- [Zurui Sass Sample(Github)](http://github.com/mahm/zurui-sample)
|
29
|
+
|
30
|
+
## Contributing
|
31
|
+
|
32
|
+
1. Fork it
|
33
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
34
|
+
3. Commit your changes (`git commit -am 'Added some feature'`)
|
35
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
36
|
+
5. Create new Pull Request
|
@@ -0,0 +1,53 @@
|
|
1
|
+
//--------------------------------------------------------------------------------
|
2
|
+
// Cheat lines
|
3
|
+
@mixin zurui-line-top($op1:.2,$op2:.3)
|
4
|
+
border-top: 1px solid rgba(0, 0, 0, $op1)
|
5
|
+
@include box-shadow(rgba(255, 255, 255, $op2) 0 1px 0 inset)
|
6
|
+
|
7
|
+
@mixin zurui-line-left($op1:.2,$op2:.3)
|
8
|
+
border-left: 1px solid rgba(0, 0, 0, $op1)
|
9
|
+
@include box-shadow(rgba(255, 255, 255, $op2) -1px 0 0)
|
10
|
+
|
11
|
+
@mixin zurui-line-right($op1:.2,$op2:.3)
|
12
|
+
border-right: 1px solid rgba(0, 0, 0, $op1)
|
13
|
+
@include box-shadow(rgba(255, 255, 255, $op2) -1px 0 0 inset)
|
14
|
+
|
15
|
+
@mixin zurui-line-bottom($op1:.2,$op2:.3)
|
16
|
+
border-bottom: 1px solid rgba(0, 0, 0, $op1)
|
17
|
+
@include box-shadow(rgba(255, 255, 255, $op2) 0 1px 0)
|
18
|
+
|
19
|
+
//--------------------------------------------------------------------------------
|
20
|
+
// Cheat font shadows
|
21
|
+
@mixin zurui-ts-000($op:.4)
|
22
|
+
text-shadow: 1px -1px rgba(0, 0, 0, $op)
|
23
|
+
|
24
|
+
@mixin zurui-ts-fff($op:.7)
|
25
|
+
text-shadow: -1px 1px rgba(0, 0, 0, $op)
|
26
|
+
|
27
|
+
//--------------------------------------------------------------------------------
|
28
|
+
// Cheat gradation
|
29
|
+
@mixin zurui-gradient-top-lighten($color:#666, $lighten:10%)
|
30
|
+
background-color: $color
|
31
|
+
@include filter-gradient(lighten($color, $lighten), $color, vertical)
|
32
|
+
@include background-image(linear-gradient(lighten($color, $lighten) 0%, $color 100%))
|
33
|
+
|
34
|
+
@mixin zurui-gradient-top-darken($color:#666, $darken:10%)
|
35
|
+
background-color: $color
|
36
|
+
@include filter-gradient(darken($color, $darken), $color, vertical)
|
37
|
+
@include background-image(linear-gradient(darken($color, $darken) 0%, $color 100%))
|
38
|
+
|
39
|
+
//--------------------------------------------------------------------------------
|
40
|
+
// Cheat box shadow
|
41
|
+
@mixin zurui-box-outer($op1:2px)
|
42
|
+
@include box-shadow(rgba(0, 0, 0, .15) 0 0 $op1)
|
43
|
+
|
44
|
+
@mixin zurui-box-inner($op1:20px)
|
45
|
+
@include box-shadow(rgba(0, 0, 0, .2) 0 0 $op1 inset)
|
46
|
+
|
47
|
+
@mixin zurui-box-deboss($border:.1, $shadow:.1, $highlight:1)
|
48
|
+
border: 1px solid rgba(0, 0, 0, $border)
|
49
|
+
@include box-shadow(rgba(0, 0, 0, $shadow) -1px 1px 2px inset, rgba(255, 255, 255, $highlight) -1px 1px 0)
|
50
|
+
|
51
|
+
@mixin zurui-box-emboss($border:.15, $shadow:.05, $highlight:1)
|
52
|
+
border: 1px solid rgba(0, 0, 0, $border)
|
53
|
+
@include box-shadow(rgba(0, 0, 0, $shadow) -1px 1px 0, rgba(255, 255, 255, $highlight) -1px -1px 0 inset)
|
metadata
ADDED
@@ -0,0 +1,62 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: zurui-sass-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- mah_lab
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-11-07 00:00:00.000000000Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: railties
|
16
|
+
requirement: &70127833673460 !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ~>
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '3.1'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: *70127833673460
|
25
|
+
description: Sass mixins by zurui-design(https://speakerdeck.com/ken_c_lo/zurui-design)
|
26
|
+
email:
|
27
|
+
- rootmoon@gmail.com
|
28
|
+
executables: []
|
29
|
+
extensions: []
|
30
|
+
extra_rdoc_files: []
|
31
|
+
files:
|
32
|
+
- lib/zurui-sass-rails/version.rb
|
33
|
+
- lib/zurui-sass-rails.rb
|
34
|
+
- vendor/assets/stylesheets/_zurui-sass.sass
|
35
|
+
- MIT-LICENSE
|
36
|
+
- README.md
|
37
|
+
homepage: https://github.com/mahm/zurui-sass-rails
|
38
|
+
licenses: []
|
39
|
+
post_install_message:
|
40
|
+
rdoc_options: []
|
41
|
+
require_paths:
|
42
|
+
- lib
|
43
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
44
|
+
none: false
|
45
|
+
requirements:
|
46
|
+
- - ! '>='
|
47
|
+
- !ruby/object:Gem::Version
|
48
|
+
version: '0'
|
49
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
50
|
+
none: false
|
51
|
+
requirements:
|
52
|
+
- - ! '>='
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '0'
|
55
|
+
requirements: []
|
56
|
+
rubyforge_project:
|
57
|
+
rubygems_version: 1.8.10
|
58
|
+
signing_key:
|
59
|
+
specification_version: 3
|
60
|
+
summary: Sass mixins by zurui-design(https://speakerdeck.com/ken_c_lo/zurui-design)
|
61
|
+
test_files: []
|
62
|
+
has_rdoc:
|