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

4
_includes/icons.html
View File

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

11
style.scss
View File

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