mirror of
https://github.com/feathericons/feather.git
synced 2023-08-10 21:13:24 +03:00
Style icons section
This commit is contained in:
parent
3f00ee3ef5
commit
ad8509dd2f
|
@ -1,8 +1,10 @@
|
||||||
<section>
|
<section class="section icons">
|
||||||
|
<div class="container icons-container">
|
||||||
{% for icon in site.data.icons %}
|
{% for icon in site.data.icons %}
|
||||||
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
|
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
|
||||||
<div class="feather-icon">
|
<div class="feather-icon">
|
||||||
{% include_relative {{ icon_path }} %}
|
{% include_relative {{ icon_path }} %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
11
style.scss
11
style.scss
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user