Skip to content

Commit 475e1a0

Browse files
author
mrmrs
committed
Update components
1 parent 7b50025 commit 475e1a0

File tree

1 file changed

+102
-100
lines changed

1 file changed

+102
-100
lines changed

‎components/lists/hashtags/index.html‎

Lines changed: 102 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -25,56 +25,57 @@
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
2727
<section class="bg-washed-blue pa2 pa4-ns">
28-
<article class="ba b--black-10 br2 bg-white pa4 mw6 center">
29-
<div>
30-
<h4 class="f5 fw4 black-60 dib v-mid mv0 mr3">Hashtags</h4>
31-
<a href="" class="f6 no-underline underline-hover blue dib v-mid mb0">Edit</a>
32-
</div>
33-
<ul class="list f6 pl0 mt3 mb0">
34-
<li class="pv2">
35-
<a href="#" class="link blue lh-title">
36-
<span class="fw7 underline-hover">#AmazingSerena</span>
37-
<span class="db black-60">134.5k mentions</span>
38-
</a>
39-
</li>
40-
<li class="pv2">
41-
<a href="#" class="link blue lh-title">
42-
<span class="fw7 underline-hover">#womenintech</span>
43-
<span class="db black-60">11k mentions</span>
44-
</a>
45-
</li>
46-
<li class="pv2">
47-
<a href="#" class="link blue lh-title">
48-
<span class="fw7 underline-hover">#SenWarrenRoastsWellsFargo</span>
49-
<span class="db black-60">99k mentions</span>
50-
</a>
51-
</li>
52-
<li class="pv2">
53-
<a href="#" class="link blue lh-title">
54-
<span class="fw7 underline-hover">#blackgirlmagic</span>
55-
<span class="db black-60">256.5k mentions</span>
56-
</a>
57-
</li>
58-
<li class="pv2">
59-
<a href="#" class="link blue lh-title">
60-
<span class="fw7 underline-hover">#becauseofthemwecan</span>
61-
<span class="db black-60">4.1k mentions</span>
62-
</a>
63-
</li>
64-
<li class="pv2">
65-
<a href="#" class="link blue lh-title">
66-
<span class="fw7 underline-hover">#gillscottheron</span>
67-
<span class="db black-60">20.11k mentions</span>
68-
</a>
69-
</li>
70-
<li class="pv2">
71-
<a href="#" class="link blue lh-title">
72-
<span class="fw7 underline-hover db">#trending</span>
73-
<span class="db black-60">4.1k mentions</span>
74-
</a>
75-
</li>
76-
</ul>
77-
</article>
28+
<article class="ba b--black-10 br2 bg-white pa4 mw6 center">
29+
<div>
30+
<h4 class="f5 fw4 black-60 dib v-mid mv0 mr3">Hashtags</h4>
31+
<a href="" class="f6 no-underline underline-hover blue dib v-mid mb0">Edit</a>
32+
</div>
33+
<ul class="list f6 pl0 mt3 mb0">
34+
<li class="pv2">
35+
<a href="#" class="link blue lh-title">
36+
<span class="fw7 underline-hover">#AmazingSerena</span>
37+
<span class="db black-60">134.5k mentions</span>
38+
</a>
39+
</li>
40+
<li class="pv2">
41+
<a href="#" class="link blue lh-title">
42+
<span class="fw7 underline-hover">#womenintech</span>
43+
<span class="db black-60">11k mentions</span>
44+
</a>
45+
</li>
46+
<li class="pv2">
47+
<a href="#" class="link blue lh-title">
48+
<span class="fw7 underline-hover">#SenWarrenRoastsWellsFargo</span>
49+
<span class="db black-60">99k mentions</span>
50+
</a>
51+
</li>
52+
<li class="pv2">
53+
<a href="#" class="link blue lh-title">
54+
<span class="fw7 underline-hover">#blackgirlmagic</span>
55+
<span class="db black-60">256.5k mentions</span>
56+
</a>
57+
</li>
58+
<li class="pv2">
59+
<a href="#" class="link blue lh-title">
60+
<span class="fw7 underline-hover">#becauseofthemwecan</span>
61+
<span class="db black-60">4.1k mentions</span>
62+
</a>
63+
</li>
64+
<li class="pv2">
65+
<a href="#" class="link blue lh-title">
66+
<span class="fw7 underline-hover">#gillscottheron</span>
67+
<span class="db black-60">20.11k mentions</span>
68+
</a>
69+
</li>
70+
<li class="pv2">
71+
<a href="#" class="link blue lh-title">
72+
<span class="fw7 underline-hover db">#trending</span>
73+
<span class="db black-60">4.1k mentions</span>
74+
</a>
75+
</li>
76+
</ul>
77+
</article>
78+
</section>
7879

7980
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
8081
<h1 class="f4 f3-ns mt4">Hashtags</h1>
@@ -84,56 +85,57 @@ <h2 class="f5">HTML</h2>
8485
<p class="f5 black-70"></p>
8586
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
8687
&lt;section class=&quot;bg-washed-blue pa2 pa4-ns&quot;&gt;
87-
&lt;article class=&quot;ba b--black-10 br2 bg-white pa4 mw6 center&quot;&gt;
88-
&lt;div&gt;
89-
&lt;h4 class=&quot;f5 fw4 black-60 dib v-mid mv0 mr3&quot;&gt;Hashtags&lt;/h4&gt;
90-
&lt;a href=&quot;&quot; class=&quot;f6 no-underline underline-hover blue dib v-mid mb0&quot;&gt;Edit&lt;/a&gt;
91-
&lt;/div&gt;
92-
&lt;ul class=&quot;list f6 pl0 mt3 mb0&quot;&gt;
93-
&lt;li class=&quot;pv2&quot;&gt;
94-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
95-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#AmazingSerena&lt;/span&gt;
96-
&lt;span class=&quot;db black-60&quot;&gt;134.5k mentions&lt;/span&gt;
97-
&lt;/a&gt;
98-
&lt;/li&gt;
99-
&lt;li class=&quot;pv2&quot;&gt;
100-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
101-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#womenintech&lt;/span&gt;
102-
&lt;span class=&quot;db black-60&quot;&gt;11k mentions&lt;/span&gt;
103-
&lt;/a&gt;
104-
&lt;/li&gt;
105-
&lt;li class=&quot;pv2&quot;&gt;
106-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
107-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#SenWarrenRoastsWellsFargo&lt;/span&gt;
108-
&lt;span class=&quot;db black-60&quot;&gt;99k mentions&lt;/span&gt;
109-
&lt;/a&gt;
110-
&lt;/li&gt;
111-
&lt;li class=&quot;pv2&quot;&gt;
112-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
113-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#blackgirlmagic&lt;/span&gt;
114-
&lt;span class=&quot;db black-60&quot;&gt;256.5k mentions&lt;/span&gt;
115-
&lt;/a&gt;
116-
&lt;/li&gt;
117-
&lt;li class=&quot;pv2&quot;&gt;
118-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
119-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#becauseofthemwecan&lt;/span&gt;
120-
&lt;span class=&quot;db black-60&quot;&gt;4.1k mentions&lt;/span&gt;
121-
&lt;/a&gt;
122-
&lt;/li&gt;
123-
&lt;li class=&quot;pv2&quot;&gt;
124-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
125-
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#gillscottheron&lt;/span&gt;
126-
&lt;span class=&quot;db black-60&quot;&gt;20.11k mentions&lt;/span&gt;
127-
&lt;/a&gt;
128-
&lt;/li&gt;
129-
&lt;li class=&quot;pv2&quot;&gt;
130-
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
131-
&lt;span class=&quot;fw7 underline-hover db&quot;&gt;#trending&lt;/span&gt;
132-
&lt;span class=&quot;db black-60&quot;&gt;4.1k mentions&lt;/span&gt;
133-
&lt;/a&gt;
134-
&lt;/li&gt;
135-
&lt;/ul&gt;
136-
&lt;/article&gt;
88+
&lt;article class=&quot;ba b--black-10 br2 bg-white pa4 mw6 center&quot;&gt;
89+
&lt;div&gt;
90+
&lt;h4 class=&quot;f5 fw4 black-60 dib v-mid mv0 mr3&quot;&gt;Hashtags&lt;/h4&gt;
91+
&lt;a href=&quot;&quot; class=&quot;f6 no-underline underline-hover blue dib v-mid mb0&quot;&gt;Edit&lt;/a&gt;
92+
&lt;/div&gt;
93+
&lt;ul class=&quot;list f6 pl0 mt3 mb0&quot;&gt;
94+
&lt;li class=&quot;pv2&quot;&gt;
95+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
96+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#AmazingSerena&lt;/span&gt;
97+
&lt;span class=&quot;db black-60&quot;&gt;134.5k mentions&lt;/span&gt;
98+
&lt;/a&gt;
99+
&lt;/li&gt;
100+
&lt;li class=&quot;pv2&quot;&gt;
101+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
102+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#womenintech&lt;/span&gt;
103+
&lt;span class=&quot;db black-60&quot;&gt;11k mentions&lt;/span&gt;
104+
&lt;/a&gt;
105+
&lt;/li&gt;
106+
&lt;li class=&quot;pv2&quot;&gt;
107+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
108+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#SenWarrenRoastsWellsFargo&lt;/span&gt;
109+
&lt;span class=&quot;db black-60&quot;&gt;99k mentions&lt;/span&gt;
110+
&lt;/a&gt;
111+
&lt;/li&gt;
112+
&lt;li class=&quot;pv2&quot;&gt;
113+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
114+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#blackgirlmagic&lt;/span&gt;
115+
&lt;span class=&quot;db black-60&quot;&gt;256.5k mentions&lt;/span&gt;
116+
&lt;/a&gt;
117+
&lt;/li&gt;
118+
&lt;li class=&quot;pv2&quot;&gt;
119+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
120+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#becauseofthemwecan&lt;/span&gt;
121+
&lt;span class=&quot;db black-60&quot;&gt;4.1k mentions&lt;/span&gt;
122+
&lt;/a&gt;
123+
&lt;/li&gt;
124+
&lt;li class=&quot;pv2&quot;&gt;
125+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
126+
&lt;span class=&quot;fw7 underline-hover&quot;&gt;#gillscottheron&lt;/span&gt;
127+
&lt;span class=&quot;db black-60&quot;&gt;20.11k mentions&lt;/span&gt;
128+
&lt;/a&gt;
129+
&lt;/li&gt;
130+
&lt;li class=&quot;pv2&quot;&gt;
131+
&lt;a href=&quot;#&quot; class=&quot;link blue lh-title&quot;&gt;
132+
&lt;span class=&quot;fw7 underline-hover db&quot;&gt;#trending&lt;/span&gt;
133+
&lt;span class=&quot;db black-60&quot;&gt;4.1k mentions&lt;/span&gt;
134+
&lt;/a&gt;
135+
&lt;/li&gt;
136+
&lt;/ul&gt;
137+
&lt;/article&gt;
138+
&lt;/section&gt;
137139

138140
</pre>
139141
</div>

0 commit comments

Comments
 (0)