mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-02-24 09:23:50 +01:00
Code Issues Releases Wiki Activity

Merge pull request #47 from Kartones/add-trophy-icon

Browse Source 
Adds trophy css icon (same colors as star icon
This commit is contained in:
ダーシノ 2018-12-01 20:42:01 +09:00 committed by GitHub
commit 377e0837c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 73 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
css/nes.css
View File

@ -882,6 +882,18 @@ button,
}
}
.icon.trophy::before {
width: 2px;
height: 2px;
box-shadow: 6px 2px #444,8px 2px #444,10px 2px #444,12px 2px #444,14px 2px #444,16px 2px #444,18px 2px #444,20px 2px #444,22px 2px #444,24px 2px #444,26px 2px #444,6px 4px #444,8px 4px #ebe527,10px 4px #ebe527,12px 4px #ebe527,14px 4px #ebe527,16px 4px #ebe527,18px 4px #ebe527,20px 4px #ebe527,22px 4px #ebe527,24px 4px #f59f54,26px 4px #444,2px 6px #444,4px 6px #444,6px 6px #444,8px 6px #ebe527,10px 6px #fff,12px 6px #ebe527,14px 6px #ebe527,16px 6px #ebe527,18px 6px #ebe527,20px 6px #ebe527,22px 6px #ebe527,24px 6px #f59f54,26px 6px #444,28px 6px #444,30px 6px #444,2px 8px #444,6px 8px #444,8px 8px #ebe527,10px 8px #fff,12px 8px #ebe527,14px 8px #ebe527,16px 8px #ebe527,18px 8px #ebe527,20px 8px #ebe527,22px 8px #ebe527,24px 8px #f59f54,26px 8px #444,30px 8px #444,2px 10px #444,6px 10px #444,8px 10px #ebe527,10px 10px #fff,12px 10px #ebe527,14px 10px #ebe527,16px 10px #ebe527,18px 10px #ebe527,20px 10px #ebe527,22px 10px #ebe527,24px 10px #f59f54,26px 10px #444,30px 10px #444,4px 12px #444,6px 12px #444,8px 12px #ebe527,10px 12px #fff,12px 12px #ebe527,14px 12px #ebe527,16px 12px #ebe527,18px 12px #ebe527,20px 12px #ebe527,22px 12px #ebe527,24px 12px #f59f54,26px 12px #444,28px 12px #444,6px 14px #444,8px 14px #ebe527,10px 14px #fff,12px 14px #ebe527,14px 14px #ebe527,16px 14px #ebe527,18px 14px #ebe527,20px 14px #ebe527,22px 14px #ebe527,24px 14px #f59f54,26px 14px #444,6px 16px #444,8px 16px #ebe527,10px 16px #ebe527,12px 16px #ebe527,14px 16px #ebe527,16px 16px #ebe527,18px 16px #ebe527,20px 16px #ebe527,22px 16px #ebe527,24px 16px #f59f54,26px 16px #444,8px 18px #444,10px 18px #ebe527,12px 18px #ebe527,14px 18px #ebe527,16px 18px #ebe527,18px 18px #ebe527,20px 18px #ebe527,22px 18px #f59f54,24px 18px #444,10px 20px #444,12px 20px #ebe527,14px 20px #ebe527,16px 20px #ebe527,18px 20px #ebe527,20px 20px #f59f54,22px 20px #444,12px 22px #444,14px 22px #ebe527,16px 22px #ebe527,18px 22px #f59f54,20px 22px #444,14px 24px #444,16px 24px #ebe527,18px 24px #444,14px 26px #444,16px 26px #ebe527,18px 26px #444,12px 28px #444,14px 28px #444,16px 28px #ebe527,18px 28px #444,20px 28px #444,10px 30px #444,12px 30px #ebe527,14px 30px #ebe527,16px 30px #ebe527,18px 30px #ebe527,20px 30px #f59f54,22px 30px #444,10px 32px #444,12px 32px #444,14px 32px #444,16px 32px #444,18px 32px #444,20px 32px #444,22px 32px #444;
}
@-moz-document url-prefix() {
.icon.trophy::before {
-webkit-box-shadow: 6px 2px 0 0.020em #444,8px 2px 0 0.020em #444,10px 2px 0 0.020em #444,12px 2px 0 0.020em #444,14px 2px 0 0.020em #444,16px 2px 0 0.020em #444,18px 2px 0 0.020em #444,20px 2px 0 0.020em #444,22px 2px 0 0.020em #444,24px 2px 0 0.020em #444,26px 2px 0 0.020em #444,6px 4px 0 0.020em #444,8px 4px 0 0.020em #ebe527,10px 4px 0 0.020em #ebe527,12px 4px 0 0.020em #ebe527,14px 4px 0 0.020em #ebe527,16px 4px 0 0.020em #ebe527,18px 4px 0 0.020em #ebe527,20px 4px 0 0.020em #ebe527,22px 4px 0 0.020em #ebe527,24px 4px 0 0.020em #f59f54,26px 4px 0 0.020em #444,2px 6px 0 0.020em #444,4px 6px 0 0.020em #444,6px 6px 0 0.020em #444,8px 6px 0 0.020em #ebe527,10px 6px 0 0.020em #fff,12px 6px 0 0.020em #ebe527,14px 6px 0 0.020em #ebe527,16px 6px 0 0.020em #ebe527,18px 6px 0 0.020em #ebe527,20px 6px 0 0.020em #ebe527,22px 6px 0 0.020em #ebe527,24px 6px 0 0.020em #f59f54,26px 6px 0 0.020em #444,28px 6px 0 0.020em #444,30px 6px 0 0.020em #444,2px 8px 0 0.020em #444,6px 8px 0 0.020em #444,8px 8px 0 0.020em #ebe527,10px 8px 0 0.020em #fff,12px 8px 0 0.020em #ebe527,14px 8px 0 0.020em #ebe527,16px 8px 0 0.020em #ebe527,18px 8px 0 0.020em #ebe527,20px 8px 0 0.020em #ebe527,22px 8px 0 0.020em #ebe527,24px 8px 0 0.020em #f59f54,26px 8px 0 0.020em #444,30px 8px 0 0.020em #444,2px 10px 0 0.020em #444,6px 10px 0 0.020em #444,8px 10px 0 0.020em #ebe527,10px 10px 0 0.020em #fff,12px 10px 0 0.020em #ebe527,14px 10px 0 0.020em #ebe527,16px 10px 0 0.020em #ebe527,18px 10px 0 0.020em #ebe527,20px 10px 0 0.020em #ebe527,22px 10px 0 0.020em #ebe527,24px 10px 0 0.020em #f59f54,26px 10px 0 0.020em #444,30px 10px 0 0.020em #444,4px 12px 0 0.020em #444,6px 12px 0 0.020em #444,8px 12px 0 0.020em #ebe527,10px 12px 0 0.020em #fff,12px 12px 0 0.020em #ebe527,14px 12px 0 0.020em #ebe527,16px 12px 0 0.020em #ebe527,18px 12px 0 0.020em #ebe527,20px 12px 0 0.020em #ebe527,22px 12px 0 0.020em #ebe527,24px 12px 0 0.020em #f59f54,26px 12px 0 0.020em #444,28px 12px 0 0.020em #444,6px 14px 0 0.020em #444,8px 14px 0 0.020em #ebe527,10px 14px 0 0.020em #fff,12px 14px 0 0.020em #ebe527,14px 14px 0 0.020em #ebe527,16px 14px 0 0.020em #ebe527,18px 14px 0 0.020em #ebe527,20px 14px 0 0.020em #ebe527,22px 14px 0 0.020em #ebe527,24px 14px 0 0.020em #f59f54,26px 14px 0 0.020em #444,6px 16px 0 0.020em #444,8px 16px 0 0.020em #ebe527,10px 16px 0 0.020em #ebe527,12px 16px 0 0.020em #ebe527,14px 16px 0 0.020em #ebe527,16px 16px 0 0.020em #ebe527,18px 16px 0 0.020em #ebe527,20px 16px 0 0.020em #ebe527,22px 16px 0 0.020em #ebe527,24px 16px 0 0.020em #f59f54,26px 16px 0 0.020em #444,8px 18px 0 0.020em #444,10px 18px 0 0.020em #ebe527,12px 18px 0 0.020em #ebe527,14px 18px 0 0.020em #ebe527,16px 18px 0 0.020em #ebe527,18px 18px 0 0.020em #ebe527,20px 18px 0 0.020em #ebe527,22px 18px 0 0.020em #f59f54,24px 18px 0 0.020em #444,10px 20px 0 0.020em #444,12px 20px 0 0.020em #ebe527,14px 20px 0 0.020em #ebe527,16px 20px 0 0.020em #ebe527,18px 20px 0 0.020em #ebe527,20px 20px 0 0.020em #f59f54,22px 20px 0 0.020em #444,12px 22px 0 0.020em #444,14px 22px 0 0.020em #ebe527,16px 22px 0 0.020em #ebe527,18px 22px 0 0.020em #f59f54,20px 22px 0 0.020em #444,14px 24px 0 0.020em #444,16px 24px 0 0.020em #ebe527,18px 24px 0 0.020em #444,14px 26px 0 0.020em #444,16px 26px 0 0.020em #ebe527,18px 26px 0 0.020em #444,12px 28px 0 0.020em #444,14px 28px 0 0.020em #444,16px 28px 0 0.020em #ebe527,18px 28px 0 0.020em #444,20px 28px 0 0.020em #444,10px 30px 0 0.020em #444,12px 30px 0 0.020em #ebe527,14px 30px 0 0.020em #ebe527,16px 30px 0 0.020em #ebe527,18px 30px 0 0.020em #ebe527,20px 30px 0 0.020em #f59f54,22px 30px 0 0.020em #444,10px 32px 0 0.020em #444,12px 32px 0 0.020em #444,14px 32px 0 0.020em #444,16px 32px 0 0.020em #444,18px 32px 0 0.020em #444,20px 32px 0 0.020em #444,22px 32px 0 0.020em #444;
}
}
.icon.like::before {
width: 2px;
height: 2px;
@ -982,6 +994,18 @@ button,
}
}
.icon.is-medium.trophy::before {
width: 3px;
height: 3px;
box-shadow: 9px 3px #444,12px 3px #444,15px 3px #444,18px 3px #444,21px 3px #444,24px 3px #444,27px 3px #444,30px 3px #444,33px 3px #444,36px 3px #444,39px 3px #444,9px 6px #444,12px 6px #ebe527,15px 6px #ebe527,18px 6px #ebe527,21px 6px #ebe527,24px 6px #ebe527,27px 6px #ebe527,30px 6px #ebe527,33px 6px #ebe527,36px 6px #f59f54,39px 6px #444,3px 9px #444,6px 9px #444,9px 9px #444,12px 9px #ebe527,15px 9px #fff,18px 9px #ebe527,21px 9px #ebe527,24px 9px #ebe527,27px 9px #ebe527,30px 9px #ebe527,33px 9px #ebe527,36px 9px #f59f54,39px 9px #444,42px 9px #444,45px 9px #444,3px 12px #444,9px 12px #444,12px 12px #ebe527,15px 12px #fff,18px 12px #ebe527,21px 12px #ebe527,24px 12px #ebe527,27px 12px #ebe527,30px 12px #ebe527,33px 12px #ebe527,36px 12px #f59f54,39px 12px #444,45px 12px #444,3px 15px #444,9px 15px #444,12px 15px #ebe527,15px 15px #fff,18px 15px #ebe527,21px 15px #ebe527,24px 15px #ebe527,27px 15px #ebe527,30px 15px #ebe527,33px 15px #ebe527,36px 15px #f59f54,39px 15px #444,45px 15px #444,6px 18px #444,9px 18px #444,12px 18px #ebe527,15px 18px #fff,18px 18px #ebe527,21px 18px #ebe527,24px 18px #ebe527,27px 18px #ebe527,30px 18px #ebe527,33px 18px #ebe527,36px 18px #f59f54,39px 18px #444,42px 18px #444,9px 21px #444,12px 21px #ebe527,15px 21px #fff,18px 21px #ebe527,21px 21px #ebe527,24px 21px #ebe527,27px 21px #ebe527,30px 21px #ebe527,33px 21px #ebe527,36px 21px #f59f54,39px 21px #444,9px 24px #444,12px 24px #ebe527,15px 24px #ebe527,18px 24px #ebe527,21px 24px #ebe527,24px 24px #ebe527,27px 24px #ebe527,30px 24px #ebe527,33px 24px #ebe527,36px 24px #f59f54,39px 24px #444,12px 27px #444,15px 27px #ebe527,18px 27px #ebe527,21px 27px #ebe527,24px 27px #ebe527,27px 27px #ebe527,30px 27px #ebe527,33px 27px #f59f54,36px 27px #444,15px 30px #444,18px 30px #ebe527,21px 30px #ebe527,24px 30px #ebe527,27px 30px #ebe527,30px 30px #f59f54,33px 30px #444,18px 33px #444,21px 33px #ebe527,24px 33px #ebe527,27px 33px #f59f54,30px 33px #444,21px 36px #444,24px 36px #ebe527,27px 36px #444,21px 39px #444,24px 39px #ebe527,27px 39px #444,18px 42px #444,21px 42px #444,24px 42px #ebe527,27px 42px #444,30px 42px #444,15px 45px #444,18px 45px #ebe527,21px 45px #ebe527,24px 45px #ebe527,27px 45px #ebe527,30px 45px #f59f54,33px 45px #444,15px 48px #444,18px 48px #444,21px 48px #444,24px 48px #444,27px 48px #444,30px 48px #444,33px 48px #444;
}
@-moz-document url-prefix() {
.icon.is-medium.trophy::before {
-webkit-box-shadow: 9px 3px 0 0.020em #444,12px 3px 0 0.020em #444,15px 3px 0 0.020em #444,18px 3px 0 0.020em #444,21px 3px 0 0.020em #444,24px 3px 0 0.020em #444,27px 3px 0 0.020em #444,30px 3px 0 0.020em #444,33px 3px 0 0.020em #444,36px 3px 0 0.020em #444,39px 3px 0 0.020em #444,9px 6px 0 0.020em #444,12px 6px 0 0.020em #ebe527,15px 6px 0 0.020em #ebe527,18px 6px 0 0.020em #ebe527,21px 6px 0 0.020em #ebe527,24px 6px 0 0.020em #ebe527,27px 6px 0 0.020em #ebe527,30px 6px 0 0.020em #ebe527,33px 6px 0 0.020em #ebe527,36px 6px 0 0.020em #f59f54,39px 6px 0 0.020em #444,3px 9px 0 0.020em #444,6px 9px 0 0.020em #444,9px 9px 0 0.020em #444,12px 9px 0 0.020em #ebe527,15px 9px 0 0.020em #fff,18px 9px 0 0.020em #ebe527,21px 9px 0 0.020em #ebe527,24px 9px 0 0.020em #ebe527,27px 9px 0 0.020em #ebe527,30px 9px 0 0.020em #ebe527,33px 9px 0 0.020em #ebe527,36px 9px 0 0.020em #f59f54,39px 9px 0 0.020em #444,42px 9px 0 0.020em #444,45px 9px 0 0.020em #444,3px 12px 0 0.020em #444,9px 12px 0 0.020em #444,12px 12px 0 0.020em #ebe527,15px 12px 0 0.020em #fff,18px 12px 0 0.020em #ebe527,21px 12px 0 0.020em #ebe527,24px 12px 0 0.020em #ebe527,27px 12px 0 0.020em #ebe527,30px 12px 0 0.020em #ebe527,33px 12px 0 0.020em #ebe527,36px 12px 0 0.020em #f59f54,39px 12px 0 0.020em #444,45px 12px 0 0.020em #444,3px 15px 0 0.020em #444,9px 15px 0 0.020em #444,12px 15px 0 0.020em #ebe527,15px 15px 0 0.020em #fff,18px 15px 0 0.020em #ebe527,21px 15px 0 0.020em #ebe527,24px 15px 0 0.020em #ebe527,27px 15px 0 0.020em #ebe527,30px 15px 0 0.020em #ebe527,33px 15px 0 0.020em #ebe527,36px 15px 0 0.020em #f59f54,39px 15px 0 0.020em #444,45px 15px 0 0.020em #444,6px 18px 0 0.020em #444,9px 18px 0 0.020em #444,12px 18px 0 0.020em #ebe527,15px 18px 0 0.020em #fff,18px 18px 0 0.020em #ebe527,21px 18px 0 0.020em #ebe527,24px 18px 0 0.020em #ebe527,27px 18px 0 0.020em #ebe527,30px 18px 0 0.020em #ebe527,33px 18px 0 0.020em #ebe527,36px 18px 0 0.020em #f59f54,39px 18px 0 0.020em #444,42px 18px 0 0.020em #444,9px 21px 0 0.020em #444,12px 21px 0 0.020em #ebe527,15px 21px 0 0.020em #fff,18px 21px 0 0.020em #ebe527,21px 21px 0 0.020em #ebe527,24px 21px 0 0.020em #ebe527,27px 21px 0 0.020em #ebe527,30px 21px 0 0.020em #ebe527,33px 21px 0 0.020em #ebe527,36px 21px 0 0.020em #f59f54,39px 21px 0 0.020em #444,9px 24px 0 0.020em #444,12px 24px 0 0.020em #ebe527,15px 24px 0 0.020em #ebe527,18px 24px 0 0.020em #ebe527,21px 24px 0 0.020em #ebe527,24px 24px 0 0.020em #ebe527,27px 24px 0 0.020em #ebe527,30px 24px 0 0.020em #ebe527,33px 24px 0 0.020em #ebe527,36px 24px 0 0.020em #f59f54,39px 24px 0 0.020em #444,12px 27px 0 0.020em #444,15px 27px 0 0.020em #ebe527,18px 27px 0 0.020em #ebe527,21px 27px 0 0.020em #ebe527,24px 27px 0 0.020em #ebe527,27px 27px 0 0.020em #ebe527,30px 27px 0 0.020em #ebe527,33px 27px 0 0.020em #f59f54,36px 27px 0 0.020em #444,15px 30px 0 0.020em #444,18px 30px 0 0.020em #ebe527,21px 30px 0 0.020em #ebe527,24px 30px 0 0.020em #ebe527,27px 30px 0 0.020em #ebe527,30px 30px 0 0.020em #f59f54,33px 30px 0 0.020em #444,18px 33px 0 0.020em #444,21px 33px 0 0.020em #ebe527,24px 33px 0 0.020em #ebe527,27px 33px 0 0.020em #f59f54,30px 33px 0 0.020em #444,21px 36px 0 0.020em #444,24px 36px 0 0.020em #ebe527,27px 36px 0 0.020em #444,21px 39px 0 0.020em #444,24px 39px 0 0.020em #ebe527,27px 39px 0 0.020em #444,18px 42px 0 0.020em #444,21px 42px 0 0.020em #444,24px 42px 0 0.020em #ebe527,27px 42px 0 0.020em #444,30px 42px 0 0.020em #444,15px 45px 0 0.020em #444,18px 45px 0 0.020em #ebe527,21px 45px 0 0.020em #ebe527,24px 45px 0 0.020em #ebe527,27px 45px 0 0.020em #ebe527,30px 45px 0 0.020em #f59f54,33px 45px 0 0.020em #444,15px 48px 0 0.020em #444,18px 48px 0 0.020em #444,21px 48px 0 0.020em #444,24px 48px 0 0.020em #444,27px 48px 0 0.020em #444,30px 48px 0 0.020em #444,33px 48px 0 0.020em #444;
}
}
.icon.is-medium.like::before {
width: 3px;
height: 3px;
@ -1082,6 +1106,18 @@ button,
}
}
.icon.is-large.trophy::before {
width: 4px;
height: 4px;
box-shadow: 12px 4px #444,16px 4px #444,20px 4px #444,24px 4px #444,28px 4px #444,32px 4px #444,36px 4px #444,40px 4px #444,44px 4px #444,48px 4px #444,52px 4px #444,12px 8px #444,16px 8px #ebe527,20px 8px #ebe527,24px 8px #ebe527,28px 8px #ebe527,32px 8px #ebe527,36px 8px #ebe527,40px 8px #ebe527,44px 8px #ebe527,48px 8px #f59f54,52px 8px #444,4px 12px #444,8px 12px #444,12px 12px #444,16px 12px #ebe527,20px 12px #fff,24px 12px #ebe527,28px 12px #ebe527,32px 12px #ebe527,36px 12px #ebe527,40px 12px #ebe527,44px 12px #ebe527,48px 12px #f59f54,52px 12px #444,56px 12px #444,60px 12px #444,4px 16px #444,12px 16px #444,16px 16px #ebe527,20px 16px #fff,24px 16px #ebe527,28px 16px #ebe527,32px 16px #ebe527,36px 16px #ebe527,40px 16px #ebe527,44px 16px #ebe527,48px 16px #f59f54,52px 16px #444,60px 16px #444,4px 20px #444,12px 20px #444,16px 20px #ebe527,20px 20px #fff,24px 20px #ebe527,28px 20px #ebe527,32px 20px #ebe527,36px 20px #ebe527,40px 20px #ebe527,44px 20px #ebe527,48px 20px #f59f54,52px 20px #444,60px 20px #444,8px 24px #444,12px 24px #444,16px 24px #ebe527,20px 24px #fff,24px 24px #ebe527,28px 24px #ebe527,32px 24px #ebe527,36px 24px #ebe527,40px 24px #ebe527,44px 24px #ebe527,48px 24px #f59f54,52px 24px #444,56px 24px #444,12px 28px #444,16px 28px #ebe527,20px 28px #fff,24px 28px #ebe527,28px 28px #ebe527,32px 28px #ebe527,36px 28px #ebe527,40px 28px #ebe527,44px 28px #ebe527,48px 28px #f59f54,52px 28px #444,12px 32px #444,16px 32px #ebe527,20px 32px #ebe527,24px 32px #ebe527,28px 32px #ebe527,32px 32px #ebe527,36px 32px #ebe527,40px 32px #ebe527,44px 32px #ebe527,48px 32px #f59f54,52px 32px #444,16px 36px #444,20px 36px #ebe527,24px 36px #ebe527,28px 36px #ebe527,32px 36px #ebe527,36px 36px #ebe527,40px 36px #ebe527,44px 36px #f59f54,48px 36px #444,20px 40px #444,24px 40px #ebe527,28px 40px #ebe527,32px 40px #ebe527,36px 40px #ebe527,40px 40px #f59f54,44px 40px #444,24px 44px #444,28px 44px #ebe527,32px 44px #ebe527,36px 44px #f59f54,40px 44px #444,28px 48px #444,32px 48px #ebe527,36px 48px #444,28px 52px #444,32px 52px #ebe527,36px 52px #444,24px 56px #444,28px 56px #444,32px 56px #ebe527,36px 56px #444,40px 56px #444,20px 60px #444,24px 60px #ebe527,28px 60px #ebe527,32px 60px #ebe527,36px 60px #ebe527,40px 60px #f59f54,44px 60px #444,20px 64px #444,24px 64px #444,28px 64px #444,32px 64px #444,36px 64px #444,40px 64px #444,44px 64px #444;
}
@-moz-document url-prefix() {
.icon.is-large.trophy::before {
-webkit-box-shadow: 12px 4px 0 0.020em #444,16px 4px 0 0.020em #444,20px 4px 0 0.020em #444,24px 4px 0 0.020em #444,28px 4px 0 0.020em #444,32px 4px 0 0.020em #444,36px 4px 0 0.020em #444,40px 4px 0 0.020em #444,44px 4px 0 0.020em #444,48px 4px 0 0.020em #444,52px 4px 0 0.020em #444,12px 8px 0 0.020em #444,16px 8px 0 0.020em #ebe527,20px 8px 0 0.020em #ebe527,24px 8px 0 0.020em #ebe527,28px 8px 0 0.020em #ebe527,32px 8px 0 0.020em #ebe527,36px 8px 0 0.020em #ebe527,40px 8px 0 0.020em #ebe527,44px 8px 0 0.020em #ebe527,48px 8px 0 0.020em #f59f54,52px 8px 0 0.020em #444,4px 12px 0 0.020em #444,8px 12px 0 0.020em #444,12px 12px 0 0.020em #444,16px 12px 0 0.020em #ebe527,20px 12px 0 0.020em #fff,24px 12px 0 0.020em #ebe527,28px 12px 0 0.020em #ebe527,32px 12px 0 0.020em #ebe527,36px 12px 0 0.020em #ebe527,40px 12px 0 0.020em #ebe527,44px 12px 0 0.020em #ebe527,48px 12px 0 0.020em #f59f54,52px 12px 0 0.020em #444,56px 12px 0 0.020em #444,60px 12px 0 0.020em #444,4px 16px 0 0.020em #444,12px 16px 0 0.020em #444,16px 16px 0 0.020em #ebe527,20px 16px 0 0.020em #fff,24px 16px 0 0.020em #ebe527,28px 16px 0 0.020em #ebe527,32px 16px 0 0.020em #ebe527,36px 16px 0 0.020em #ebe527,40px 16px 0 0.020em #ebe527,44px 16px 0 0.020em #ebe527,48px 16px 0 0.020em #f59f54,52px 16px 0 0.020em #444,60px 16px 0 0.020em #444,4px 20px 0 0.020em #444,12px 20px 0 0.020em #444,16px 20px 0 0.020em #ebe527,20px 20px 0 0.020em #fff,24px 20px 0 0.020em #ebe527,28px 20px 0 0.020em #ebe527,32px 20px 0 0.020em #ebe527,36px 20px 0 0.020em #ebe527,40px 20px 0 0.020em #ebe527,44px 20px 0 0.020em #ebe527,48px 20px 0 0.020em #f59f54,52px 20px 0 0.020em #444,60px 20px 0 0.020em #444,8px 24px 0 0.020em #444,12px 24px 0 0.020em #444,16px 24px 0 0.020em #ebe527,20px 24px 0 0.020em #fff,24px 24px 0 0.020em #ebe527,28px 24px 0 0.020em #ebe527,32px 24px 0 0.020em #ebe527,36px 24px 0 0.020em #ebe527,40px 24px 0 0.020em #ebe527,44px 24px 0 0.020em #ebe527,48px 24px 0 0.020em #f59f54,52px 24px 0 0.020em #444,56px 24px 0 0.020em #444,12px 28px 0 0.020em #444,16px 28px 0 0.020em #ebe527,20px 28px 0 0.020em #fff,24px 28px 0 0.020em #ebe527,28px 28px 0 0.020em #ebe527,32px 28px 0 0.020em #ebe527,36px 28px 0 0.020em #ebe527,40px 28px 0 0.020em #ebe527,44px 28px 0 0.020em #ebe527,48px 28px 0 0.020em #f59f54,52px 28px 0 0.020em #444,12px 32px 0 0.020em #444,16px 32px 0 0.020em #ebe527,20px 32px 0 0.020em #ebe527,24px 32px 0 0.020em #ebe527,28px 32px 0 0.020em #ebe527,32px 32px 0 0.020em #ebe527,36px 32px 0 0.020em #ebe527,40px 32px 0 0.020em #ebe527,44px 32px 0 0.020em #ebe527,48px 32px 0 0.020em #f59f54,52px 32px 0 0.020em #444,16px 36px 0 0.020em #444,20px 36px 0 0.020em #ebe527,24px 36px 0 0.020em #ebe527,28px 36px 0 0.020em #ebe527,32px 36px 0 0.020em #ebe527,36px 36px 0 0.020em #ebe527,40px 36px 0 0.020em #ebe527,44px 36px 0 0.020em #f59f54,48px 36px 0 0.020em #444,20px 40px 0 0.020em #444,24px 40px 0 0.020em #ebe527,28px 40px 0 0.020em #ebe527,32px 40px 0 0.020em #ebe527,36px 40px 0 0.020em #ebe527,40px 40px 0 0.020em #f59f54,44px 40px 0 0.020em #444,24px 44px 0 0.020em #444,28px 44px 0 0.020em #ebe527,32px 44px 0 0.020em #ebe527,36px 44px 0 0.020em #f59f54,40px 44px 0 0.020em #444,28px 48px 0 0.020em #444,32px 48px 0 0.020em #ebe527,36px 48px 0 0.020em #444,28px 52px 0 0.020em #444,32px 52px 0 0.020em #ebe527,36px 52px 0 0.020em #444,24px 56px 0 0.020em #444,28px 56px 0 0.020em #444,32px 56px 0 0.020em #ebe527,36px 56px 0 0.020em #444,40px 56px 0 0.020em #444,20px 60px 0 0.020em #444,24px 60px 0 0.020em #ebe527,28px 60px 0 0.020em #ebe527,32px 60px 0 0.020em #ebe527,36px 60px 0 0.020em #ebe527,40px 60px 0 0.020em #f59f54,44px 60px 0 0.020em #444,20px 64px 0 0.020em #444,24px 64px 0 0.020em #444,28px 64px 0 0.020em #444,32px 64px 0 0.020em #444,36px 64px 0 0.020em #444,40px 64px 0 0.020em #444,44px 64px 0 0.020em #444;
}
}
.icon.is-large.like::before {
width: 4px;
height: 4px;

3
css/nes.css.map
View File

File diff suppressed because one or more lines are too long

2
css/nes.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
index.html
View File

@ -198,6 +198,10 @@
<i class="icon close is-large"></i>
<i class="octocat animate"></i>
<i class="icon trophy"></i>
<i class="icon trophy is-medium"></i>
<i class="icon trophy is-large"></i>
</div>
</section>

5
scss/icons/icons.scss
View File

@ -10,6 +10,7 @@
// others
@import "close.scss";
@import "trophy.scss";
.icon {
position: relative;
@ -40,6 +41,10 @@
@include pixelize($icon-star, $icon-star-colors, $px);
}
&.trophy::before {
@include pixelize($icon-trophy, $icon-trophy-colors, $px);
}
&.like::before {
@include pixelize($icon-like, $icon-like-colors, $px);
}

25
scss/icons/trophy.scss Normal file
View File

@ -0,0 +1,25 @@
$icon-trophy-colors: (#fff, #444, #ebe527, #f59f54);
// prettier-ignore
$icon-trophy: (
(0,0,2,2,2,2,2,2,2,2,2,2,2,0,0,0),
(0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
(2,2,2,3,1,3,3,3,3,3,3,4,2,2,2,0),
(2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
(2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
(0,2,2,3,1,3,3,3,3,3,3,4,2,2,0,0),
(0,0,2,3,1,3,3,3,3,3,3,4,2,0,0,0),
(0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
(0,0,0,2,3,3,3,3,3,3,4,2,0,0,0,0),
(0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
(0,0,0,0,0,2,3,3,4,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,2,2,3,2,2,0,0,0,0,0,0),
(0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
(0,0,0,0,2,2,2,2,2,2,2,0,0,0,0,0),
);
// 2 black
// 3 yellow
// 1 white
// 4 orange