atypical-sass 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/atypical-sass.gemspec +1 -1
- data/lib/atypical-sass.rb +1 -1
- data/stylesheets/atypical/_typical.scss +52 -1
- metadata +1 -1
data/atypical-sass.gemspec
CHANGED
data/lib/atypical-sass.rb
CHANGED
@@ -1 +1,52 @@
|
|
1
|
-
|
1
|
+
$font-base:Arial,sans-serif;
|
2
|
+
$font-icon:"icons",$font-base;
|
3
|
+
|
4
|
+
@function pxtoem($px,$basepx:16){
|
5
|
+
@return (($px/($px*0+1))/$basepx)+0em;
|
6
|
+
}
|
7
|
+
|
8
|
+
%icon{
|
9
|
+
@include box-sizing(content-box);
|
10
|
+
display:inline-block;
|
11
|
+
line-height:1;
|
12
|
+
text-decoration:none;
|
13
|
+
|
14
|
+
&:before{
|
15
|
+
content:attr(data-icon);
|
16
|
+
font:{
|
17
|
+
family:$font-icon;
|
18
|
+
style:normal;
|
19
|
+
variant:normal;
|
20
|
+
weight:normal;
|
21
|
+
}
|
22
|
+
speak:none;
|
23
|
+
text-align:center;
|
24
|
+
vertical-align:middle;
|
25
|
+
}
|
26
|
+
|
27
|
+
span{
|
28
|
+
font:0/0 a;
|
29
|
+
|
30
|
+
&:not([href]){
|
31
|
+
display:block;
|
32
|
+
overflow:hidden;
|
33
|
+
width:1px;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
* html &{
|
38
|
+
width:auto;
|
39
|
+
|
40
|
+
span{
|
41
|
+
font:1em/1 $font-base;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
* + html &{
|
46
|
+
width:auto;
|
47
|
+
|
48
|
+
span{
|
49
|
+
font:1em/1 $font-base;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
}
|