fontcustomtoadstool 0.1.3.1 → 0.1.3.2
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/fontcustom/templates/fontcustom.scss +22 -46
- data/lib/fontcustom/version.rb +1 -1
- metadata +1 -1
|
@@ -1,67 +1,43 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Font Custom - icon webfonts made simple
|
|
2
|
+
// ------------------------------------------------------------------
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
// Placeholder selector to manage font family rules
|
|
5
|
+
%fontcustom {
|
|
4
6
|
font-family: "<%= @name %>";
|
|
5
|
-
src: url("/fonts/<%= @path %>.eot?#iefix") format("embedded-opentype"),
|
|
6
|
-
url("/fonts/<%= @path %>.woff") format("woff"),
|
|
7
|
-
url("/fonts/<%= @path %>.ttf") format("truetype"),
|
|
8
|
-
url("/fonts/<%= @path %>.svg#<%= @name %>") format("svg");
|
|
9
7
|
font-weight: normal;
|
|
10
8
|
font-style: normal;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
text-decoration: inherit;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
// Font-face rules
|
|
14
|
+
@font-face {
|
|
15
15
|
font-family: "<%= @name %>";
|
|
16
|
+
src: url("/fonts/<%= @path %>.eot?#iefix") format("embedded-opentype"),
|
|
17
|
+
url("/fonts/<%= @path %>.woff") format("woff"),
|
|
18
|
+
url("/fonts/<%= @path %>.ttf") format("truetype"),
|
|
19
|
+
url("/fonts/<%= @path %>.svg#<%= @name %>") format("svg");
|
|
16
20
|
font-weight: normal;
|
|
17
21
|
font-style: normal;
|
|
18
|
-
display: inline-block;
|
|
19
|
-
text-decoration: inherit;
|
|
20
22
|
}
|
|
21
23
|
|
|
24
|
+
// `a` tag supporting rules
|
|
22
25
|
a [class^="icon-"], a [class*=" icon-"] {
|
|
23
26
|
display: inline-block;
|
|
24
27
|
text-decoration: inherit;
|
|
25
28
|
}
|
|
26
29
|
|
|
30
|
+
// How to use
|
|
31
|
+
// ------------------------------------------------------------------
|
|
32
|
+
// Below are generated placeholder class that can be easily extended throughout your project. We at the Toadstool
|
|
33
|
+
// team believe that CSS rules should be extended in your CSS, not the DOM.
|
|
27
34
|
|
|
28
|
-
|
|
29
|
-
//
|
|
30
|
-
//
|
|
31
|
-
//
|
|
32
|
-
// font-size: 1.333em;
|
|
33
|
-
// }
|
|
34
|
-
|
|
35
|
-
// * keeps button heights with and without icons the same */
|
|
36
|
-
// .btn [class^="icon-"], .btn [class*=" icon-"] {
|
|
37
|
-
// line-height: 0.9em;
|
|
38
|
-
// }
|
|
39
|
-
|
|
40
|
-
// li [class^="icon-"], li [class*=" icon-"] {
|
|
41
|
-
// display: inline-block;
|
|
42
|
-
// width: 1.25em;
|
|
43
|
-
// text-align: center;
|
|
44
|
-
// }
|
|
45
|
-
|
|
46
|
-
// * 1.5 increased font size for icon-large * 1.25 width */
|
|
47
|
-
// li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
|
|
48
|
-
// width: 1.875em;
|
|
49
|
-
// }
|
|
50
|
-
|
|
51
|
-
// li[class^="icon-"], li[class*=" icon-"] {
|
|
52
|
-
// margin-left: 0;
|
|
53
|
-
// list-style-type: none;
|
|
54
|
-
// }
|
|
55
|
-
|
|
56
|
-
// li[class^="icon-"]:before, li[class*=" icon-"]:before {
|
|
57
|
-
// text-indent: -2em;
|
|
58
|
-
// text-align: center;
|
|
59
|
-
// }
|
|
60
|
-
|
|
61
|
-
// li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
|
|
62
|
-
// text-indent: -1.333em;
|
|
35
|
+
// To use, from your CSS selector, simply extend one of the following rules like so:
|
|
36
|
+
// .github {
|
|
37
|
+
// foo: bar;
|
|
38
|
+
// @extend %icon-github;
|
|
63
39
|
// }
|
|
64
40
|
|
|
65
|
-
//
|
|
41
|
+
// Icon classes
|
|
66
42
|
<% @classes.each_with_index do |name, index| %>
|
|
67
43
|
%icon-<%= name %>:before { content: "\<%= (61696+index).to_s(16) %>"; @extend %fontcustom; }<% end %>
|
data/lib/fontcustom/version.rb
CHANGED