xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

reduce visual elements on mobile devices

Browse Source
This commit is contained in:
amphineko 2020-03-21 20:20:04 +08:00
parent 5b9f7a0cd1
commit b0cc777bb3
No known key found for this signature in database
GPG Key ID: 4582E6587852EF42
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/index.css
View File

@ -35,6 +35,7 @@ html {
#container { #container {
background: url(./assets/images/container-background.svg) grey; background: url(./assets/images/container-background.svg) grey;
background-size: cover;
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
padding: 1em 0; padding: 1em 0;
margin: 0 auto; margin: 0 auto;
@ -60,3 +61,25 @@ html {
.identities .small-labels .group::before, .identities .small-labels .label::before { .identities .small-labels .group::before, .identities .small-labels .label::before {
color: #333; color: #333;
} }
@media (max-width: 768px) {
body {
padding: 0;
}
#container {
padding: 0;
}
#container, #container>*:first-child {
border-top-left-radius: 0;
}
#container, #container>*:last-child, #container>*:last-child>*:last-child {
border-bottom-right-radius: 0;
}
.section.header {
background: rgba(0, 0, 0, 0.75);
}
}