mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Style icons section

Browse Source
This commit is contained in:
Cole Bemis 2017-02-26 15:15:28 -08:00
parent 3f00ee3ef5
commit ad8509dd2f
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
_includes/icons.html
View File

@ -1,8 +1,10 @@
<section> <section class="section icons">
{% for icon in site.data.icons %} <div class="container icons-container">
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %} {% for icon in site.data.icons %}
<div class="feather-icon"> {% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
{% include_relative {{ icon_path }} %} <div class="feather-icon">
</div> {% include_relative {{ icon_path }} %}
{% endfor %} </div>
{% endfor %}
</div>
</section> </section>

11
style.scss
View File

@ -33,6 +33,7 @@ a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 4rem 0;
} }
.container { .container {
@ -59,7 +60,6 @@ a {
/* Header */ /* Header */
.header { .header {
padding: 4rem 0;
border-bottom: 1px solid black; border-bottom: 1px solid black;
text-align: center; text-align: center;
@ -114,10 +114,17 @@ a {
/* Icons */ /* Icons */
.icons-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.feather-icon { .feather-icon {
display: inline-block; display: inline-block;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
margin: 1rem;
stroke-width: 2px; stroke-width: 2px;
> svg { > svg {
@ -131,7 +138,7 @@ a {
/* Request */ /* Request */
.request { .request {
padding: 4rem 0; background-color: lightgray;
} }
.request-container { .request-container {