css_helpers 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +9 -0
- data/.rspec +2 -0
- data/.travis.yml +4 -0
- data/Gemfile +2 -0
- data/LICENSE.txt +21 -0
- data/README.md +1 -0
- data/Rakefile +6 -0
- data/bin/console +7 -0
- data/bin/setup +5 -0
- data/css_helpers.gemspec +26 -0
- data/lib/css_helpers/version.rb +3 -0
- data/lib/css_helpers.rb +5 -0
- data/spec/css_helpers_spec.rb +11 -0
- data/spec/spec_helper.rb +2 -0
- data/vendor/assets/javascripts/css_helpers.js +1 -0
- data/vendor/assets/stylesheets/_border-radius.scss +40 -0
- data/vendor/assets/stylesheets/_variables.scss +33 -0
- data/vendor/assets/stylesheets/_whitespace.scss +67 -0
- data/vendor/assets/stylesheets/_z-index.scss +63 -0
- data/vendor/assets/stylesheets/css_helpers.scss +3 -0
- metadata +134 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 3745dd6fb89ed982472745c7c6c1137d54c08988
|
4
|
+
data.tar.gz: 0cc04b48465adf245bcdf7e9637b1e52afddb006
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 08ea4d74298f33e8ff477f5f90a9c5588e586e8bf8820d2bc8528f94b315e6fae0e6956da8b51ecdb27aca7e0a0ed7989c25ba96e94aff2a030dab6dd486f22e
|
7
|
+
data.tar.gz: fc85fa6e321b25c17a991311a4fcda780d36803b5937edcc7077055e8419eace114d8c39abf6df0636f8a1e6dfff057f1061031c075b9faa463567f380b03674
|
data/.gitignore
ADDED
data/.rspec
ADDED
data/.travis.yml
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2015 Paul Farino
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
TODO
|
data/Rakefile
ADDED
data/bin/console
ADDED
data/bin/setup
ADDED
data/css_helpers.gemspec
ADDED
@@ -0,0 +1,26 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'css_helpers/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |s|
|
7
|
+
s.name = "css_helpers"
|
8
|
+
s.version = CssHelpers::VERSION
|
9
|
+
s.authors = ["Paul Farino"]
|
10
|
+
s.email = ["paul.farino1@gmail.com"]
|
11
|
+
s.summary = 'CSS Helpers'
|
12
|
+
s.description = 'CSS Helpers description'
|
13
|
+
s.homepage = 'http://www.paulfarino.com'
|
14
|
+
s.license = 'MIT'
|
15
|
+
|
16
|
+
s.test_files = Dir["test/**/*"]
|
17
|
+
s.files = `git ls-files`.split("\n")
|
18
|
+
|
19
|
+
s.add_dependency "rails", "~> 4.2.3"
|
20
|
+
s.add_dependency "sass"
|
21
|
+
s.add_dependency "sass-rails"
|
22
|
+
s.add_dependency "jquery"
|
23
|
+
|
24
|
+
s.add_development_dependency "sqlite3"
|
25
|
+
end
|
26
|
+
|
data/lib/css_helpers.rb
ADDED
data/spec/spec_helper.rb
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
console.log('test');
|
@@ -0,0 +1,40 @@
|
|
1
|
+
// Radius Helpers
|
2
|
+
// --------------------------------------------------
|
3
|
+
// ex: .ras = border-radius: 2px;
|
4
|
+
// .rlm = {border-top-left-radius: 4px; border-top-right-radius: 4px;}
|
5
|
+
//
|
6
|
+
$directions: (
|
7
|
+
(t, top),
|
8
|
+
(r, right),
|
9
|
+
(b, bottom),
|
10
|
+
(l, left),
|
11
|
+
(a, all)
|
12
|
+
);
|
13
|
+
$radius_sizes:
|
14
|
+
(n, 0px!important),
|
15
|
+
(s, 2px!important),
|
16
|
+
(m, 4px!important),
|
17
|
+
(l, 6px!important)
|
18
|
+
;
|
19
|
+
|
20
|
+
@each $d, $direction in $directions {
|
21
|
+
@each $s, $size in $radius_sizes{
|
22
|
+
@if $direction == "top" or $direction == "bottom" {
|
23
|
+
.r#{$d}#{$s} {
|
24
|
+
border-#{$direction}-left-radius: $size;
|
25
|
+
border-#{$direction}-right-radius: $size;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
@else if $direction == "left" or $direction == "right" {
|
29
|
+
.r#{$d}#{$s} {
|
30
|
+
border-top-#{$direction}-radius: $size;
|
31
|
+
border-bottom-#{$direction}-radius: $size;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
@else {
|
35
|
+
.r#{$d}#{$s} {
|
36
|
+
border-radius: $size;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
// Branding Color Variables
|
2
|
+
// --------------------------------------------------
|
3
|
+
$black: #000000;
|
4
|
+
$white: #FFFFFF;
|
5
|
+
|
6
|
+
|
7
|
+
// Shades of Greys
|
8
|
+
//---------------------------------------------------
|
9
|
+
$grey90: #222222;
|
10
|
+
$grey80: #333333;
|
11
|
+
$grey70: #444444;
|
12
|
+
$grey60: #555555;
|
13
|
+
$grey50: #777777;
|
14
|
+
$grey40: #999999;
|
15
|
+
$grey30: #BBBBBB;
|
16
|
+
$grey20: #CCCCCC;
|
17
|
+
$grey10: #DDDDDD;
|
18
|
+
$grey05: #F7F7F7;
|
19
|
+
$grey00: #F9F9F9;
|
20
|
+
|
21
|
+
|
22
|
+
// Z-Index Scale
|
23
|
+
// --------------------------
|
24
|
+
$zIndex-1: 100;
|
25
|
+
$zIndex-2: 200;
|
26
|
+
$zIndex-3: 300;
|
27
|
+
$zIndex-4: 400;
|
28
|
+
$zIndex-5: 500;
|
29
|
+
$zIndex-6: 600;
|
30
|
+
$zIndex-7: 700;
|
31
|
+
$zIndex-8: 800;
|
32
|
+
$zIndex-9: 900;
|
33
|
+
$zIndex-10: 1000;
|
@@ -0,0 +1,67 @@
|
|
1
|
+
// Spacing Helpers
|
2
|
+
// --------------------------------------------------
|
3
|
+
// ex: mtxl = margin-top: 20px
|
4
|
+
// pan = padding: 0px;
|
5
|
+
//
|
6
|
+
$orientation_list: (
|
7
|
+
v,
|
8
|
+
h,
|
9
|
+
a
|
10
|
+
);
|
11
|
+
$direction_list: (
|
12
|
+
(t, top),
|
13
|
+
(r, right),
|
14
|
+
(b, bottom),
|
15
|
+
(l, left)
|
16
|
+
);
|
17
|
+
$space_sizes:
|
18
|
+
(n, 0px!important),
|
19
|
+
(s, 5px!important),
|
20
|
+
(m, 7px!important),
|
21
|
+
(l, 10px!important),
|
22
|
+
(xl, 20px!important),
|
23
|
+
(xxl, 40px!important),
|
24
|
+
(xxxl, 80px!important)
|
25
|
+
;
|
26
|
+
@each $direction_list, $direction in $direction_list {
|
27
|
+
@each $space_sizes, $size in $space_sizes {
|
28
|
+
.p#{$direction_list}#{$space_sizes} {
|
29
|
+
padding-#{$direction}: $size;
|
30
|
+
}
|
31
|
+
.m#{$direction_list}#{$space_sizes} {
|
32
|
+
margin-#{$direction}: $size;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
@each $orientation_list, $orientation in $orientation_list {
|
37
|
+
@each $space_sizes, $size in $space_sizes {
|
38
|
+
@if $orientation_list == "v" {
|
39
|
+
.p#{$orientation_list}#{$space_sizes} {
|
40
|
+
padding-bottom: $size;
|
41
|
+
padding-top: $size;
|
42
|
+
}
|
43
|
+
.m#{$orientation_list}#{$space_sizes} {
|
44
|
+
margin-bottom: $size;
|
45
|
+
margin-top: $size;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
@else if $orientation_list == "h" {
|
49
|
+
.p#{$orientation_list}#{$space_sizes} {
|
50
|
+
padding-left: $size;
|
51
|
+
padding-right: $size;
|
52
|
+
}
|
53
|
+
.m#{$orientation_list}#{$space_sizes} {
|
54
|
+
margin-left: $size;
|
55
|
+
margin-right: $size;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
@else {
|
59
|
+
.p#{$orientation_list}#{$space_sizes} {
|
60
|
+
padding: $size;
|
61
|
+
}
|
62
|
+
.m#{$orientation_list}#{$space_sizes} {
|
63
|
+
margin: $size;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
@@ -0,0 +1,63 @@
|
|
1
|
+
// Z-Index Scale
|
2
|
+
// --------------------------
|
3
|
+
.zIndex-1 {
|
4
|
+
z-index: $zIndex-1;
|
5
|
+
}
|
6
|
+
.zIndex-2 {
|
7
|
+
z-index: $zIndex-2;
|
8
|
+
}
|
9
|
+
.zIndex-3 {
|
10
|
+
z-index: $zIndex-3;
|
11
|
+
}
|
12
|
+
.zIndex-4 {
|
13
|
+
z-index: $zIndex-4;
|
14
|
+
}
|
15
|
+
.zIndex-5 {
|
16
|
+
z-index: $zIndex-5;
|
17
|
+
}
|
18
|
+
.zIndex-6 {
|
19
|
+
z-index: $zIndex-6;
|
20
|
+
}
|
21
|
+
.zIndex-7 {
|
22
|
+
z-index: $zIndex-7;
|
23
|
+
}
|
24
|
+
.zIndex-8 {
|
25
|
+
z-index: $zIndex-8;
|
26
|
+
}
|
27
|
+
.zIndex-9 {
|
28
|
+
z-index: $zIndex-9;
|
29
|
+
}
|
30
|
+
.zIndex-10 {
|
31
|
+
z-index: $zIndex-10;
|
32
|
+
}
|
33
|
+
|
34
|
+
|
35
|
+
// Z-Index Depth
|
36
|
+
// --------------------------
|
37
|
+
.z-depth-0 {
|
38
|
+
box-shadow: none !important;
|
39
|
+
}
|
40
|
+
|
41
|
+
.z-depth-1 {
|
42
|
+
box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.16),
|
43
|
+
0 2px 7px 2px rgba(0, 0, 0, 0.12);
|
44
|
+
}
|
45
|
+
|
46
|
+
.z-depth-2 {
|
47
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
|
48
|
+
0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
49
|
+
}
|
50
|
+
|
51
|
+
.z-depth-3 {
|
52
|
+
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24),
|
53
|
+
0 17px 50px 0 rgba(0, 0, 0, 0.19);
|
54
|
+
}
|
55
|
+
|
56
|
+
.z-depth-4 {
|
57
|
+
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22),
|
58
|
+
0 25px 55px 0 rgba(0, 0, 0, 0.21);
|
59
|
+
}
|
60
|
+
|
61
|
+
.z-depth-5 {
|
62
|
+
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2),
|
63
|
+
}
|
metadata
ADDED
@@ -0,0 +1,134 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: css_helpers
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 1.0.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Paul Farino
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2016-01-07 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: rails
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: 4.2.3
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: 4.2.3
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: sass
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - ">="
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - ">="
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: sass-rails
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - ">="
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '0'
|
48
|
+
type: :runtime
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - ">="
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '0'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: jquery
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - ">="
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '0'
|
62
|
+
type: :runtime
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - ">="
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '0'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: sqlite3
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - ">="
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '0'
|
76
|
+
type: :development
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - ">="
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: '0'
|
83
|
+
description: CSS Helpers description
|
84
|
+
email:
|
85
|
+
- paul.farino1@gmail.com
|
86
|
+
executables: []
|
87
|
+
extensions: []
|
88
|
+
extra_rdoc_files: []
|
89
|
+
files:
|
90
|
+
- ".gitignore"
|
91
|
+
- ".rspec"
|
92
|
+
- ".travis.yml"
|
93
|
+
- Gemfile
|
94
|
+
- LICENSE.txt
|
95
|
+
- README.md
|
96
|
+
- Rakefile
|
97
|
+
- bin/console
|
98
|
+
- bin/setup
|
99
|
+
- css_helpers.gemspec
|
100
|
+
- lib/css_helpers.rb
|
101
|
+
- lib/css_helpers/version.rb
|
102
|
+
- spec/css_helpers_spec.rb
|
103
|
+
- spec/spec_helper.rb
|
104
|
+
- vendor/assets/javascripts/css_helpers.js
|
105
|
+
- vendor/assets/stylesheets/_border-radius.scss
|
106
|
+
- vendor/assets/stylesheets/_variables.scss
|
107
|
+
- vendor/assets/stylesheets/_whitespace.scss
|
108
|
+
- vendor/assets/stylesheets/_z-index.scss
|
109
|
+
- vendor/assets/stylesheets/css_helpers.scss
|
110
|
+
homepage: http://www.paulfarino.com
|
111
|
+
licenses:
|
112
|
+
- MIT
|
113
|
+
metadata: {}
|
114
|
+
post_install_message:
|
115
|
+
rdoc_options: []
|
116
|
+
require_paths:
|
117
|
+
- lib
|
118
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
119
|
+
requirements:
|
120
|
+
- - ">="
|
121
|
+
- !ruby/object:Gem::Version
|
122
|
+
version: '0'
|
123
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
124
|
+
requirements:
|
125
|
+
- - ">="
|
126
|
+
- !ruby/object:Gem::Version
|
127
|
+
version: '0'
|
128
|
+
requirements: []
|
129
|
+
rubyforge_project:
|
130
|
+
rubygems_version: 2.5.1
|
131
|
+
signing_key:
|
132
|
+
specification_version: 4
|
133
|
+
summary: CSS Helpers
|
134
|
+
test_files: []
|