mirror of
https://github.com/Mibew/simple-icons.git
synced 2025-05-02 09:06:43 +03:00
Tweaked metrics and breakpoints
This commit is contained in:
parent
7f46931b18
commit
947131e2d4
16
index.html
16
index.html
File diff suppressed because one or more lines are too long
@ -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();
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user