facades 1.0.9 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/Rakefile +2 -0
- data/lib/facades.rb +38 -1
- data/lib/facades/sass_extensions/icons.rb +53 -9
- data/lib/facades/version.rb +1 -1
- data/src/icons/css/fa.css +1361 -0
- data/src/icons/facades.yml +110 -106
- data/src/icons/font-awesome.yml +380 -361
- data/src/icons/generator.rake +37 -0
- data/src/scss/facades/_config.scss +3 -2
- data/src/scss/facades/_debug.scss +1 -1
- data/src/scss/facades/_icons.scss +14 -0
- data/src/scss/facades/_mixins.scss +49 -48
- data/src/scss/facades/mixins/_media.scss +11 -0
- metadata +16 -29
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
require 'active_support/all'
|
|
2
|
+
|
|
3
|
+
namespace :generate do
|
|
4
|
+
|
|
5
|
+
desc "Generate FontAwesome icon config"
|
|
6
|
+
task :fa do
|
|
7
|
+
css = read_css('fa.css')
|
|
8
|
+
# ?v=4.0.1
|
|
9
|
+
data = {
|
|
10
|
+
'name' => "FontAwesome",
|
|
11
|
+
'version' => "4.0.1",
|
|
12
|
+
'icons' => {},
|
|
13
|
+
'fonts' => {
|
|
14
|
+
"eot" => "//netdna.bootstrapcdn.com/font-awesome/4.0.1/fonts/fontawesome-webfont.eot?v=4.0.1",
|
|
15
|
+
"eot2" => "//netdna.bootstrapcdn.com/font-awesome/4.0.1/fonts/fontawesome-webfont.eot?#iefix&v=4.0.1",
|
|
16
|
+
"ttf" => "//netdna.bootstrapcdn.com/font-awesome/4.0.1/fonts/fontawesome-webfont.ttf?v=4.0.1",
|
|
17
|
+
"woff" => "//netdna.bootstrapcdn.com/font-awesome/4.0.1/fonts/fontawesome-webfont.woff?v=4.0.1",
|
|
18
|
+
"svg" => "//netdna.bootstrapcdn.com/font-awesome/4.0.1/fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
css.to_s.scan(/\.fa\-(\S+)\:before\s?.*\s+content.*\\([a-z0-9]{4,})/).each do |matches|
|
|
22
|
+
name, content = matches
|
|
23
|
+
data["icons"].merge!(name.underscore => %Q{#{content}})
|
|
24
|
+
end
|
|
25
|
+
File.open( File.join(base_dir, 'font-awesome.yml'), 'w+') do |file|
|
|
26
|
+
file.write(YAML.dump(data))
|
|
27
|
+
end
|
|
28
|
+
end
|
|
29
|
+
|
|
30
|
+
def base_dir
|
|
31
|
+
File.expand_path('../', __FILE__)
|
|
32
|
+
end
|
|
33
|
+
|
|
34
|
+
def read_css(file)
|
|
35
|
+
File.read File.join( base_dir, 'css', file)
|
|
36
|
+
end
|
|
37
|
+
end
|
|
@@ -45,8 +45,9 @@ $legacy-support-for-ie7:false;
|
|
|
45
45
|
// - Facades
|
|
46
46
|
// - FontAwesome
|
|
47
47
|
|
|
48
|
-
$icon-pack:'
|
|
49
|
-
$icon-font-family:icon-font($icon-pack) !default;
|
|
48
|
+
$icon-pack:'font-awesome' !default;
|
|
49
|
+
$icon-font-family:icon-font-name($icon-pack) !default;
|
|
50
|
+
$icon-pack-version:icon-version($icon-pack) !default;
|
|
50
51
|
|
|
51
52
|
$link-color: #00e !default;
|
|
52
53
|
$link-visited-color: darken($link-color, 5%) !default;
|
|
@@ -58,4 +58,18 @@
|
|
|
58
58
|
|
|
59
59
|
@mixin icon-content($name){
|
|
60
60
|
content:"#{icon-glyph($name, $icon-pack)}";
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
@mixin icon-font{
|
|
65
|
+
@font-face {
|
|
66
|
+
font-family: $icon-font-family;
|
|
67
|
+
src: url(icon-font-url($icon-pack, 'eot'));
|
|
68
|
+
src: url(icon-font-url($icon-pack, 'eot2')) format('embedded-opentype'),
|
|
69
|
+
url(icon-font-url($icon-pack, 'woff')) format('woff'),
|
|
70
|
+
url(icon-font-url($icon-pack, 'ttf')) format('truetype'),
|
|
71
|
+
url(icon-font-url($icon-pack, 'svg')) format('svg');
|
|
72
|
+
font-weight: normal;
|
|
73
|
+
font-style: normal;
|
|
74
|
+
}
|
|
61
75
|
}
|
|
@@ -9,68 +9,69 @@ $experimental-support-for-khtml: false !default;
|
|
|
9
9
|
@import 'facades/mixins/rhythm';
|
|
10
10
|
@import 'compass/css3';
|
|
11
11
|
@import 'facades/mixins/gradients';
|
|
12
|
+
@import 'facades/mixins/media';
|
|
12
13
|
|
|
13
14
|
// Custom opacity mixin, uses whole numbers instead of floats.
|
|
14
15
|
@mixin opacity($opacity: 100) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
@if $legacy-support-for-ie7{
|
|
17
|
+
filter: alpha(opacity=#{$opacity});
|
|
18
|
+
}
|
|
19
|
+
@if $legacy-support-for-ie8{
|
|
20
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$opacity})";
|
|
21
|
+
}
|
|
22
|
+
opacity: $opacity / 100;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
// override compass's version because we don't need prefixing
|
|
25
26
|
@mixin border-radius($radians){
|
|
26
|
-
|
|
27
|
+
border-radius:$radians;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
// compass uses the overflow style clearfix which can be rather annoying when you
|
|
30
31
|
// dont want overflow:hidden on things.
|
|
31
32
|
@mixin clearfix{
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
&:before, &:after{
|
|
34
|
+
content:"";
|
|
35
|
+
display:table;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:after{
|
|
39
|
+
clear:both;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@if $legacy-support-for-ie8 or $legacy-support-for-ie7{
|
|
43
|
+
&{ zoom:1; }
|
|
44
|
+
}
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
// Custom box-shadow mixin to skip false or none values
|
|
47
48
|
@mixin optional-box-shadow($props){
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
@if $props != false and $props != none{
|
|
50
|
+
@include border-radius($props);
|
|
51
|
+
}
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
// Custom border-radius mixin to skip false or none values
|
|
54
55
|
@mixin optional-border-radius($props){
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
@if $props != false and $props != none{
|
|
57
|
+
@include border-radius($props);
|
|
58
|
+
}
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
// Cross browser inline-block implementations
|
|
61
|
-
@mixin inline-block($align: middle){
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
62
|
+
@mixin inline-block($align: middle){
|
|
63
|
+
display: inline-block;
|
|
64
|
+
vertical-align: $align;
|
|
65
|
+
@if $legacy-support-for-ie7{
|
|
66
|
+
*display: inline;
|
|
67
|
+
*vertical-align: auto;
|
|
68
|
+
*zoom:1;
|
|
69
|
+
}
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
@mixin user-select($val: "none"){
|
|
72
|
-
|
|
73
|
-
|
|
73
|
+
@include experimental("user-select", unquote($val), -moz, -webkit, -khtml, -ms, official);
|
|
74
|
+
@include experimental("touch-callout", unquote($val), -webkit, official, not -moz, not -khtml, not -ms);
|
|
74
75
|
}
|
|
75
76
|
|
|
76
77
|
//
|
|
@@ -78,31 +79,31 @@ $experimental-support-for-khtml: false !default;
|
|
|
78
79
|
// Creates a clip rect, including IE specific version.
|
|
79
80
|
//
|
|
80
81
|
@mixin clipped{
|
|
81
|
-
|
|
82
|
+
@include clip(1px, 1px, 1px, 1px);
|
|
82
83
|
}
|
|
83
84
|
|
|
84
85
|
@mixin clip($top: 1px, $right: 1px, $bottom: 1px, $left: 1px, $shape: rect, $abs: true){
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
86
|
+
$shape:unquote($shape);
|
|
87
|
+
|
|
88
|
+
clip: unquote("#{$shape}(#{$top}, #{$right}, #{$bottom}, #{$left})");
|
|
89
|
+
@if $legacy-support-for-ie{
|
|
90
|
+
clip: unquote("#{$shape}(#{$top} #{$right} #{$bottom} #{$left})"); // Stupid IE
|
|
91
|
+
}
|
|
92
|
+
@if $abs{ position: absolute; }
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
|
|
95
96
|
// returns a contrasting version of a color based on luminance
|
|
96
97
|
@function contrasting-color($color, $contrast: 100%) {
|
|
97
|
-
|
|
98
|
+
@return if(lightness($color) > 50, darken($color, $contrast), lighten($color, $contrast));
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
|
|
101
102
|
// sets a contrasting text shadow based on $color
|
|
102
103
|
@mixin bevel-text($color){
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
$dark-shadow: rgba(0,0,0,.5) 0 -.08em 0;
|
|
105
|
+
$light-shadow: rgba(255,255,255,.25) 0 .08em 0;
|
|
106
|
+
text-shadow:if(luminance($color) == light, $dark-shadow, $light-shadow);
|
|
106
107
|
}
|
|
107
108
|
|
|
108
109
|
// creates an empty psuedo element
|
metadata
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: facades
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0
|
|
5
|
-
prerelease:
|
|
4
|
+
version: 1.1.0
|
|
6
5
|
platform: ruby
|
|
7
6
|
authors:
|
|
8
7
|
- Brent Kirby
|
|
9
8
|
autorequire:
|
|
10
9
|
bindir: bin
|
|
11
10
|
cert_chain: []
|
|
12
|
-
date: 2013-
|
|
11
|
+
date: 2013-11-11 00:00:00.000000000 Z
|
|
13
12
|
dependencies:
|
|
14
13
|
- !ruby/object:Gem::Dependency
|
|
15
14
|
name: sass
|
|
16
15
|
requirement: !ruby/object:Gem::Requirement
|
|
17
|
-
none: false
|
|
18
16
|
requirements:
|
|
19
17
|
- - ~>
|
|
20
18
|
- !ruby/object:Gem::Version
|
|
@@ -22,7 +20,6 @@ dependencies:
|
|
|
22
20
|
type: :runtime
|
|
23
21
|
prerelease: false
|
|
24
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
-
none: false
|
|
26
23
|
requirements:
|
|
27
24
|
- - ~>
|
|
28
25
|
- !ruby/object:Gem::Version
|
|
@@ -30,23 +27,20 @@ dependencies:
|
|
|
30
27
|
- !ruby/object:Gem::Dependency
|
|
31
28
|
name: compass
|
|
32
29
|
requirement: !ruby/object:Gem::Requirement
|
|
33
|
-
none: false
|
|
34
30
|
requirements:
|
|
35
|
-
- -
|
|
31
|
+
- - '>='
|
|
36
32
|
- !ruby/object:Gem::Version
|
|
37
33
|
version: 0.11.7
|
|
38
34
|
type: :runtime
|
|
39
35
|
prerelease: false
|
|
40
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
41
|
-
none: false
|
|
42
37
|
requirements:
|
|
43
|
-
- -
|
|
38
|
+
- - '>='
|
|
44
39
|
- !ruby/object:Gem::Version
|
|
45
40
|
version: 0.11.7
|
|
46
41
|
- !ruby/object:Gem::Dependency
|
|
47
42
|
name: combustion
|
|
48
43
|
requirement: !ruby/object:Gem::Requirement
|
|
49
|
-
none: false
|
|
50
44
|
requirements:
|
|
51
45
|
- - ~>
|
|
52
46
|
- !ruby/object:Gem::Version
|
|
@@ -54,7 +48,6 @@ dependencies:
|
|
|
54
48
|
type: :development
|
|
55
49
|
prerelease: false
|
|
56
50
|
version_requirements: !ruby/object:Gem::Requirement
|
|
57
|
-
none: false
|
|
58
51
|
requirements:
|
|
59
52
|
- - ~>
|
|
60
53
|
- !ruby/object:Gem::Version
|
|
@@ -62,23 +55,20 @@ dependencies:
|
|
|
62
55
|
- !ruby/object:Gem::Dependency
|
|
63
56
|
name: rspec
|
|
64
57
|
requirement: !ruby/object:Gem::Requirement
|
|
65
|
-
none: false
|
|
66
58
|
requirements:
|
|
67
|
-
- -
|
|
59
|
+
- - '>='
|
|
68
60
|
- !ruby/object:Gem::Version
|
|
69
61
|
version: 2.7.0
|
|
70
62
|
type: :development
|
|
71
63
|
prerelease: false
|
|
72
64
|
version_requirements: !ruby/object:Gem::Requirement
|
|
73
|
-
none: false
|
|
74
65
|
requirements:
|
|
75
|
-
- -
|
|
66
|
+
- - '>='
|
|
76
67
|
- !ruby/object:Gem::Version
|
|
77
68
|
version: 2.7.0
|
|
78
69
|
- !ruby/object:Gem::Dependency
|
|
79
70
|
name: sass-rails
|
|
80
71
|
requirement: !ruby/object:Gem::Requirement
|
|
81
|
-
none: false
|
|
82
72
|
requirements:
|
|
83
73
|
- - ~>
|
|
84
74
|
- !ruby/object:Gem::Version
|
|
@@ -86,7 +76,6 @@ dependencies:
|
|
|
86
76
|
type: :development
|
|
87
77
|
prerelease: false
|
|
88
78
|
version_requirements: !ruby/object:Gem::Requirement
|
|
89
|
-
none: false
|
|
90
79
|
requirements:
|
|
91
80
|
- - ~>
|
|
92
81
|
- !ruby/object:Gem::Version
|
|
@@ -94,7 +83,6 @@ dependencies:
|
|
|
94
83
|
- !ruby/object:Gem::Dependency
|
|
95
84
|
name: webrat
|
|
96
85
|
requirement: !ruby/object:Gem::Requirement
|
|
97
|
-
none: false
|
|
98
86
|
requirements:
|
|
99
87
|
- - ~>
|
|
100
88
|
- !ruby/object:Gem::Version
|
|
@@ -102,7 +90,6 @@ dependencies:
|
|
|
102
90
|
type: :development
|
|
103
91
|
prerelease: false
|
|
104
92
|
version_requirements: !ruby/object:Gem::Requirement
|
|
105
|
-
none: false
|
|
106
93
|
requirements:
|
|
107
94
|
- - ~>
|
|
108
95
|
- !ruby/object:Gem::Version
|
|
@@ -110,17 +97,15 @@ dependencies:
|
|
|
110
97
|
- !ruby/object:Gem::Dependency
|
|
111
98
|
name: rspec-rails
|
|
112
99
|
requirement: !ruby/object:Gem::Requirement
|
|
113
|
-
none: false
|
|
114
100
|
requirements:
|
|
115
|
-
- -
|
|
101
|
+
- - '>='
|
|
116
102
|
- !ruby/object:Gem::Version
|
|
117
103
|
version: 2.11.0
|
|
118
104
|
type: :development
|
|
119
105
|
prerelease: false
|
|
120
106
|
version_requirements: !ruby/object:Gem::Requirement
|
|
121
|
-
none: false
|
|
122
107
|
requirements:
|
|
123
|
-
- -
|
|
108
|
+
- - '>='
|
|
124
109
|
- !ruby/object:Gem::Version
|
|
125
110
|
version: 2.11.0
|
|
126
111
|
description: Facades is a collection of front-end patterns and libraries designed
|
|
@@ -184,8 +169,10 @@ files:
|
|
|
184
169
|
- spec/unit/helpers/navigation_spec.rb
|
|
185
170
|
- spec/unit/helpers/notifications_spec.rb
|
|
186
171
|
- spec/unit/patterns/tabs_spec.rb
|
|
172
|
+
- src/icons/css/fa.css
|
|
187
173
|
- src/icons/facades.yml
|
|
188
174
|
- src/icons/font-awesome.yml
|
|
175
|
+
- src/icons/generator.rake
|
|
189
176
|
- src/scss/facades/_buttons.scss
|
|
190
177
|
- src/scss/facades/_config.scss
|
|
191
178
|
- src/scss/facades/_debug.scss
|
|
@@ -206,6 +193,7 @@ files:
|
|
|
206
193
|
- src/scss/facades/layout/_lists.scss
|
|
207
194
|
- src/scss/facades/media/_video.scss
|
|
208
195
|
- src/scss/facades/mixins/_gradients.scss
|
|
196
|
+
- src/scss/facades/mixins/_media.scss
|
|
209
197
|
- src/scss/facades/mixins/_rhythm.scss
|
|
210
198
|
- src/scss/facades/mobile/_buttons.scss
|
|
211
199
|
- src/scss/facades/mobile/_config.scss
|
|
@@ -229,27 +217,26 @@ files:
|
|
|
229
217
|
- src/scss/facades/typography/_tables.scss
|
|
230
218
|
homepage: https://github.com/kurbmedia/facades
|
|
231
219
|
licenses: []
|
|
220
|
+
metadata: {}
|
|
232
221
|
post_install_message:
|
|
233
222
|
rdoc_options: []
|
|
234
223
|
require_paths:
|
|
235
224
|
- lib
|
|
236
225
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
237
|
-
none: false
|
|
238
226
|
requirements:
|
|
239
|
-
- -
|
|
227
|
+
- - '>='
|
|
240
228
|
- !ruby/object:Gem::Version
|
|
241
229
|
version: '0'
|
|
242
230
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
243
|
-
none: false
|
|
244
231
|
requirements:
|
|
245
|
-
- -
|
|
232
|
+
- - '>='
|
|
246
233
|
- !ruby/object:Gem::Version
|
|
247
234
|
version: '0'
|
|
248
235
|
requirements: []
|
|
249
236
|
rubyforge_project: facades
|
|
250
|
-
rubygems_version:
|
|
237
|
+
rubygems_version: 2.0.3
|
|
251
238
|
signing_key:
|
|
252
|
-
specification_version:
|
|
239
|
+
specification_version: 4
|
|
253
240
|
summary: Front-end development awesome-ness with Compass and Sass.
|
|
254
241
|
test_files:
|
|
255
242
|
- spec/internal/app/helpers/application_helper.rb
|