gem_liux1 0.1.8 → 0.1.9
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.
- data/lib/gem_liux1/version.rb +1 -1
- data/lib/gem_liux1.rb +1 -1
- data/stylesheets/_mixin-css3.scss +120 -0
- metadata +4 -4
- data/templates/a.scss +0 -0
data/lib/gem_liux1/version.rb
CHANGED
data/lib/gem_liux1.rb
CHANGED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
//Բ��
|
|
2
|
+
@mixin borderRadius($param){
|
|
3
|
+
-webkit-border-radius: $param;
|
|
4
|
+
-moz-border-radius: $param;
|
|
5
|
+
border-radius: $param;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
//���Խ���
|
|
9
|
+
@mixin gra($begin,$end){
|
|
10
|
+
zoom: 1;
|
|
11
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from($begin), to($end));
|
|
12
|
+
background-image: -webkit-linear-gradient(top, $begin, $end);
|
|
13
|
+
background-image: -moz-linear-gradient(top, $begin, $end);
|
|
14
|
+
background-image: -ms-linear-gradient(top, $begin, $end);
|
|
15
|
+
background-image: -o-linear-gradient(top, $begin, $end);
|
|
16
|
+
background-image: linear-gradient(top, $begin, $end);
|
|
17
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#{ie-hex-str($begin)}", EndColorStr="#{ie-hex-str($end)}");
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
//����ɫ��
|
|
21
|
+
@mixin opacityColor($color,$trans){
|
|
22
|
+
$rgba: rgba($color, $trans);
|
|
23
|
+
background: $rgba;
|
|
24
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#{ie-hex-str($rgba)}", EndColorStr="#{ie-hex-str($rgba)}");
|
|
25
|
+
.ie9 &{
|
|
26
|
+
filter: none;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
//png24����ͼƬ
|
|
31
|
+
@mixin opacityImage($path){
|
|
32
|
+
_background: none;
|
|
33
|
+
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="#{$path}");
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
//IE6����gif����ͼƬ
|
|
37
|
+
@mixin opacityGif($path){
|
|
38
|
+
_background-image: url("#{$path}");
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
//����ͼƬ����
|
|
42
|
+
@mixin stretchedImage($path){
|
|
43
|
+
background-size: 100% 100%;
|
|
44
|
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="#{$path}", sizingMethod="scale");
|
|
45
|
+
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="#{$path}", sizingMethod="scale");
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
//��ת
|
|
49
|
+
@mixin rotate($degrees){
|
|
50
|
+
zoom: 1;
|
|
51
|
+
//-ms-filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)});
|
|
52
|
+
//filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)});
|
|
53
|
+
-moz-transform: rotate($degrees);
|
|
54
|
+
-o-transform: rotate($degrees);
|
|
55
|
+
-webkit-transform: rotate($degrees);
|
|
56
|
+
-ms-transform: rotate($degrees);
|
|
57
|
+
transform: rotate($degrees);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
//��ת
|
|
61
|
+
@mixin scale($x, $y){
|
|
62
|
+
zoom: 1;
|
|
63
|
+
-moz-transform: scale($x, $y);
|
|
64
|
+
-o-transform: scale($x, $y);
|
|
65
|
+
-webkit-transform: scale($x, $y);
|
|
66
|
+
-ms-transform: scale($x, $y);
|
|
67
|
+
transform: scale($x, $y);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@mixin flexbox(){
|
|
71
|
+
display: -webkit-box;
|
|
72
|
+
display: -moz-box;
|
|
73
|
+
display: -ms-flexbox;
|
|
74
|
+
display: box;
|
|
75
|
+
box-orient: horizontal;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin flexboxChild(){
|
|
79
|
+
-webkit-box-flex: 1;
|
|
80
|
+
-moz-box-flex: 1;
|
|
81
|
+
-ms-flex: 1;
|
|
82
|
+
box-flex: 1;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@mixin boxShadow($param){
|
|
86
|
+
-moz-box-shadow: $param;
|
|
87
|
+
-webkit-box-shadow: $param;
|
|
88
|
+
box-shadow: $param;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin boxShadowParameters($xNum,$yNum,$blurNum,$color,$style...){
|
|
92
|
+
-webkit-box-shadow: $xNum $yNum $blurNum $color $style;
|
|
93
|
+
-moz-box-shadow: $xNum $yNum $blurNum $color $style;
|
|
94
|
+
-ms-box-shadow: $xNum $yNum $blurNum $color $style;
|
|
95
|
+
-o-box-shadow: $xNum $yNum $blurNum $color $style;
|
|
96
|
+
box-shadow: $xNum $yNum $blurNum $color $style;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
@mixin hack($name, $value){
|
|
100
|
+
-moz-#{$name}: $value;
|
|
101
|
+
-webkit-#{$name}: $value;
|
|
102
|
+
#{$name}: $value;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@mixin horizontalCenter{
|
|
106
|
+
@include hack(box-align, center);
|
|
107
|
+
@include hack(justify-content, center);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@mixin verticalCenter{
|
|
111
|
+
@include hack(box-pack,center);
|
|
112
|
+
@include hack(align-items,center);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@mixin setTransition($style,$time,$function:linear,$delay:0s){
|
|
116
|
+
-webkit-transition:$style $time $function $delay;
|
|
117
|
+
-moz-transition:$style $time $function $delay;
|
|
118
|
+
-o-transition:$style $time $function $delay;
|
|
119
|
+
transition:$style $time $function $delay;
|
|
120
|
+
}
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: gem_liux1
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 9
|
|
5
5
|
prerelease:
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 1
|
|
9
|
-
-
|
|
10
|
-
version: 0.1.
|
|
9
|
+
- 9
|
|
10
|
+
version: 0.1.9
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- a
|
|
@@ -58,7 +58,7 @@ files:
|
|
|
58
58
|
- lib/gem_liux1.rb
|
|
59
59
|
- lib/gem_liux1/v1.rb
|
|
60
60
|
- lib/gem_liux1/version.rb
|
|
61
|
-
-
|
|
61
|
+
- stylesheets/_mixin-css3.scss
|
|
62
62
|
homepage: http://a.com
|
|
63
63
|
licenses:
|
|
64
64
|
- MIT
|
data/templates/a.scss
DELETED
|
File without changes
|