atlas_assets 0.5.7 → 0.5.8
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.
- checksums.yaml +8 -8
- data/Gemfile.lock +1 -1
- data/docs/_posts/2013-05-17-lists.md +11 -11
- data/lib/assets/stylesheets/atlas_assets/_lists.scss +6 -3
- data/lib/atlas_assets/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
---
|
|
2
2
|
!binary "U0hBMQ==":
|
|
3
3
|
metadata.gz: !binary |-
|
|
4
|
-
|
|
4
|
+
OTg3ZmQ4MDU3MGFjOTJhYmQ1ZjcxNzQzYjYxOWY4YjIwMDhhZGY2Mw==
|
|
5
5
|
data.tar.gz: !binary |-
|
|
6
|
-
|
|
6
|
+
NDNjYjU4ODhkYzczNjM3ZGNkMDIwYTkwN2FkYzJlYWUwYzU4MjIyNw==
|
|
7
7
|
SHA512:
|
|
8
8
|
metadata.gz: !binary |-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
Y2Y3MTBlZDJmZmJlNWQ0NjU1MmUxZGYxYzQ0MDYxYTc2NWMwOWI5N2M1NGNi
|
|
10
|
+
OGM1NGE4ZmFhNzdjYmViOWUyNGEzZmEwYzI1M2ExOTI1M2UzZjFiM2Y4ZjVj
|
|
11
|
+
Y2MyNTFlOGZhODRkN2I1MDNjMWU1OThlNjAxZmRlOGQwOGI4OWM=
|
|
12
12
|
data.tar.gz: !binary |-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
YTk2YjVhMjc4NTI5ZjdiNDkwNzEyOGQxZTlmZjIwMWMyYTdiNTlhZWE1Mjhk
|
|
14
|
+
NjZmMjE5MTRiYTIwMzE3ZWExOGI2ZDg3NmRjYjg0ZjgzMzRiZDBiMWRkODA3
|
|
15
|
+
MWY4ZDBiNGRjMjFmMGFhMzI0YTU4NGY5NTc2YjhjODk4YmYxNzc=
|
data/Gemfile.lock
CHANGED
|
@@ -184,23 +184,23 @@ For those times when you want a link to occupy the entire list-item tag, **excep
|
|
|
184
184
|
</ul>
|
|
185
185
|
~~~
|
|
186
186
|
|
|
187
|
-
Because the link's width is set with a percentage, this will break on lists with a width of less than about
|
|
187
|
+
Because the link's width is set with a percentage, this will break on lists with a width of less than about 375px. In that case, use `skinny`, as below.
|
|
188
188
|
|
|
189
|
-
<ul class="list list-small" style='width: 200px;'>
|
|
190
|
-
<li class="list-item has-icon-outside-link
|
|
191
|
-
<li class="list-item has-icon-outside-link
|
|
192
|
-
<li class="list-item has-icon-outside-link
|
|
189
|
+
<ul class="list list-small list-skinny" style='width: 200px;'>
|
|
190
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 1</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
191
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 2</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
192
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 3</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
193
193
|
<li class="list-item"><a class='list-padding' href="#">Item 4<i class="icon-angle-right list-icon"></i></a></li>
|
|
194
|
-
<li class="list-item has-icon-outside-link
|
|
194
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 5</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
195
195
|
</ul>
|
|
196
196
|
<br />
|
|
197
197
|
|
|
198
198
|
~~~html
|
|
199
|
-
<ul class="list list-small" style='width: 200px;'>
|
|
200
|
-
<li class="list-item has-icon-outside-link
|
|
201
|
-
<li class="list-item has-icon-outside-link
|
|
202
|
-
<li class="list-item has-icon-outside-link
|
|
199
|
+
<ul class="list list-small list-skinny" style='width: 200px;'>
|
|
200
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 1</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
201
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 2</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
202
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 3</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
203
203
|
<li class="list-item"><a class='list-padding' href="#">Item 4<i class="icon-angle-right list-icon"></i></a></li>
|
|
204
|
-
<li class="list-item has-icon-outside-link
|
|
204
|
+
<li class="list-item has-icon-outside-link"><a class='list-padding' href="#">Item 5</a><i class="icon-trash icn-round list-icon"></i></li>
|
|
205
205
|
</ul>
|
|
206
206
|
~~~
|
|
@@ -4,6 +4,9 @@
|
|
|
4
4
|
padding: 0;
|
|
5
5
|
border: 1px solid $lighter_gray;
|
|
6
6
|
@include border-radius($defaultBorderRadius);
|
|
7
|
+
a {
|
|
8
|
+
text-decoration: none;
|
|
9
|
+
}
|
|
7
10
|
}
|
|
8
11
|
|
|
9
12
|
.list .list-item {
|
|
@@ -82,7 +85,7 @@ _________________________________________________________________ */
|
|
|
82
85
|
.list .has-icon-outside-link {
|
|
83
86
|
padding-right: 8px;
|
|
84
87
|
a.list-padding, div.list-padding {
|
|
85
|
-
width:
|
|
88
|
+
width: 87%; // works till about 375px
|
|
86
89
|
display: inline-block;
|
|
87
90
|
}
|
|
88
91
|
.list-icon {
|
|
@@ -94,8 +97,8 @@ _________________________________________________________________ */
|
|
|
94
97
|
}
|
|
95
98
|
}
|
|
96
99
|
|
|
97
|
-
// for lists with width smaller than
|
|
98
|
-
.list .has-icon-outside-link
|
|
100
|
+
// for lists with width smaller than 375px
|
|
101
|
+
.list.list-skinny .has-icon-outside-link {
|
|
99
102
|
a.list-padding, div.list-padding {
|
|
100
103
|
width: 70%;
|
|
101
104
|
}
|
data/lib/atlas_assets/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: atlas_assets
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.8
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Rune Skjoldborg Madsen
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-02-
|
|
11
|
+
date: 2014-02-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: handlebars_assets
|