Mibew/simple-icons
1
0
Fork 0
mirror of https://github.com/Mibew/simple-icons.git synced 2025-05-25 11:38:56 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweaked metrics and breakpoints

Browse Source
This commit is contained in:
Dan Leech 2016-08-04 15:48:09 +01:00
parent 7f46931b18
commit 947131e2d4
4 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
404.html
View File

File diff suppressed because one or more lines are too long

16
index.html
View File

File diff suppressed because one or more lines are too long

2
src/build.js
View File

@ -84,7 +84,7 @@ var header = fs.readFileSync('./header.html', 'utf8');
var footer = fs.readFileSync('./footer.html', 'utf8'); var footer = fs.readFileSync('./footer.html', 'utf8');
// Build content // Build content
var main = " <ul class=\"tiles tiles--icons\">"; var main = " <ul class=\"tiles tiles--full\">";
for (var i = 0; i < source.icons.length; i++) { for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase(); var fileName = source.icons[i].title.toLowerCase();

14
src/header.html
View File

@ -121,7 +121,7 @@
color: #FFF; color: #FFF;
font-size: 0.8125rem; font-size: 0.8125rem;
line-height: 1rem; line-height: 1rem;
padding: 1.25rem 0.75rem 1.25rem; padding: 1rem 0.75rem;
/*text-transform: uppercase;*/ /*text-transform: uppercase;*/
width: 100%; width: 100%;
} }
@ -135,7 +135,7 @@
} }
.tiles li:hover { .tiles li:hover {
border: 0.125rem solid #FFF; border: 0.125rem solid #FFF;
padding: 1.375rem 0.875rem; padding: 1.125rem 0.875rem;
} }
.tile-name { .tile-name {
color: #FFF; color: #FFF;
@ -169,11 +169,11 @@
} }
@media (min-width: 800px) { .tiles li { width: 50%; } } @media (min-width: 800px) { .tiles li { width: 50%; } }
@media (min-width: 1000px) { .tiles li { width: 33.333%; } } @media (min-width: 1000px) { .tiles li { width: 33.333%; } }
@media (min-width: 1200px) { .tiles li { width: 25% } } @media (min-width: 1100px) { .tiles li { width: 25% } }
@media (min-width: 1500px) { .tiles li { width: 20% } } @media (min-width: 1400px) { .tiles li { width: 20% } }
@media (min-width: 1800px) { .tiles li { width: 16.666% } } @media (min-width: 1600px) { .tiles li { width: 16.666% } }
@media (min-width: 2000px) { .tiles li { width: 12.5% } } @media (min-width: 1900px) { .tiles li { width: 12.5% } }
@media (min-width: 2400px) { .tiles li { width: 10% } } @media (min-width: 2300px) { .tiles li { width: 10% } }
.tiles--icons { .tiles--icons {
justify-content: center; justify-content: center;
} }