atlas_assets 0.3.0 → 0.3.1
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/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