mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-12 17:34:01 +02:00
🎉 各種アイコンを追加
This commit is contained in:
BcRikko
163
css/nes.css
163
css/nes.css
@@ -640,6 +640,7 @@ button,
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 1rem 1.5rem;
|
padding: 1rem 1.5rem;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
box-shadow: 0 -4px #fff, 0 -8px #212529, 4px 0 #fff, 4px -4px #212529, 8px 0 #212529, 0 4px #fff, 0 8px #212529, -4px 0 #fff, -4px 4px #212529, -8px 0 #212529, -4px -4px #212529, 4px 4px #212529;
|
box-shadow: 0 -4px #fff, 0 -8px #212529, 4px 0 #fff, 4px -4px #212529, 8px 0 #212529, 0 4px #fff, 0 8px #212529, -4px 0 #fff, -4px 4px #212529, -8px 0 #212529, -4px -4px #212529, 4px 4px #212529;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -652,10 +653,6 @@ button,
|
|||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
.balloon.from-left {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.balloon.from-left::before, .balloon.from-left::after {
|
.balloon.from-left::before, .balloon.from-left::after {
|
||||||
left: 2rem;
|
left: 2rem;
|
||||||
}
|
}
|
||||||
@@ -699,4 +696,162 @@ button,
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-shadow: -4px 0 #212529, 4px 0 #212529, 4px 4px #fff, 0 4px #212529, 8px 4px #212529, 4px 8px #212529, 8px 8px #212529;
|
box-shadow: -4px 0 #212529, 4px 0 #212529, 4px 4px #fff, 0 4px #212529, 8px 4px #212529, 4px 8px #212529, 8px 8px #212529;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon::before {
|
||||||
|
position: absolute;
|
||||||
|
top: -2px;
|
||||||
|
left: -2px;
|
||||||
|
display: block;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
content: "";
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.heart::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 6px 4px #333,8px 4px #333,10px 4px #333,22px 4px #333,24px 4px #333,26px 4px #333,4px 6px #333,6px 6px #f11416,8px 6px #f11416,10px 6px #f11416,12px 6px #333,20px 6px #333,22px 6px #f11416,24px 6px #f11416,26px 6px #831200,28px 6px #333,2px 8px #333,4px 8px #f11416,10px 8px #f11416,12px 8px #f11416,14px 8px #333,18px 8px #333,20px 8px #f11416,22px 8px #f11416,24px 8px #f11416,26px 8px #f11416,28px 8px #831200,30px 8px #333,2px 10px #333,4px 10px #f11416,8px 10px #f11416,10px 10px #f11416,12px 10px #f11416,14px 10px #f11416,16px 10px #333,18px 10px #f11416,20px 10px #f11416,22px 10px #f11416,24px 10px #f11416,26px 10px #f11416,28px 10px #831200,30px 10px #333,2px 12px #333,4px 12px #f11416,6px 12px #f11416,8px 12px #f11416,10px 12px #f11416,12px 12px #f11416,14px 12px #f11416,16px 12px #f11416,18px 12px #f11416,20px 12px #f11416,22px 12px #f11416,24px 12px #f11416,26px 12px #f11416,28px 12px #831200,30px 12px #333,2px 14px #333,4px 14px #f11416,6px 14px #f11416,8px 14px #f11416,10px 14px #f11416,12px 14px #f11416,14px 14px #f11416,16px 14px #f11416,18px 14px #f11416,20px 14px #f11416,22px 14px #f11416,24px 14px #f11416,26px 14px #f11416,28px 14px #831200,30px 14px #333,2px 16px #333,4px 16px #f11416,6px 16px #f11416,8px 16px #f11416,10px 16px #f11416,12px 16px #f11416,14px 16px #f11416,16px 16px #f11416,18px 16px #f11416,20px 16px #f11416,22px 16px #f11416,24px 16px #f11416,26px 16px #f11416,28px 16px #831200,30px 16px #333,4px 18px #333,6px 18px #f11416,8px 18px #f11416,10px 18px #f11416,12px 18px #f11416,14px 18px #f11416,16px 18px #f11416,18px 18px #f11416,20px 18px #f11416,22px 18px #f11416,24px 18px #f11416,26px 18px #831200,28px 18px #333,6px 20px #333,8px 20px #f11416,10px 20px #f11416,12px 20px #f11416,14px 20px #f11416,16px 20px #f11416,18px 20px #f11416,20px 20px #f11416,22px 20px #f11416,24px 20px #831200,26px 20px #333,8px 22px #333,10px 22px #f11416,12px 22px #f11416,14px 22px #f11416,16px 22px #f11416,18px 22px #f11416,20px 22px #f11416,22px 22px #831200,24px 22px #333,10px 24px #333,12px 24px #f11416,14px 24px #f11416,16px 24px #f11416,18px 24px #f11416,20px 24px #831200,22px 24px #333,12px 26px #333,14px 26px #f11416,16px 26px #f11416,18px 26px #831200,20px 26px #333,14px 28px #333,16px 28px #831200,18px 28px #333,16px 30px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.star::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 16px 2px #333,14px 4px #333,16px 4px #ebe517,18px 4px #333,14px 6px #333,16px 6px #ebe517,18px 6px #333,12px 8px #333,14px 8px #ebe517,16px 8px #ebe517,18px 8px #ebe517,20px 8px #333,12px 10px #333,18px 10px #ebe517,20px 10px #333,2px 12px #333,4px 12px #333,6px 12px #333,8px 12px #333,10px 12px #333,12px 12px #333,16px 12px #ebe517,18px 12px #ebe517,20px 12px #ebe517,22px 12px #333,24px 12px #333,26px 12px #333,28px 12px #333,30px 12px #333,2px 14px #333,4px 14px #ebe517,6px 14px #ebe517,8px 14px #ebe517,14px 14px #ebe517,16px 14px #ebe517,18px 14px #ebe517,20px 14px #ebe517,22px 14px #ebe517,24px 14px #ebe517,26px 14px #ebe517,28px 14px #ebe517,30px 14px #333,4px 16px #333,6px 16px #ebe517,8px 16px #ebe517,12px 16px #ebe517,14px 16px #ebe517,16px 16px #ebe517,18px 16px #ebe517,20px 16px #ebe517,22px 16px #ebe517,24px 16px #ebe517,26px 16px #f59f54,28px 16px #333,6px 18px #333,8px 18px #ebe517,10px 18px #ebe517,12px 18px #ebe517,14px 18px #ebe517,16px 18px #ebe517,18px 18px #ebe517,20px 18px #ebe517,22px 18px #f59f54,24px 18px #f59f54,26px 18px #333,8px 20px #333,10px 20px #ebe517,12px 20px #ebe517,14px 20px #ebe517,16px 20px #ebe517,18px 20px #ebe517,20px 20px #ebe517,22px 20px #ebe517,24px 20px #333,6px 22px #333,8px 22px #ebe517,10px 22px #ebe517,12px 22px #ebe517,14px 22px #ebe517,16px 22px #f59f54,18px 22px #ebe517,20px 22px #ebe517,22px 22px #ebe517,24px 22px #ebe517,26px 22px #333,6px 24px #333,8px 24px #ebe517,10px 24px #ebe517,12px 24px #ebe517,14px 24px #f59f54,16px 24px #f59f54,18px 24px #f59f54,20px 24px #ebe517,22px 24px #ebe517,24px 24px #ebe517,26px 24px #333,4px 26px #333,6px 26px #ebe517,8px 26px #ebe517,10px 26px #f59f54,12px 26px #f59f54,14px 26px #f59f54,16px 26px #333,18px 26px #f59f54,20px 26px #f59f54,22px 26px #f59f54,24px 26px #ebe517,26px 26px #ebe517,28px 26px #333,4px 28px #333,6px 28px #ebe517,8px 28px #f59f54,10px 28px #f59f54,12px 28px #333,14px 28px #333,18px 28px #333,20px 28px #333,22px 28px #f59f54,24px 28px #f59f54,26px 28px #ebe517,28px 28px #333,2px 30px #333,4px 30px #f59f54,6px 30px #f59f54,8px 30px #333,10px 30px #333,22px 30px #333,24px 30px #333,26px 30px #f59f54,28px 30px #f59f54,30px 30px #333,2px 32px #333,4px 32px #333,6px 32px #333,26px 32px #333,28px 32px #333,30px 32px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.like::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 16px 4px #333,18px 4px #333,16px 6px #333,20px 6px #333,16px 8px #333,20px 8px #333,14px 10px #333,20px 10px #333,14px 12px #333,20px 12px #333,22px 12px #333,24px 12px #333,26px 12px #333,28px 12px #333,30px 12px #333,12px 14px #333,32px 14px #333,4px 16px #333,6px 16px #333,8px 16px #333,12px 16px #333,32px 16px #333,2px 18px #333,4px 18px #1e77be,6px 18px #1e77be,8px 18px #1e77be,10px 18px #333,32px 18px #333,2px 20px #333,4px 20px #1e77be,6px 20px #1e77be,8px 20px #1e77be,10px 20px #333,30px 20px #333,2px 22px #333,4px 22px #1e77be,6px 22px #1e77be,8px 22px #1e77be,10px 22px #333,30px 22px #333,2px 24px #333,4px 24px #1e77be,6px 24px #1e77be,8px 24px #1e77be,10px 24px #333,30px 24px #333,2px 26px #333,4px 26px #1e77be,6px 26px #1e77be,8px 26px #1e77be,10px 26px #333,28px 26px #333,2px 28px #333,4px 28px #1e77be,6px 28px #1e77be,8px 28px #1e77be,10px 28px #333,28px 28px #333,4px 30px #333,6px 30px #333,8px 30px #333,12px 30px #333,14px 30px #333,16px 30px #333,18px 30px #333,20px 30px #333,22px 30px #333,24px 30px #333,26px 30px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.twitter::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 4px 2px #1c9ceb,6px 2px #1c9ceb,8px 2px #1c9ceb,10px 2px #1c9ceb,12px 2px #1c9ceb,14px 2px #1c9ceb,16px 2px #1c9ceb,18px 2px #1c9ceb,20px 2px #1c9ceb,22px 2px #1c9ceb,24px 2px #1c9ceb,26px 2px #1c9ceb,28px 2px #1c9ceb,30px 2px #1c9ceb,2px 4px #1c9ceb,4px 4px #1c9ceb,6px 4px #1c9ceb,8px 4px #1c9ceb,10px 4px #1c9ceb,12px 4px #1c9ceb,14px 4px #1c9ceb,16px 4px #1c9ceb,18px 4px #1c9ceb,20px 4px #1c9ceb,22px 4px #1c9ceb,24px 4px #1c9ceb,26px 4px #1c9ceb,28px 4px #1c9ceb,30px 4px #1c9ceb,32px 4px #1c9ceb,2px 6px #1c9ceb,6px 6px #1c9ceb,8px 6px #1c9ceb,10px 6px #1c9ceb,12px 6px #1c9ceb,14px 6px #1c9ceb,16px 6px #1c9ceb,18px 6px #1c9ceb,26px 6px #1c9ceb,28px 6px #1c9ceb,30px 6px #1c9ceb,32px 6px #1c9ceb,2px 8px #1c9ceb,10px 8px #1c9ceb,12px 8px #1c9ceb,14px 8px #1c9ceb,16px 8px #1c9ceb,28px 8px #1c9ceb,30px 8px #1c9ceb,32px 8px #1c9ceb,2px 10px #1c9ceb,14px 10px #1c9ceb,32px 10px #1c9ceb,2px 12px #1c9ceb,4px 12px #1c9ceb,30px 12px #1c9ceb,32px 12px #1c9ceb,2px 14px #1c9ceb,4px 14px #1c9ceb,30px 14px #1c9ceb,32px 14px #1c9ceb,2px 16px #1c9ceb,4px 16px #1c9ceb,6px 16px #1c9ceb,28px 16px #1c9ceb,30px 16px #1c9ceb,32px 16px #1c9ceb,2px 18px #1c9ceb,4px 18px #1c9ceb,6px 18px #1c9ceb,26px 18px #1c9ceb,28px 18px #1c9ceb,30px 18px #1c9ceb,32px 18px #1c9ceb,2px 20px #1c9ceb,4px 20px #1c9ceb,6px 20px #1c9ceb,8px 20px #1c9ceb,26px 20px #1c9ceb,28px 20px #1c9ceb,30px 20px #1c9ceb,32px 20px #1c9ceb,2px 22px #1c9ceb,4px 22px #1c9ceb,6px 22px #1c9ceb,8px 22px #1c9ceb,10px 22px #1c9ceb,26px 22px #1c9ceb,28px 22px #1c9ceb,30px 22px #1c9ceb,32px 22px #1c9ceb,2px 24px #1c9ceb,4px 24px #1c9ceb,6px 24px #1c9ceb,8px 24px #1c9ceb,24px 24px #1c9ceb,26px 24px #1c9ceb,28px 24px #1c9ceb,30px 24px #1c9ceb,32px 24px #1c9ceb,2px 26px #1c9ceb,4px 26px #1c9ceb,20px 26px #1c9ceb,22px 26px #1c9ceb,24px 26px #1c9ceb,26px 26px #1c9ceb,28px 26px #1c9ceb,30px 26px #1c9ceb,32px 26px #1c9ceb,2px 28px #1c9ceb,4px 28px #1c9ceb,6px 28px #1c9ceb,14px 28px #1c9ceb,16px 28px #1c9ceb,18px 28px #1c9ceb,20px 28px #1c9ceb,22px 28px #1c9ceb,24px 28px #1c9ceb,26px 28px #1c9ceb,28px 28px #1c9ceb,30px 28px #1c9ceb,32px 28px #1c9ceb,2px 30px #1c9ceb,4px 30px #1c9ceb,6px 30px #1c9ceb,8px 30px #1c9ceb,10px 30px #1c9ceb,12px 30px #1c9ceb,14px 30px #1c9ceb,16px 30px #1c9ceb,18px 30px #1c9ceb,20px 30px #1c9ceb,22px 30px #1c9ceb,24px 30px #1c9ceb,26px 30px #1c9ceb,28px 30px #1c9ceb,30px 30px #1c9ceb,32px 30px #1c9ceb,4px 32px #1c9ceb,6px 32px #1c9ceb,8px 32px #1c9ceb,10px 32px #1c9ceb,12px 32px #1c9ceb,14px 32px #1c9ceb,16px 32px #1c9ceb,18px 32px #1c9ceb,20px 32px #1c9ceb,22px 32px #1c9ceb,24px 32px #1c9ceb,26px 32px #1c9ceb,28px 32px #1c9ceb,30px 32px #1c9ceb;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.facebook::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 4px 2px #4566ae,6px 2px #4566ae,8px 2px #4566ae,10px 2px #4566ae,12px 2px #4566ae,14px 2px #4566ae,16px 2px #4566ae,18px 2px #4566ae,20px 2px #4566ae,22px 2px #4566ae,24px 2px #4566ae,26px 2px #4566ae,28px 2px #4566ae,30px 2px #4566ae,2px 4px #4566ae,4px 4px #4566ae,6px 4px #4566ae,8px 4px #4566ae,10px 4px #4566ae,12px 4px #4566ae,14px 4px #4566ae,16px 4px #4566ae,18px 4px #4566ae,20px 4px #4566ae,30px 4px #4566ae,32px 4px #4566ae,2px 6px #4566ae,4px 6px #4566ae,6px 6px #4566ae,8px 6px #4566ae,10px 6px #4566ae,12px 6px #4566ae,14px 6px #4566ae,16px 6px #4566ae,18px 6px #4566ae,30px 6px #4566ae,32px 6px #4566ae,2px 8px #4566ae,4px 8px #4566ae,6px 8px #4566ae,8px 8px #4566ae,10px 8px #4566ae,12px 8px #4566ae,14px 8px #4566ae,16px 8px #4566ae,30px 8px #4566ae,32px 8px #4566ae,2px 10px #4566ae,4px 10px #4566ae,6px 10px #4566ae,8px 10px #4566ae,10px 10px #4566ae,12px 10px #4566ae,14px 10px #4566ae,16px 10px #4566ae,24px 10px #4566ae,26px 10px #4566ae,28px 10px #4566ae,30px 10px #4566ae,32px 10px #4566ae,2px 12px #4566ae,4px 12px #4566ae,6px 12px #4566ae,8px 12px #4566ae,10px 12px #4566ae,12px 12px #4566ae,14px 12px #4566ae,16px 12px #4566ae,24px 12px #4566ae,26px 12px #4566ae,28px 12px #4566ae,30px 12px #4566ae,32px 12px #4566ae,2px 14px #4566ae,4px 14px #4566ae,6px 14px #4566ae,8px 14px #4566ae,10px 14px #4566ae,12px 14px #4566ae,14px 14px #4566ae,16px 14px #4566ae,24px 14px #4566ae,26px 14px #4566ae,28px 14px #4566ae,30px 14px #4566ae,32px 14px #4566ae,2px 16px #4566ae,4px 16px #4566ae,6px 16px #4566ae,8px 16px #4566ae,10px 16px #4566ae,30px 16px #4566ae,32px 16px #4566ae,2px 18px #4566ae,4px 18px #4566ae,6px 18px #4566ae,8px 18px #4566ae,10px 18px #4566ae,30px 18px #4566ae,32px 18px #4566ae,2px 20px #4566ae,4px 20px #4566ae,6px 20px #4566ae,8px 20px #4566ae,10px 20px #4566ae,30px 20px #4566ae,32px 20px #4566ae,2px 22px #4566ae,4px 22px #4566ae,6px 22px #4566ae,8px 22px #4566ae,10px 22px #4566ae,12px 22px #4566ae,14px 22px #4566ae,16px 22px #4566ae,24px 22px #4566ae,26px 22px #4566ae,28px 22px #4566ae,30px 22px #4566ae,32px 22px #4566ae,2px 24px #4566ae,4px 24px #4566ae,6px 24px #4566ae,8px 24px #4566ae,10px 24px #4566ae,12px 24px #4566ae,14px 24px #4566ae,16px 24px #4566ae,24px 24px #4566ae,26px 24px #4566ae,28px 24px #4566ae,30px 24px #4566ae,32px 24px #4566ae,2px 26px #4566ae,4px 26px #4566ae,6px 26px #4566ae,8px 26px #4566ae,10px 26px #4566ae,12px 26px #4566ae,14px 26px #4566ae,16px 26px #4566ae,24px 26px #4566ae,26px 26px #4566ae,28px 26px #4566ae,30px 26px #4566ae,32px 26px #4566ae,2px 28px #4566ae,4px 28px #4566ae,6px 28px #4566ae,8px 28px #4566ae,10px 28px #4566ae,12px 28px #4566ae,14px 28px #4566ae,16px 28px #4566ae,24px 28px #4566ae,26px 28px #4566ae,28px 28px #4566ae,30px 28px #4566ae,32px 28px #4566ae,2px 30px #4566ae,4px 30px #4566ae,6px 30px #4566ae,8px 30px #4566ae,10px 30px #4566ae,12px 30px #4566ae,14px 30px #4566ae,16px 30px #4566ae,24px 30px #4566ae,26px 30px #4566ae,28px 30px #4566ae,30px 30px #4566ae,32px 30px #4566ae,4px 32px #4566ae,6px 32px #4566ae,8px 32px #4566ae,10px 32px #4566ae,12px 32px #4566ae,14px 32px #4566ae,16px 32px #4566ae,24px 32px #4566ae,26px 32px #4566ae,28px 32px #4566ae,30px 32px #4566ae;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.github::before {
|
||||||
|
width: 2px;
|
||||||
|
height: 2px;
|
||||||
|
box-shadow: 4px 2px #333,6px 2px #333,8px 2px #333,10px 2px #333,12px 2px #333,14px 2px #333,16px 2px #333,18px 2px #333,20px 2px #333,22px 2px #333,24px 2px #333,26px 2px #333,28px 2px #333,30px 2px #333,2px 4px #333,4px 4px #333,6px 4px #333,8px 4px #333,12px 4px #333,14px 4px #333,16px 4px #333,18px 4px #333,20px 4px #333,22px 4px #333,24px 4px #333,26px 4px #333,30px 4px #333,32px 4px #333,2px 6px #333,4px 6px #333,6px 6px #333,8px 6px #333,14px 6px #333,16px 6px #333,18px 6px #333,20px 6px #333,22px 6px #333,24px 6px #333,30px 6px #333,32px 6px #333,2px 8px #333,4px 8px #333,6px 8px #333,8px 8px #333,30px 8px #333,32px 8px #333,2px 10px #333,4px 10px #333,6px 10px #333,32px 10px #333,2px 12px #333,4px 12px #333,6px 12px #333,32px 12px #333,2px 14px #333,4px 14px #333,6px 14px #333,32px 14px #333,2px 16px #333,4px 16px #333,6px 16px #333,32px 16px #333,2px 18px #333,4px 18px #333,6px 18px #333,8px 18px #333,30px 18px #333,32px 18px #333,2px 20px #333,4px 20px #333,6px 20px #333,8px 20px #333,10px 20px #333,28px 20px #333,30px 20px #333,32px 20px #333,2px 22px #333,8px 22px #333,10px 22px #333,12px 22px #333,14px 22px #333,24px 22px #333,26px 22px #333,28px 22px #333,30px 22px #333,32px 22px #333,2px 24px #333,4px 24px #333,6px 24px #333,10px 24px #333,12px 24px #333,26px 24px #333,28px 24px #333,30px 24px #333,32px 24px #333,2px 26px #333,4px 26px #333,6px 26px #333,8px 26px #333,26px 26px #333,28px 26px #333,30px 26px #333,32px 26px #333,2px 28px #333,4px 28px #333,6px 28px #333,8px 28px #333,10px 28px #333,12px 28px #333,26px 28px #333,28px 28px #333,30px 28px #333,32px 28px #333,2px 30px #333,4px 30px #333,6px 30px #333,8px 30px #333,10px 30px #333,12px 30px #333,26px 30px #333,28px 30px #333,30px 30px #333,32px 30px #333,4px 32px #333,6px 32px #333,8px 32px #333,10px 32px #333,12px 32px #333,14px 32px #333,16px 32px #333,18px 32px #333,20px 32px #333,22px 32px #333,24px 32px #333,26px 32px #333,28px 32px #333,30px 32px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium::before {
|
||||||
|
position: absolute;
|
||||||
|
top: -3px;
|
||||||
|
left: -3px;
|
||||||
|
display: block;
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
content: "";
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.heart::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 9px 6px #333,12px 6px #333,15px 6px #333,33px 6px #333,36px 6px #333,39px 6px #333,6px 9px #333,9px 9px #f11416,12px 9px #f11416,15px 9px #f11416,18px 9px #333,30px 9px #333,33px 9px #f11416,36px 9px #f11416,39px 9px #831200,42px 9px #333,3px 12px #333,6px 12px #f11416,15px 12px #f11416,18px 12px #f11416,21px 12px #333,27px 12px #333,30px 12px #f11416,33px 12px #f11416,36px 12px #f11416,39px 12px #f11416,42px 12px #831200,45px 12px #333,3px 15px #333,6px 15px #f11416,12px 15px #f11416,15px 15px #f11416,18px 15px #f11416,21px 15px #f11416,24px 15px #333,27px 15px #f11416,30px 15px #f11416,33px 15px #f11416,36px 15px #f11416,39px 15px #f11416,42px 15px #831200,45px 15px #333,3px 18px #333,6px 18px #f11416,9px 18px #f11416,12px 18px #f11416,15px 18px #f11416,18px 18px #f11416,21px 18px #f11416,24px 18px #f11416,27px 18px #f11416,30px 18px #f11416,33px 18px #f11416,36px 18px #f11416,39px 18px #f11416,42px 18px #831200,45px 18px #333,3px 21px #333,6px 21px #f11416,9px 21px #f11416,12px 21px #f11416,15px 21px #f11416,18px 21px #f11416,21px 21px #f11416,24px 21px #f11416,27px 21px #f11416,30px 21px #f11416,33px 21px #f11416,36px 21px #f11416,39px 21px #f11416,42px 21px #831200,45px 21px #333,3px 24px #333,6px 24px #f11416,9px 24px #f11416,12px 24px #f11416,15px 24px #f11416,18px 24px #f11416,21px 24px #f11416,24px 24px #f11416,27px 24px #f11416,30px 24px #f11416,33px 24px #f11416,36px 24px #f11416,39px 24px #f11416,42px 24px #831200,45px 24px #333,6px 27px #333,9px 27px #f11416,12px 27px #f11416,15px 27px #f11416,18px 27px #f11416,21px 27px #f11416,24px 27px #f11416,27px 27px #f11416,30px 27px #f11416,33px 27px #f11416,36px 27px #f11416,39px 27px #831200,42px 27px #333,9px 30px #333,12px 30px #f11416,15px 30px #f11416,18px 30px #f11416,21px 30px #f11416,24px 30px #f11416,27px 30px #f11416,30px 30px #f11416,33px 30px #f11416,36px 30px #831200,39px 30px #333,12px 33px #333,15px 33px #f11416,18px 33px #f11416,21px 33px #f11416,24px 33px #f11416,27px 33px #f11416,30px 33px #f11416,33px 33px #831200,36px 33px #333,15px 36px #333,18px 36px #f11416,21px 36px #f11416,24px 36px #f11416,27px 36px #f11416,30px 36px #831200,33px 36px #333,18px 39px #333,21px 39px #f11416,24px 39px #f11416,27px 39px #831200,30px 39px #333,21px 42px #333,24px 42px #831200,27px 42px #333,24px 45px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.star::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 24px 3px #333,21px 6px #333,24px 6px #ebe517,27px 6px #333,21px 9px #333,24px 9px #ebe517,27px 9px #333,18px 12px #333,21px 12px #ebe517,24px 12px #ebe517,27px 12px #ebe517,30px 12px #333,18px 15px #333,27px 15px #ebe517,30px 15px #333,3px 18px #333,6px 18px #333,9px 18px #333,12px 18px #333,15px 18px #333,18px 18px #333,24px 18px #ebe517,27px 18px #ebe517,30px 18px #ebe517,33px 18px #333,36px 18px #333,39px 18px #333,42px 18px #333,45px 18px #333,3px 21px #333,6px 21px #ebe517,9px 21px #ebe517,12px 21px #ebe517,21px 21px #ebe517,24px 21px #ebe517,27px 21px #ebe517,30px 21px #ebe517,33px 21px #ebe517,36px 21px #ebe517,39px 21px #ebe517,42px 21px #ebe517,45px 21px #333,6px 24px #333,9px 24px #ebe517,12px 24px #ebe517,18px 24px #ebe517,21px 24px #ebe517,24px 24px #ebe517,27px 24px #ebe517,30px 24px #ebe517,33px 24px #ebe517,36px 24px #ebe517,39px 24px #f59f54,42px 24px #333,9px 27px #333,12px 27px #ebe517,15px 27px #ebe517,18px 27px #ebe517,21px 27px #ebe517,24px 27px #ebe517,27px 27px #ebe517,30px 27px #ebe517,33px 27px #f59f54,36px 27px #f59f54,39px 27px #333,12px 30px #333,15px 30px #ebe517,18px 30px #ebe517,21px 30px #ebe517,24px 30px #ebe517,27px 30px #ebe517,30px 30px #ebe517,33px 30px #ebe517,36px 30px #333,9px 33px #333,12px 33px #ebe517,15px 33px #ebe517,18px 33px #ebe517,21px 33px #ebe517,24px 33px #f59f54,27px 33px #ebe517,30px 33px #ebe517,33px 33px #ebe517,36px 33px #ebe517,39px 33px #333,9px 36px #333,12px 36px #ebe517,15px 36px #ebe517,18px 36px #ebe517,21px 36px #f59f54,24px 36px #f59f54,27px 36px #f59f54,30px 36px #ebe517,33px 36px #ebe517,36px 36px #ebe517,39px 36px #333,6px 39px #333,9px 39px #ebe517,12px 39px #ebe517,15px 39px #f59f54,18px 39px #f59f54,21px 39px #f59f54,24px 39px #333,27px 39px #f59f54,30px 39px #f59f54,33px 39px #f59f54,36px 39px #ebe517,39px 39px #ebe517,42px 39px #333,6px 42px #333,9px 42px #ebe517,12px 42px #f59f54,15px 42px #f59f54,18px 42px #333,21px 42px #333,27px 42px #333,30px 42px #333,33px 42px #f59f54,36px 42px #f59f54,39px 42px #ebe517,42px 42px #333,3px 45px #333,6px 45px #f59f54,9px 45px #f59f54,12px 45px #333,15px 45px #333,33px 45px #333,36px 45px #333,39px 45px #f59f54,42px 45px #f59f54,45px 45px #333,3px 48px #333,6px 48px #333,9px 48px #333,39px 48px #333,42px 48px #333,45px 48px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.like::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 24px 6px #333,27px 6px #333,24px 9px #333,30px 9px #333,24px 12px #333,30px 12px #333,21px 15px #333,30px 15px #333,21px 18px #333,30px 18px #333,33px 18px #333,36px 18px #333,39px 18px #333,42px 18px #333,45px 18px #333,18px 21px #333,48px 21px #333,6px 24px #333,9px 24px #333,12px 24px #333,18px 24px #333,48px 24px #333,3px 27px #333,6px 27px #1e77be,9px 27px #1e77be,12px 27px #1e77be,15px 27px #333,48px 27px #333,3px 30px #333,6px 30px #1e77be,9px 30px #1e77be,12px 30px #1e77be,15px 30px #333,45px 30px #333,3px 33px #333,6px 33px #1e77be,9px 33px #1e77be,12px 33px #1e77be,15px 33px #333,45px 33px #333,3px 36px #333,6px 36px #1e77be,9px 36px #1e77be,12px 36px #1e77be,15px 36px #333,45px 36px #333,3px 39px #333,6px 39px #1e77be,9px 39px #1e77be,12px 39px #1e77be,15px 39px #333,42px 39px #333,3px 42px #333,6px 42px #1e77be,9px 42px #1e77be,12px 42px #1e77be,15px 42px #333,42px 42px #333,6px 45px #333,9px 45px #333,12px 45px #333,18px 45px #333,21px 45px #333,24px 45px #333,27px 45px #333,30px 45px #333,33px 45px #333,36px 45px #333,39px 45px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.twitter::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 6px 3px #1c9ceb,9px 3px #1c9ceb,12px 3px #1c9ceb,15px 3px #1c9ceb,18px 3px #1c9ceb,21px 3px #1c9ceb,24px 3px #1c9ceb,27px 3px #1c9ceb,30px 3px #1c9ceb,33px 3px #1c9ceb,36px 3px #1c9ceb,39px 3px #1c9ceb,42px 3px #1c9ceb,45px 3px #1c9ceb,3px 6px #1c9ceb,6px 6px #1c9ceb,9px 6px #1c9ceb,12px 6px #1c9ceb,15px 6px #1c9ceb,18px 6px #1c9ceb,21px 6px #1c9ceb,24px 6px #1c9ceb,27px 6px #1c9ceb,30px 6px #1c9ceb,33px 6px #1c9ceb,36px 6px #1c9ceb,39px 6px #1c9ceb,42px 6px #1c9ceb,45px 6px #1c9ceb,48px 6px #1c9ceb,3px 9px #1c9ceb,9px 9px #1c9ceb,12px 9px #1c9ceb,15px 9px #1c9ceb,18px 9px #1c9ceb,21px 9px #1c9ceb,24px 9px #1c9ceb,27px 9px #1c9ceb,39px 9px #1c9ceb,42px 9px #1c9ceb,45px 9px #1c9ceb,48px 9px #1c9ceb,3px 12px #1c9ceb,15px 12px #1c9ceb,18px 12px #1c9ceb,21px 12px #1c9ceb,24px 12px #1c9ceb,42px 12px #1c9ceb,45px 12px #1c9ceb,48px 12px #1c9ceb,3px 15px #1c9ceb,21px 15px #1c9ceb,48px 15px #1c9ceb,3px 18px #1c9ceb,6px 18px #1c9ceb,45px 18px #1c9ceb,48px 18px #1c9ceb,3px 21px #1c9ceb,6px 21px #1c9ceb,45px 21px #1c9ceb,48px 21px #1c9ceb,3px 24px #1c9ceb,6px 24px #1c9ceb,9px 24px #1c9ceb,42px 24px #1c9ceb,45px 24px #1c9ceb,48px 24px #1c9ceb,3px 27px #1c9ceb,6px 27px #1c9ceb,9px 27px #1c9ceb,39px 27px #1c9ceb,42px 27px #1c9ceb,45px 27px #1c9ceb,48px 27px #1c9ceb,3px 30px #1c9ceb,6px 30px #1c9ceb,9px 30px #1c9ceb,12px 30px #1c9ceb,39px 30px #1c9ceb,42px 30px #1c9ceb,45px 30px #1c9ceb,48px 30px #1c9ceb,3px 33px #1c9ceb,6px 33px #1c9ceb,9px 33px #1c9ceb,12px 33px #1c9ceb,15px 33px #1c9ceb,39px 33px #1c9ceb,42px 33px #1c9ceb,45px 33px #1c9ceb,48px 33px #1c9ceb,3px 36px #1c9ceb,6px 36px #1c9ceb,9px 36px #1c9ceb,12px 36px #1c9ceb,36px 36px #1c9ceb,39px 36px #1c9ceb,42px 36px #1c9ceb,45px 36px #1c9ceb,48px 36px #1c9ceb,3px 39px #1c9ceb,6px 39px #1c9ceb,30px 39px #1c9ceb,33px 39px #1c9ceb,36px 39px #1c9ceb,39px 39px #1c9ceb,42px 39px #1c9ceb,45px 39px #1c9ceb,48px 39px #1c9ceb,3px 42px #1c9ceb,6px 42px #1c9ceb,9px 42px #1c9ceb,21px 42px #1c9ceb,24px 42px #1c9ceb,27px 42px #1c9ceb,30px 42px #1c9ceb,33px 42px #1c9ceb,36px 42px #1c9ceb,39px 42px #1c9ceb,42px 42px #1c9ceb,45px 42px #1c9ceb,48px 42px #1c9ceb,3px 45px #1c9ceb,6px 45px #1c9ceb,9px 45px #1c9ceb,12px 45px #1c9ceb,15px 45px #1c9ceb,18px 45px #1c9ceb,21px 45px #1c9ceb,24px 45px #1c9ceb,27px 45px #1c9ceb,30px 45px #1c9ceb,33px 45px #1c9ceb,36px 45px #1c9ceb,39px 45px #1c9ceb,42px 45px #1c9ceb,45px 45px #1c9ceb,48px 45px #1c9ceb,6px 48px #1c9ceb,9px 48px #1c9ceb,12px 48px #1c9ceb,15px 48px #1c9ceb,18px 48px #1c9ceb,21px 48px #1c9ceb,24px 48px #1c9ceb,27px 48px #1c9ceb,30px 48px #1c9ceb,33px 48px #1c9ceb,36px 48px #1c9ceb,39px 48px #1c9ceb,42px 48px #1c9ceb,45px 48px #1c9ceb;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.facebook::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 6px 3px #4566ae,9px 3px #4566ae,12px 3px #4566ae,15px 3px #4566ae,18px 3px #4566ae,21px 3px #4566ae,24px 3px #4566ae,27px 3px #4566ae,30px 3px #4566ae,33px 3px #4566ae,36px 3px #4566ae,39px 3px #4566ae,42px 3px #4566ae,45px 3px #4566ae,3px 6px #4566ae,6px 6px #4566ae,9px 6px #4566ae,12px 6px #4566ae,15px 6px #4566ae,18px 6px #4566ae,21px 6px #4566ae,24px 6px #4566ae,27px 6px #4566ae,30px 6px #4566ae,45px 6px #4566ae,48px 6px #4566ae,3px 9px #4566ae,6px 9px #4566ae,9px 9px #4566ae,12px 9px #4566ae,15px 9px #4566ae,18px 9px #4566ae,21px 9px #4566ae,24px 9px #4566ae,27px 9px #4566ae,45px 9px #4566ae,48px 9px #4566ae,3px 12px #4566ae,6px 12px #4566ae,9px 12px #4566ae,12px 12px #4566ae,15px 12px #4566ae,18px 12px #4566ae,21px 12px #4566ae,24px 12px #4566ae,45px 12px #4566ae,48px 12px #4566ae,3px 15px #4566ae,6px 15px #4566ae,9px 15px #4566ae,12px 15px #4566ae,15px 15px #4566ae,18px 15px #4566ae,21px 15px #4566ae,24px 15px #4566ae,36px 15px #4566ae,39px 15px #4566ae,42px 15px #4566ae,45px 15px #4566ae,48px 15px #4566ae,3px 18px #4566ae,6px 18px #4566ae,9px 18px #4566ae,12px 18px #4566ae,15px 18px #4566ae,18px 18px #4566ae,21px 18px #4566ae,24px 18px #4566ae,36px 18px #4566ae,39px 18px #4566ae,42px 18px #4566ae,45px 18px #4566ae,48px 18px #4566ae,3px 21px #4566ae,6px 21px #4566ae,9px 21px #4566ae,12px 21px #4566ae,15px 21px #4566ae,18px 21px #4566ae,21px 21px #4566ae,24px 21px #4566ae,36px 21px #4566ae,39px 21px #4566ae,42px 21px #4566ae,45px 21px #4566ae,48px 21px #4566ae,3px 24px #4566ae,6px 24px #4566ae,9px 24px #4566ae,12px 24px #4566ae,15px 24px #4566ae,45px 24px #4566ae,48px 24px #4566ae,3px 27px #4566ae,6px 27px #4566ae,9px 27px #4566ae,12px 27px #4566ae,15px 27px #4566ae,45px 27px #4566ae,48px 27px #4566ae,3px 30px #4566ae,6px 30px #4566ae,9px 30px #4566ae,12px 30px #4566ae,15px 30px #4566ae,45px 30px #4566ae,48px 30px #4566ae,3px 33px #4566ae,6px 33px #4566ae,9px 33px #4566ae,12px 33px #4566ae,15px 33px #4566ae,18px 33px #4566ae,21px 33px #4566ae,24px 33px #4566ae,36px 33px #4566ae,39px 33px #4566ae,42px 33px #4566ae,45px 33px #4566ae,48px 33px #4566ae,3px 36px #4566ae,6px 36px #4566ae,9px 36px #4566ae,12px 36px #4566ae,15px 36px #4566ae,18px 36px #4566ae,21px 36px #4566ae,24px 36px #4566ae,36px 36px #4566ae,39px 36px #4566ae,42px 36px #4566ae,45px 36px #4566ae,48px 36px #4566ae,3px 39px #4566ae,6px 39px #4566ae,9px 39px #4566ae,12px 39px #4566ae,15px 39px #4566ae,18px 39px #4566ae,21px 39px #4566ae,24px 39px #4566ae,36px 39px #4566ae,39px 39px #4566ae,42px 39px #4566ae,45px 39px #4566ae,48px 39px #4566ae,3px 42px #4566ae,6px 42px #4566ae,9px 42px #4566ae,12px 42px #4566ae,15px 42px #4566ae,18px 42px #4566ae,21px 42px #4566ae,24px 42px #4566ae,36px 42px #4566ae,39px 42px #4566ae,42px 42px #4566ae,45px 42px #4566ae,48px 42px #4566ae,3px 45px #4566ae,6px 45px #4566ae,9px 45px #4566ae,12px 45px #4566ae,15px 45px #4566ae,18px 45px #4566ae,21px 45px #4566ae,24px 45px #4566ae,36px 45px #4566ae,39px 45px #4566ae,42px 45px #4566ae,45px 45px #4566ae,48px 45px #4566ae,6px 48px #4566ae,9px 48px #4566ae,12px 48px #4566ae,15px 48px #4566ae,18px 48px #4566ae,21px 48px #4566ae,24px 48px #4566ae,36px 48px #4566ae,39px 48px #4566ae,42px 48px #4566ae,45px 48px #4566ae;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-medium.github::before {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
box-shadow: 6px 3px #333,9px 3px #333,12px 3px #333,15px 3px #333,18px 3px #333,21px 3px #333,24px 3px #333,27px 3px #333,30px 3px #333,33px 3px #333,36px 3px #333,39px 3px #333,42px 3px #333,45px 3px #333,3px 6px #333,6px 6px #333,9px 6px #333,12px 6px #333,18px 6px #333,21px 6px #333,24px 6px #333,27px 6px #333,30px 6px #333,33px 6px #333,36px 6px #333,39px 6px #333,45px 6px #333,48px 6px #333,3px 9px #333,6px 9px #333,9px 9px #333,12px 9px #333,21px 9px #333,24px 9px #333,27px 9px #333,30px 9px #333,33px 9px #333,36px 9px #333,45px 9px #333,48px 9px #333,3px 12px #333,6px 12px #333,9px 12px #333,12px 12px #333,45px 12px #333,48px 12px #333,3px 15px #333,6px 15px #333,9px 15px #333,48px 15px #333,3px 18px #333,6px 18px #333,9px 18px #333,48px 18px #333,3px 21px #333,6px 21px #333,9px 21px #333,48px 21px #333,3px 24px #333,6px 24px #333,9px 24px #333,48px 24px #333,3px 27px #333,6px 27px #333,9px 27px #333,12px 27px #333,45px 27px #333,48px 27px #333,3px 30px #333,6px 30px #333,9px 30px #333,12px 30px #333,15px 30px #333,42px 30px #333,45px 30px #333,48px 30px #333,3px 33px #333,12px 33px #333,15px 33px #333,18px 33px #333,21px 33px #333,36px 33px #333,39px 33px #333,42px 33px #333,45px 33px #333,48px 33px #333,3px 36px #333,6px 36px #333,9px 36px #333,15px 36px #333,18px 36px #333,39px 36px #333,42px 36px #333,45px 36px #333,48px 36px #333,3px 39px #333,6px 39px #333,9px 39px #333,12px 39px #333,39px 39px #333,42px 39px #333,45px 39px #333,48px 39px #333,3px 42px #333,6px 42px #333,9px 42px #333,12px 42px #333,15px 42px #333,18px 42px #333,39px 42px #333,42px 42px #333,45px 42px #333,48px 42px #333,3px 45px #333,6px 45px #333,9px 45px #333,12px 45px #333,15px 45px #333,18px 45px #333,39px 45px #333,42px 45px #333,45px 45px #333,48px 45px #333,6px 48px #333,9px 48px #333,12px 48px #333,15px 48px #333,18px 48px #333,21px 48px #333,24px 48px #333,27px 48px #333,30px 48px #333,33px 48px #333,36px 48px #333,39px 48px #333,42px 48px #333,45px 48px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large {
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large::before {
|
||||||
|
position: absolute;
|
||||||
|
top: -4px;
|
||||||
|
left: -4px;
|
||||||
|
display: block;
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
content: "";
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.heart::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 12px 8px #333,16px 8px #333,20px 8px #333,44px 8px #333,48px 8px #333,52px 8px #333,8px 12px #333,12px 12px #f11416,16px 12px #f11416,20px 12px #f11416,24px 12px #333,40px 12px #333,44px 12px #f11416,48px 12px #f11416,52px 12px #831200,56px 12px #333,4px 16px #333,8px 16px #f11416,20px 16px #f11416,24px 16px #f11416,28px 16px #333,36px 16px #333,40px 16px #f11416,44px 16px #f11416,48px 16px #f11416,52px 16px #f11416,56px 16px #831200,60px 16px #333,4px 20px #333,8px 20px #f11416,16px 20px #f11416,20px 20px #f11416,24px 20px #f11416,28px 20px #f11416,32px 20px #333,36px 20px #f11416,40px 20px #f11416,44px 20px #f11416,48px 20px #f11416,52px 20px #f11416,56px 20px #831200,60px 20px #333,4px 24px #333,8px 24px #f11416,12px 24px #f11416,16px 24px #f11416,20px 24px #f11416,24px 24px #f11416,28px 24px #f11416,32px 24px #f11416,36px 24px #f11416,40px 24px #f11416,44px 24px #f11416,48px 24px #f11416,52px 24px #f11416,56px 24px #831200,60px 24px #333,4px 28px #333,8px 28px #f11416,12px 28px #f11416,16px 28px #f11416,20px 28px #f11416,24px 28px #f11416,28px 28px #f11416,32px 28px #f11416,36px 28px #f11416,40px 28px #f11416,44px 28px #f11416,48px 28px #f11416,52px 28px #f11416,56px 28px #831200,60px 28px #333,4px 32px #333,8px 32px #f11416,12px 32px #f11416,16px 32px #f11416,20px 32px #f11416,24px 32px #f11416,28px 32px #f11416,32px 32px #f11416,36px 32px #f11416,40px 32px #f11416,44px 32px #f11416,48px 32px #f11416,52px 32px #f11416,56px 32px #831200,60px 32px #333,8px 36px #333,12px 36px #f11416,16px 36px #f11416,20px 36px #f11416,24px 36px #f11416,28px 36px #f11416,32px 36px #f11416,36px 36px #f11416,40px 36px #f11416,44px 36px #f11416,48px 36px #f11416,52px 36px #831200,56px 36px #333,12px 40px #333,16px 40px #f11416,20px 40px #f11416,24px 40px #f11416,28px 40px #f11416,32px 40px #f11416,36px 40px #f11416,40px 40px #f11416,44px 40px #f11416,48px 40px #831200,52px 40px #333,16px 44px #333,20px 44px #f11416,24px 44px #f11416,28px 44px #f11416,32px 44px #f11416,36px 44px #f11416,40px 44px #f11416,44px 44px #831200,48px 44px #333,20px 48px #333,24px 48px #f11416,28px 48px #f11416,32px 48px #f11416,36px 48px #f11416,40px 48px #831200,44px 48px #333,24px 52px #333,28px 52px #f11416,32px 52px #f11416,36px 52px #831200,40px 52px #333,28px 56px #333,32px 56px #831200,36px 56px #333,32px 60px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.star::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 32px 4px #333,28px 8px #333,32px 8px #ebe517,36px 8px #333,28px 12px #333,32px 12px #ebe517,36px 12px #333,24px 16px #333,28px 16px #ebe517,32px 16px #ebe517,36px 16px #ebe517,40px 16px #333,24px 20px #333,36px 20px #ebe517,40px 20px #333,4px 24px #333,8px 24px #333,12px 24px #333,16px 24px #333,20px 24px #333,24px 24px #333,32px 24px #ebe517,36px 24px #ebe517,40px 24px #ebe517,44px 24px #333,48px 24px #333,52px 24px #333,56px 24px #333,60px 24px #333,4px 28px #333,8px 28px #ebe517,12px 28px #ebe517,16px 28px #ebe517,28px 28px #ebe517,32px 28px #ebe517,36px 28px #ebe517,40px 28px #ebe517,44px 28px #ebe517,48px 28px #ebe517,52px 28px #ebe517,56px 28px #ebe517,60px 28px #333,8px 32px #333,12px 32px #ebe517,16px 32px #ebe517,24px 32px #ebe517,28px 32px #ebe517,32px 32px #ebe517,36px 32px #ebe517,40px 32px #ebe517,44px 32px #ebe517,48px 32px #ebe517,52px 32px #f59f54,56px 32px #333,12px 36px #333,16px 36px #ebe517,20px 36px #ebe517,24px 36px #ebe517,28px 36px #ebe517,32px 36px #ebe517,36px 36px #ebe517,40px 36px #ebe517,44px 36px #f59f54,48px 36px #f59f54,52px 36px #333,16px 40px #333,20px 40px #ebe517,24px 40px #ebe517,28px 40px #ebe517,32px 40px #ebe517,36px 40px #ebe517,40px 40px #ebe517,44px 40px #ebe517,48px 40px #333,12px 44px #333,16px 44px #ebe517,20px 44px #ebe517,24px 44px #ebe517,28px 44px #ebe517,32px 44px #f59f54,36px 44px #ebe517,40px 44px #ebe517,44px 44px #ebe517,48px 44px #ebe517,52px 44px #333,12px 48px #333,16px 48px #ebe517,20px 48px #ebe517,24px 48px #ebe517,28px 48px #f59f54,32px 48px #f59f54,36px 48px #f59f54,40px 48px #ebe517,44px 48px #ebe517,48px 48px #ebe517,52px 48px #333,8px 52px #333,12px 52px #ebe517,16px 52px #ebe517,20px 52px #f59f54,24px 52px #f59f54,28px 52px #f59f54,32px 52px #333,36px 52px #f59f54,40px 52px #f59f54,44px 52px #f59f54,48px 52px #ebe517,52px 52px #ebe517,56px 52px #333,8px 56px #333,12px 56px #ebe517,16px 56px #f59f54,20px 56px #f59f54,24px 56px #333,28px 56px #333,36px 56px #333,40px 56px #333,44px 56px #f59f54,48px 56px #f59f54,52px 56px #ebe517,56px 56px #333,4px 60px #333,8px 60px #f59f54,12px 60px #f59f54,16px 60px #333,20px 60px #333,44px 60px #333,48px 60px #333,52px 60px #f59f54,56px 60px #f59f54,60px 60px #333,4px 64px #333,8px 64px #333,12px 64px #333,52px 64px #333,56px 64px #333,60px 64px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.like::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 32px 8px #333,36px 8px #333,32px 12px #333,40px 12px #333,32px 16px #333,40px 16px #333,28px 20px #333,40px 20px #333,28px 24px #333,40px 24px #333,44px 24px #333,48px 24px #333,52px 24px #333,56px 24px #333,60px 24px #333,24px 28px #333,64px 28px #333,8px 32px #333,12px 32px #333,16px 32px #333,24px 32px #333,64px 32px #333,4px 36px #333,8px 36px #1e77be,12px 36px #1e77be,16px 36px #1e77be,20px 36px #333,64px 36px #333,4px 40px #333,8px 40px #1e77be,12px 40px #1e77be,16px 40px #1e77be,20px 40px #333,60px 40px #333,4px 44px #333,8px 44px #1e77be,12px 44px #1e77be,16px 44px #1e77be,20px 44px #333,60px 44px #333,4px 48px #333,8px 48px #1e77be,12px 48px #1e77be,16px 48px #1e77be,20px 48px #333,60px 48px #333,4px 52px #333,8px 52px #1e77be,12px 52px #1e77be,16px 52px #1e77be,20px 52px #333,56px 52px #333,4px 56px #333,8px 56px #1e77be,12px 56px #1e77be,16px 56px #1e77be,20px 56px #333,56px 56px #333,8px 60px #333,12px 60px #333,16px 60px #333,24px 60px #333,28px 60px #333,32px 60px #333,36px 60px #333,40px 60px #333,44px 60px #333,48px 60px #333,52px 60px #333;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.twitter::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 8px 4px #1c9ceb,12px 4px #1c9ceb,16px 4px #1c9ceb,20px 4px #1c9ceb,24px 4px #1c9ceb,28px 4px #1c9ceb,32px 4px #1c9ceb,36px 4px #1c9ceb,40px 4px #1c9ceb,44px 4px #1c9ceb,48px 4px #1c9ceb,52px 4px #1c9ceb,56px 4px #1c9ceb,60px 4px #1c9ceb,4px 8px #1c9ceb,8px 8px #1c9ceb,12px 8px #1c9ceb,16px 8px #1c9ceb,20px 8px #1c9ceb,24px 8px #1c9ceb,28px 8px #1c9ceb,32px 8px #1c9ceb,36px 8px #1c9ceb,40px 8px #1c9ceb,44px 8px #1c9ceb,48px 8px #1c9ceb,52px 8px #1c9ceb,56px 8px #1c9ceb,60px 8px #1c9ceb,64px 8px #1c9ceb,4px 12px #1c9ceb,12px 12px #1c9ceb,16px 12px #1c9ceb,20px 12px #1c9ceb,24px 12px #1c9ceb,28px 12px #1c9ceb,32px 12px #1c9ceb,36px 12px #1c9ceb,52px 12px #1c9ceb,56px 12px #1c9ceb,60px 12px #1c9ceb,64px 12px #1c9ceb,4px 16px #1c9ceb,20px 16px #1c9ceb,24px 16px #1c9ceb,28px 16px #1c9ceb,32px 16px #1c9ceb,56px 16px #1c9ceb,60px 16px #1c9ceb,64px 16px #1c9ceb,4px 20px #1c9ceb,28px 20px #1c9ceb,64px 20px #1c9ceb,4px 24px #1c9ceb,8px 24px #1c9ceb,60px 24px #1c9ceb,64px 24px #1c9ceb,4px 28px #1c9ceb,8px 28px #1c9ceb,60px 28px #1c9ceb,64px 28px #1c9ceb,4px 32px #1c9ceb,8px 32px #1c9ceb,12px 32px #1c9ceb,56px 32px #1c9ceb,60px 32px #1c9ceb,64px 32px #1c9ceb,4px 36px #1c9ceb,8px 36px #1c9ceb,12px 36px #1c9ceb,52px 36px #1c9ceb,56px 36px #1c9ceb,60px 36px #1c9ceb,64px 36px #1c9ceb,4px 40px #1c9ceb,8px 40px #1c9ceb,12px 40px #1c9ceb,16px 40px #1c9ceb,52px 40px #1c9ceb,56px 40px #1c9ceb,60px 40px #1c9ceb,64px 40px #1c9ceb,4px 44px #1c9ceb,8px 44px #1c9ceb,12px 44px #1c9ceb,16px 44px #1c9ceb,20px 44px #1c9ceb,52px 44px #1c9ceb,56px 44px #1c9ceb,60px 44px #1c9ceb,64px 44px #1c9ceb,4px 48px #1c9ceb,8px 48px #1c9ceb,12px 48px #1c9ceb,16px 48px #1c9ceb,48px 48px #1c9ceb,52px 48px #1c9ceb,56px 48px #1c9ceb,60px 48px #1c9ceb,64px 48px #1c9ceb,4px 52px #1c9ceb,8px 52px #1c9ceb,40px 52px #1c9ceb,44px 52px #1c9ceb,48px 52px #1c9ceb,52px 52px #1c9ceb,56px 52px #1c9ceb,60px 52px #1c9ceb,64px 52px #1c9ceb,4px 56px #1c9ceb,8px 56px #1c9ceb,12px 56px #1c9ceb,28px 56px #1c9ceb,32px 56px #1c9ceb,36px 56px #1c9ceb,40px 56px #1c9ceb,44px 56px #1c9ceb,48px 56px #1c9ceb,52px 56px #1c9ceb,56px 56px #1c9ceb,60px 56px #1c9ceb,64px 56px #1c9ceb,4px 60px #1c9ceb,8px 60px #1c9ceb,12px 60px #1c9ceb,16px 60px #1c9ceb,20px 60px #1c9ceb,24px 60px #1c9ceb,28px 60px #1c9ceb,32px 60px #1c9ceb,36px 60px #1c9ceb,40px 60px #1c9ceb,44px 60px #1c9ceb,48px 60px #1c9ceb,52px 60px #1c9ceb,56px 60px #1c9ceb,60px 60px #1c9ceb,64px 60px #1c9ceb,8px 64px #1c9ceb,12px 64px #1c9ceb,16px 64px #1c9ceb,20px 64px #1c9ceb,24px 64px #1c9ceb,28px 64px #1c9ceb,32px 64px #1c9ceb,36px 64px #1c9ceb,40px 64px #1c9ceb,44px 64px #1c9ceb,48px 64px #1c9ceb,52px 64px #1c9ceb,56px 64px #1c9ceb,60px 64px #1c9ceb;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.facebook::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 8px 4px #4566ae,12px 4px #4566ae,16px 4px #4566ae,20px 4px #4566ae,24px 4px #4566ae,28px 4px #4566ae,32px 4px #4566ae,36px 4px #4566ae,40px 4px #4566ae,44px 4px #4566ae,48px 4px #4566ae,52px 4px #4566ae,56px 4px #4566ae,60px 4px #4566ae,4px 8px #4566ae,8px 8px #4566ae,12px 8px #4566ae,16px 8px #4566ae,20px 8px #4566ae,24px 8px #4566ae,28px 8px #4566ae,32px 8px #4566ae,36px 8px #4566ae,40px 8px #4566ae,60px 8px #4566ae,64px 8px #4566ae,4px 12px #4566ae,8px 12px #4566ae,12px 12px #4566ae,16px 12px #4566ae,20px 12px #4566ae,24px 12px #4566ae,28px 12px #4566ae,32px 12px #4566ae,36px 12px #4566ae,60px 12px #4566ae,64px 12px #4566ae,4px 16px #4566ae,8px 16px #4566ae,12px 16px #4566ae,16px 16px #4566ae,20px 16px #4566ae,24px 16px #4566ae,28px 16px #4566ae,32px 16px #4566ae,60px 16px #4566ae,64px 16px #4566ae,4px 20px #4566ae,8px 20px #4566ae,12px 20px #4566ae,16px 20px #4566ae,20px 20px #4566ae,24px 20px #4566ae,28px 20px #4566ae,32px 20px #4566ae,48px 20px #4566ae,52px 20px #4566ae,56px 20px #4566ae,60px 20px #4566ae,64px 20px #4566ae,4px 24px #4566ae,8px 24px #4566ae,12px 24px #4566ae,16px 24px #4566ae,20px 24px #4566ae,24px 24px #4566ae,28px 24px #4566ae,32px 24px #4566ae,48px 24px #4566ae,52px 24px #4566ae,56px 24px #4566ae,60px 24px #4566ae,64px 24px #4566ae,4px 28px #4566ae,8px 28px #4566ae,12px 28px #4566ae,16px 28px #4566ae,20px 28px #4566ae,24px 28px #4566ae,28px 28px #4566ae,32px 28px #4566ae,48px 28px #4566ae,52px 28px #4566ae,56px 28px #4566ae,60px 28px #4566ae,64px 28px #4566ae,4px 32px #4566ae,8px 32px #4566ae,12px 32px #4566ae,16px 32px #4566ae,20px 32px #4566ae,60px 32px #4566ae,64px 32px #4566ae,4px 36px #4566ae,8px 36px #4566ae,12px 36px #4566ae,16px 36px #4566ae,20px 36px #4566ae,60px 36px #4566ae,64px 36px #4566ae,4px 40px #4566ae,8px 40px #4566ae,12px 40px #4566ae,16px 40px #4566ae,20px 40px #4566ae,60px 40px #4566ae,64px 40px #4566ae,4px 44px #4566ae,8px 44px #4566ae,12px 44px #4566ae,16px 44px #4566ae,20px 44px #4566ae,24px 44px #4566ae,28px 44px #4566ae,32px 44px #4566ae,48px 44px #4566ae,52px 44px #4566ae,56px 44px #4566ae,60px 44px #4566ae,64px 44px #4566ae,4px 48px #4566ae,8px 48px #4566ae,12px 48px #4566ae,16px 48px #4566ae,20px 48px #4566ae,24px 48px #4566ae,28px 48px #4566ae,32px 48px #4566ae,48px 48px #4566ae,52px 48px #4566ae,56px 48px #4566ae,60px 48px #4566ae,64px 48px #4566ae,4px 52px #4566ae,8px 52px #4566ae,12px 52px #4566ae,16px 52px #4566ae,20px 52px #4566ae,24px 52px #4566ae,28px 52px #4566ae,32px 52px #4566ae,48px 52px #4566ae,52px 52px #4566ae,56px 52px #4566ae,60px 52px #4566ae,64px 52px #4566ae,4px 56px #4566ae,8px 56px #4566ae,12px 56px #4566ae,16px 56px #4566ae,20px 56px #4566ae,24px 56px #4566ae,28px 56px #4566ae,32px 56px #4566ae,48px 56px #4566ae,52px 56px #4566ae,56px 56px #4566ae,60px 56px #4566ae,64px 56px #4566ae,4px 60px #4566ae,8px 60px #4566ae,12px 60px #4566ae,16px 60px #4566ae,20px 60px #4566ae,24px 60px #4566ae,28px 60px #4566ae,32px 60px #4566ae,48px 60px #4566ae,52px 60px #4566ae,56px 60px #4566ae,60px 60px #4566ae,64px 60px #4566ae,8px 64px #4566ae,12px 64px #4566ae,16px 64px #4566ae,20px 64px #4566ae,24px 64px #4566ae,28px 64px #4566ae,32px 64px #4566ae,48px 64px #4566ae,52px 64px #4566ae,56px 64px #4566ae,60px 64px #4566ae;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.is-large.github::before {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
box-shadow: 8px 4px #333,12px 4px #333,16px 4px #333,20px 4px #333,24px 4px #333,28px 4px #333,32px 4px #333,36px 4px #333,40px 4px #333,44px 4px #333,48px 4px #333,52px 4px #333,56px 4px #333,60px 4px #333,4px 8px #333,8px 8px #333,12px 8px #333,16px 8px #333,24px 8px #333,28px 8px #333,32px 8px #333,36px 8px #333,40px 8px #333,44px 8px #333,48px 8px #333,52px 8px #333,60px 8px #333,64px 8px #333,4px 12px #333,8px 12px #333,12px 12px #333,16px 12px #333,28px 12px #333,32px 12px #333,36px 12px #333,40px 12px #333,44px 12px #333,48px 12px #333,60px 12px #333,64px 12px #333,4px 16px #333,8px 16px #333,12px 16px #333,16px 16px #333,60px 16px #333,64px 16px #333,4px 20px #333,8px 20px #333,12px 20px #333,64px 20px #333,4px 24px #333,8px 24px #333,12px 24px #333,64px 24px #333,4px 28px #333,8px 28px #333,12px 28px #333,64px 28px #333,4px 32px #333,8px 32px #333,12px 32px #333,64px 32px #333,4px 36px #333,8px 36px #333,12px 36px #333,16px 36px #333,60px 36px #333,64px 36px #333,4px 40px #333,8px 40px #333,12px 40px #333,16px 40px #333,20px 40px #333,56px 40px #333,60px 40px #333,64px 40px #333,4px 44px #333,16px 44px #333,20px 44px #333,24px 44px #333,28px 44px #333,48px 44px #333,52px 44px #333,56px 44px #333,60px 44px #333,64px 44px #333,4px 48px #333,8px 48px #333,12px 48px #333,20px 48px #333,24px 48px #333,52px 48px #333,56px 48px #333,60px 48px #333,64px 48px #333,4px 52px #333,8px 52px #333,12px 52px #333,16px 52px #333,52px 52px #333,56px 52px #333,60px 52px #333,64px 52px #333,4px 56px #333,8px 56px #333,12px 56px #333,16px 56px #333,20px 56px #333,24px 56px #333,52px 56px #333,56px 56px #333,60px 56px #333,64px 56px #333,4px 60px #333,8px 60px #333,12px 60px #333,16px 60px #333,20px 60px #333,24px 60px #333,52px 60px #333,56px 60px #333,60px 60px #333,64px 60px #333,8px 64px #333,12px 64px #333,16px 64px #333,20px 64px #333,24px 64px #333,28px 64px #333,32px 64px #333,36px 64px #333,40px 64px #333,44px 64px #333,48px 64px #333,52px 64px #333,56px 64px #333,60px 64px #333;;
|
||||||
|
}
|
||||||
/*# sourceMappingURL=nes.css.map */
|
/*# sourceMappingURL=nes.css.map */
|
||||||
File diff suppressed because one or more lines are too long
13
css/nes.min.css
vendored
13
css/nes.min.css
vendored
File diff suppressed because one or more lines are too long
16
index.html
16
index.html
@@ -79,5 +79,21 @@
|
|||||||
<div class="balloon from-right">
|
<div class="balloon from-right">
|
||||||
<p>Good morning. Thou hast had a good night's sleep I hope.</p>
|
<p>Good morning. Thou hast had a good night's sleep I hope.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<i class="icon heart"></i> <i class="icon heart is-medium"></i>
|
||||||
|
<i class="icon heart is-large"></i>
|
||||||
|
|
||||||
|
<i class="icon star"></i> <i class="icon star is-medium"></i> <i class="icon star is-large"></i>
|
||||||
|
|
||||||
|
<i class="icon like"></i> <i class="icon like is-medium"></i> <i class="icon like is-large"></i>
|
||||||
|
|
||||||
|
<i class="icon twitter"></i> <i class="icon twitter is-medium"></i>
|
||||||
|
<i class="icon twitter is-large"></i>
|
||||||
|
|
||||||
|
<i class="icon facebook"></i> <i class="icon facebook is-medium"></i>
|
||||||
|
<i class="icon facebook is-large"></i>
|
||||||
|
|
||||||
|
<i class="icon github"></i> <i class="icon github is-medium"></i>
|
||||||
|
<i class="icon github is-large"></i>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "NES.css",
|
"name": "nes.css",
|
||||||
"version": "0.0.2",
|
"version": "0.0.2",
|
||||||
"description": "NES.css is NES-style CSS Framework.",
|
"description": "NES.css is NES-style CSS Framework.",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -3,6 +3,7 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 1rem 1.5rem;
|
padding: 1rem 1.5rem;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
// prettier-ignore
|
// prettier-ignore
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@@ -30,8 +31,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.from-left {
|
&.from-left {
|
||||||
margin-bottom: 30px;
|
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
left: 2rem;
|
left: 2rem;
|
||||||
|
|||||||
3
scss/icons/_index.scss
Normal file
3
scss/icons/_index.scss
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
@import "icons.scss";
|
||||||
20
scss/icons/facebook.scss
Normal file
20
scss/icons/facebook.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-facebook-colors: (#4566ae);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-facebook: (
|
||||||
|
( 0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0),
|
||||||
|
( 1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1),
|
||||||
|
( 0,1,1,1,1,1,1,1,0,0,0,1,1,1,1,0)
|
||||||
|
);
|
||||||
20
scss/icons/github.scss
Normal file
20
scss/icons/github.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-github-colors: (#333);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-github: (
|
||||||
|
( 0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0 ),
|
||||||
|
( 1,1,1,1,0,1,1,1,1,1,1,1,1,0,1,1 ),
|
||||||
|
( 1,1,1,1,0,0,1,1,1,1,1,1,0,0,1,1 ),
|
||||||
|
( 1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1 ),
|
||||||
|
( 1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1 ),
|
||||||
|
( 1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1 ),
|
||||||
|
( 1,0,0,1,1,1,1,0,0,0,0,1,1,1,1,1 ),
|
||||||
|
( 1,1,1,0,1,1,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0 )
|
||||||
|
);
|
||||||
20
scss/icons/heart.scss
Normal file
20
scss/icons/heart.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-heart-colors: (#333, #f11416, #831200);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-heart: (
|
||||||
|
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
|
||||||
|
(0,0,1,1,1,0,0,0,0,0,1,1,1,0,0,0),
|
||||||
|
(0,1,2,2,2,1,0,0,0,1,2,2,3,1,0,0),
|
||||||
|
(1,2,0,0,2,2,1,0,1,2,2,2,2,3,1,0),
|
||||||
|
(1,2,0,2,2,2,2,1,2,2,2,2,2,3,1,0),
|
||||||
|
(1,2,2,2,2,2,2,2,2,2,2,2,2,3,1,0),
|
||||||
|
(1,2,2,2,2,2,2,2,2,2,2,2,2,3,1,0),
|
||||||
|
(1,2,2,2,2,2,2,2,2,2,2,2,2,3,1,0),
|
||||||
|
(0,1,2,2,2,2,2,2,2,2,2,2,3,1,0,0),
|
||||||
|
(0,0,1,2,2,2,2,2,2,2,2,3,1,0,0,0),
|
||||||
|
(0,0,0,1,2,2,2,2,2,2,3,1,0,0,0,0),
|
||||||
|
(0,0,0,0,1,2,2,2,2,3,1,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,1,2,2,3,1,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,1,3,1,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
|
||||||
|
);
|
||||||
67
scss/icons/icons.scss
Normal file
67
scss/icons/icons.scss
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
// reaction
|
||||||
|
@import "heart.scss";
|
||||||
|
@import "star.scss";
|
||||||
|
@import "like.scss";
|
||||||
|
|
||||||
|
// sns
|
||||||
|
@import "twitter.scss";
|
||||||
|
@import "facebook.scss";
|
||||||
|
@import "github.scss";
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
@mixin setup($px) {
|
||||||
|
$size: $px * 16;
|
||||||
|
|
||||||
|
width: $size;
|
||||||
|
height: $size;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
top: $px * -1;
|
||||||
|
left: $px * -1;
|
||||||
|
display: block;
|
||||||
|
width: $size;
|
||||||
|
height: $size;
|
||||||
|
content: "";
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.heart::before {
|
||||||
|
@include pixelize($icon-heart, $icon-heart-colors, $px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.star::before {
|
||||||
|
@include pixelize($icon-star, $icon-star-colors, $px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.like::before {
|
||||||
|
@include pixelize($icon-like, $icon-like-colors, $px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.twitter::before {
|
||||||
|
@include pixelize($icon-twitter, $icon-twitter-colors, $px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.facebook::before {
|
||||||
|
@include pixelize($icon-facebook, $icon-facebook-colors, $px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.github::before {
|
||||||
|
@include pixelize($icon-github, $icon-github-colors, $px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// default
|
||||||
|
@include setup(2px);
|
||||||
|
|
||||||
|
&.is-medium {
|
||||||
|
@include setup(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-large {
|
||||||
|
@include setup(4px);
|
||||||
|
}
|
||||||
|
}
|
||||||
20
scss/icons/like.scss
Normal file
20
scss/icons/like.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-like-colors: (#333, #1e77be);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-like: (
|
||||||
|
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,1,0,0,1,1,1,1,1,1,0),
|
||||||
|
(0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1),
|
||||||
|
(0,1,1,1,0,1,0,0,0,0,0,0,0,0,0,1),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,0,0,1),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,0,1,0),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,0,1,0),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,0,1,0),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,1,0,0),
|
||||||
|
(1,2,2,2,1,0,0,0,0,0,0,0,0,1,0,0),
|
||||||
|
(0,1,1,1,0,1,1,1,1,1,1,1,1,0,0,0),
|
||||||
|
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
|
||||||
|
);
|
||||||
20
scss/icons/star.scss
Normal file
20
scss/icons/star.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-star-colors: (#333, #ebe517, #f59f54);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-star: (
|
||||||
|
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,1,2,1,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,0,1,2,1,0,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,1,2,2,2,1,0,0,0,0,0,0),
|
||||||
|
(0,0,0,0,0,1,0,0,2,1,0,0,0,0,0,0),
|
||||||
|
(1,1,1,1,1,1,0,2,2,2,1,1,1,1,1,0),
|
||||||
|
(1,2,2,2,0,0,2,2,2,2,2,2,2,2,1,0),
|
||||||
|
(0,1,2,2,0,2,2,2,2,2,2,2,3,1,0,0),
|
||||||
|
(0,0,1,2,2,2,2,2,2,2,3,3,1,0,0,0),
|
||||||
|
(0,0,0,1,2,2,2,2,2,2,2,1,0,0,0,0),
|
||||||
|
(0,0,1,2,2,2,2,3,2,2,2,2,1,0,0,0),
|
||||||
|
(0,0,1,2,2,2,3,3,3,2,2,2,1,0,0,0),
|
||||||
|
(0,1,2,2,3,3,3,1,3,3,3,2,2,1,0,0),
|
||||||
|
(0,1,2,3,3,1,1,0,1,1,3,3,2,1,0,0),
|
||||||
|
(1,3,3,1,1,0,0,0,0,0,1,1,3,3,1,0),
|
||||||
|
(1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0)
|
||||||
|
);
|
||||||
20
scss/icons/twitter.scss
Normal file
20
scss/icons/twitter.scss
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
$icon-twitter-colors: (#1c9ceb);
|
||||||
|
// prettier-ignore
|
||||||
|
$icon-twitter: (
|
||||||
|
( 0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0 ),
|
||||||
|
( 1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1 ),
|
||||||
|
( 1,0,1,1,1,1,1,1,1,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,0,0,0,1,1,1,1,0,0,0,0,0,1,1,1 ),
|
||||||
|
( 1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1 ),
|
||||||
|
( 1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1 ),
|
||||||
|
( 1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1 ),
|
||||||
|
( 1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1 ),
|
||||||
|
( 1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1 ),
|
||||||
|
( 1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1 ),
|
||||||
|
( 1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1 ),
|
||||||
|
( 0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0 )
|
||||||
|
);
|
||||||
@@ -7,3 +7,4 @@
|
|||||||
@import "base/_index.scss";
|
@import "base/_index.scss";
|
||||||
@import "utilities/_index.scss";
|
@import "utilities/_index.scss";
|
||||||
@import "elements/_index.scss";
|
@import "elements/_index.scss";
|
||||||
|
@import "icons/_index.scss";
|
||||||
|
|||||||
Reference in New Issue
Block a user