sass-flexi 0.7.alpha → 0.8.alpha
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/stylesheets/_sass-flexi.scss +2 -1
- data/stylesheets/bundle/_flexi.scss +9 -0
- data/stylesheets/bundle/icon/_color.scss +36 -0
- data/stylesheets/bundle/icon/_core.scss +23 -0
- data/stylesheets/bundle/icon/_extra.scss +37 -0
- data/stylesheets/bundle/icon/_icons.scss +1355 -0
- data/stylesheets/bundle/icon/_mixin.scss +30 -0
- data/stylesheets/bundle/icon/_path.scss +14 -0
- data/stylesheets/bundle/icon/_size.scss +17 -0
- data/stylesheets/bundle/icon/_var.scss +14 -0
- metadata +10 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
//===========
|
|
2
|
+
// mixin for flexi icon font
|
|
3
|
+
|
|
4
|
+
// border-radius
|
|
5
|
+
|
|
6
|
+
@mixin radius($radius) {
|
|
7
|
+
-webkit-border-radius: $radius;
|
|
8
|
+
-moz-border-radius: $radius;
|
|
9
|
+
-ms-border-radius: $radius;
|
|
10
|
+
-o-border-radius: $radius;
|
|
11
|
+
border-radius: $radius;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
//rotate
|
|
15
|
+
@mixin rotate($angle) {
|
|
16
|
+
-webkit-transform: rotate($angle);
|
|
17
|
+
-moz-transform: rotate($angle);
|
|
18
|
+
-ms-transform: rotate($angle);
|
|
19
|
+
-o-transform: rotate($angle);
|
|
20
|
+
transform: rotate($angle);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// scale
|
|
24
|
+
@mixin scale($x,$y) {
|
|
25
|
+
-webkit-transform: scale($x, $y);
|
|
26
|
+
-moz-transform: scale($x, $y);
|
|
27
|
+
-ms-transform: scale($x, $y);
|
|
28
|
+
-o-transform: scale($x, $y);
|
|
29
|
+
transform: scale($x, $y);
|
|
30
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
/* font family decleration and font path
|
|
3
|
+
=========*/
|
|
4
|
+
|
|
5
|
+
@font-face {
|
|
6
|
+
font-family:'flexi';
|
|
7
|
+
src:url('#{$font-path}#{$font-name}.eot?cyeaso');
|
|
8
|
+
src:url('#{$font-path}#{$font-name}.eot?#iefixcyeaso') format('embedded-opentype'),
|
|
9
|
+
url('#{$font-path}#{$font-name}.woff?cyeaso') format('woff'),
|
|
10
|
+
url('#{$font-path}#{$font-name}.ttf?cyeaso') format('truetype'),
|
|
11
|
+
url('#{$font-path}#{$font-name}.svg?cyeaso#flexi') format('svg');
|
|
12
|
+
font-weight: normal;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
//===============
|
|
2
|
+
// Variables
|
|
3
|
+
//===============
|
|
4
|
+
|
|
5
|
+
$font-path : '../fonts/';
|
|
6
|
+
$font-name : 'flexi';
|
|
7
|
+
$prefix : 'sf';
|
|
8
|
+
|
|
9
|
+
$linkbutton-color : #444 !default;
|
|
10
|
+
$linkbutton-background-color : #eee !default;
|
|
11
|
+
|
|
12
|
+
$icon-border-color : #eee !default;
|
|
13
|
+
|
|
14
|
+
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sass-flexi
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.8.alpha
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ahmad Araj
|
|
@@ -32,9 +32,18 @@ extra_rdoc_files: []
|
|
|
32
32
|
files:
|
|
33
33
|
- lib/sass-flexi.rb
|
|
34
34
|
- stylesheets/_sass-flexi.scss
|
|
35
|
+
- stylesheets/bundle/_flexi.scss
|
|
35
36
|
- stylesheets/bundle/_grid.scss
|
|
36
37
|
- stylesheets/bundle/_normalize.scss
|
|
37
38
|
- stylesheets/bundle/_typography.scss
|
|
39
|
+
- stylesheets/bundle/icon/_color.scss
|
|
40
|
+
- stylesheets/bundle/icon/_core.scss
|
|
41
|
+
- stylesheets/bundle/icon/_extra.scss
|
|
42
|
+
- stylesheets/bundle/icon/_icons.scss
|
|
43
|
+
- stylesheets/bundle/icon/_mixin.scss
|
|
44
|
+
- stylesheets/bundle/icon/_path.scss
|
|
45
|
+
- stylesheets/bundle/icon/_size.scss
|
|
46
|
+
- stylesheets/bundle/icon/_var.scss
|
|
38
47
|
- templates/project/index.html
|
|
39
48
|
- templates/project/manifest.rb
|
|
40
49
|
- templates/project/screen.scss
|