atlas_assets 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
data/Gemfile.lock
CHANGED
@@ -15,6 +15,7 @@ You can style any list by adding the class `.list` to the `ul` or `div` containe
|
|
15
15
|
<li class="list-item">Item 3</li>
|
16
16
|
<li class="list-item">Item 4</li>
|
17
17
|
</ul>
|
18
|
+
<br />
|
18
19
|
|
19
20
|
~~~html
|
20
21
|
<ul class="list">
|
@@ -36,6 +37,7 @@ If you have a link in the list, it will apply a default padding to the links.
|
|
36
37
|
<li class="list-item"><a href="#">Item 3</a></li>
|
37
38
|
<li class="list-item"><a href="#">Item 4</a></li>
|
38
39
|
</ul>
|
40
|
+
<br />
|
39
41
|
|
40
42
|
~~~html
|
41
43
|
<ul class="list">
|
@@ -49,28 +51,21 @@ If you have a link in the list, it will apply a default padding to the links.
|
|
49
51
|
Link Arrow
|
50
52
|
----------
|
51
53
|
|
52
|
-
You can add a
|
54
|
+
You can add a `list-icon` class to automatically flow the icon to the right of the list.
|
53
55
|
|
54
56
|
<ul class="list">
|
55
|
-
<li class="list-item"><a href="#">Item 1<i class="icon-
|
56
|
-
<li class="list-item"><a href="#">Item 2<i class="icon-
|
57
|
-
<li class="list-item"><a href="#">Item 3<i class="icon-
|
58
|
-
<li class="list-item"><a href="#">Item 4<i class="icon-
|
57
|
+
<li class="list-item"><a href="#">Item 1<i class="icon-angle-right list-icon"></i></a></li>
|
58
|
+
<li class="list-item"><a href="#">Item 2<i class="icon-angle-right list-icon"></i></a></li>
|
59
|
+
<li class="list-item"><a href="#">Item 3<i class="icon-angle-right list-icon"></i></a></li>
|
60
|
+
<li class="list-item"><a href="#">Item 4<i class="icon-angle-right list-icon"></i></a></li>
|
59
61
|
</ul>
|
62
|
+
<br />
|
60
63
|
|
61
64
|
~~~html
|
62
65
|
<ul class="list">
|
63
|
-
<li class="list-item">
|
64
|
-
|
65
|
-
|
66
|
-
<li class="list-item">
|
67
|
-
<a href="#">Item 2<i class="icon-arrow-right-2"></i></a>
|
68
|
-
</li>
|
69
|
-
<li class="list-item">
|
70
|
-
<a href="#">Item 3<i class="icon-arrow-right-2"></i></a>
|
71
|
-
</li>
|
72
|
-
<li class="list-item">
|
73
|
-
<a href="#">Item 4<i class="icon-arrow-right-2"></i></a>
|
74
|
-
</li>
|
66
|
+
<li class="list-item"><a href="#">Item 1<i class="icon-angle-right list-icon"></i></a></li>
|
67
|
+
<li class="list-item"><a href="#">Item 2<i class="icon-angle-right list-icon"></i></a></li>
|
68
|
+
<li class="list-item"><a href="#">Item 3<i class="icon-angle-right list-icon"></i></a></li>
|
69
|
+
<li class="list-item"><a href="#">Item 4<i class="icon-angle-right list-icon"></i></a></li>
|
75
70
|
</ul>
|
76
71
|
~~~
|
@@ -14,7 +14,7 @@
|
|
14
14
|
padding: 13px 10px;
|
15
15
|
color: $darker_gray;
|
16
16
|
|
17
|
-
i.icon
|
17
|
+
i.list-icon {
|
18
18
|
float: right;
|
19
19
|
color: $gray;
|
20
20
|
}
|
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
a:hover {
|
24
24
|
color: $blue;
|
25
|
-
i.icon
|
25
|
+
i.list-icon {
|
26
26
|
color: $darker_gray;
|
27
27
|
}
|
28
28
|
}
|
data/lib/atlas_assets/version.rb
CHANGED