mirror of
https://github.com/silicon-linux/silicon-linux.github.io.git
synced 2025-01-22 14:12:01 -05:00
Responsive Design
This commit is contained in:
parent
927cf8d07f
commit
fbb552335a
1 changed files with 28 additions and 0 deletions
28
style.css
28
style.css
|
@ -92,3 +92,31 @@ li a:hover {
|
|||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.navigation .icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.navigation a:not(:first-child) {display: none;}
|
||||
.navigation a.icon {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.navigation.responsive {position: relative;}
|
||||
.navigation.responsive a.icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.navigation.responsive a {
|
||||
float: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue