atlas_assets 0.5.7 → 0.5.8
Sign up to get free protection for your applications and to get access to all the features.
- 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
|