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
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
data.tar.gz:
|
|
4
|
-
metadata.gz:
|
|
3
|
+
data.tar.gz: df55a5905828dd413432b41c8cc14f60e34f42e9
|
|
4
|
+
metadata.gz: d58f2cba1481609c19b1bebd8d468d5b5ffb667b
|
|
5
5
|
SHA512:
|
|
6
|
-
data.tar.gz:
|
|
7
|
-
metadata.gz:
|
|
6
|
+
data.tar.gz: 443da58ee53ef8f01f147f1bcfebee827240e012a9c058876354fcd50ac7522d397812b4885ec4247003535b2016e3071579d3a032a7877fd692dbbdd988338b
|
|
7
|
+
metadata.gz: 9441b194bd75477d07457cd7e2d9e84063f159bc470bbe94ceaab086e65d6517a52f56e78f022b8a7e12cb7a9cfb950e7769e2bb267041079b6a4c6faf634171
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/* Icon colors
|
|
2
|
+
=================*/
|
|
3
|
+
|
|
4
|
+
.white{
|
|
5
|
+
color: white;
|
|
6
|
+
}
|
|
7
|
+
.blue{
|
|
8
|
+
color: blue;
|
|
9
|
+
}
|
|
10
|
+
.red{
|
|
11
|
+
color: red;
|
|
12
|
+
}
|
|
13
|
+
.orange{
|
|
14
|
+
color: orange;
|
|
15
|
+
}
|
|
16
|
+
.yellow{
|
|
17
|
+
color: yellow;
|
|
18
|
+
}
|
|
19
|
+
.pink{
|
|
20
|
+
color: pink;
|
|
21
|
+
}
|
|
22
|
+
.brown{
|
|
23
|
+
color: black;
|
|
24
|
+
}
|
|
25
|
+
.cyan{
|
|
26
|
+
color: cyan;
|
|
27
|
+
}
|
|
28
|
+
.magenta{
|
|
29
|
+
color: magenta;
|
|
30
|
+
}
|
|
31
|
+
.purple{
|
|
32
|
+
color:purple;
|
|
33
|
+
}
|
|
34
|
+
.green{
|
|
35
|
+
color: green;
|
|
36
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
/* icon Prototype
|
|
3
|
+
=============*/
|
|
4
|
+
|
|
5
|
+
.#{$prefix}{
|
|
6
|
+
font-family: 'flexi';
|
|
7
|
+
font-style: normal;
|
|
8
|
+
font-weight: normal;
|
|
9
|
+
font-variant: normal;
|
|
10
|
+
line-height: 1;
|
|
11
|
+
text-transform: none;
|
|
12
|
+
|
|
13
|
+
/* Better Font Rendering
|
|
14
|
+
=========== */
|
|
15
|
+
-webkit-font-smoothing: antialiased;
|
|
16
|
+
-moz-osx-font-smoothing: grayscale;
|
|
17
|
+
|
|
18
|
+
margin-right: 5px;
|
|
19
|
+
padding: 8px;
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/* Icon Link
|
|
2
|
+
=================*/
|
|
3
|
+
.linkbutton{
|
|
4
|
+
background-color: $linkbutton-background-color;
|
|
5
|
+
color: $linkbutton-color;
|
|
6
|
+
@include radius(100%);
|
|
7
|
+
|
|
8
|
+
}
|
|
9
|
+
.linkbutton:hover{
|
|
10
|
+
background-color: darken($linkbutton-background-color, 5%);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* Icon Flipping
|
|
14
|
+
=================*/
|
|
15
|
+
|
|
16
|
+
.flipped-h {
|
|
17
|
+
@include scale(-1,1);
|
|
18
|
+
}
|
|
19
|
+
.flipped-v {
|
|
20
|
+
@include scale(1,-1);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
/* Icon Rotating
|
|
25
|
+
=================*/
|
|
26
|
+
|
|
27
|
+
.rotated-right {
|
|
28
|
+
@include rotate(90deg);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rotated-down {
|
|
32
|
+
@include rotate(180deg);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.rotated-left {
|
|
36
|
+
@include rotate(-90deg);
|
|
37
|
+
}
|