vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

adjustments for responsive webdesign

Browse source
This commit is contained in:
Vrifox 2020-09-21 10:59:52 +02:00
parent ece55fd60b
commit 740f1318ce
11 changed files with 265 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

44
assets/scss/partials/_footer.scss
View file

@ -2,24 +2,40 @@ footer {
background: rgb(30, 30, 45);
color: rgb(200, 200, 230);
margin-top: 100px;
white-space: nowrap;
overflow-x: auto;
.container {
display: flex;
align-items: center;
max-width: none;
.website-subnav {
margin-left: auto;
ul {
display: flex;
padding: 0;
}
li {
list-style-type: none;
padding: 10px 0 10px 30px;
}
a {
color: rgb(200, 200, 230);
}
}
}
}
.website-subnav {
margin-left: auto;
ul {
display: flex;
padding: 0;
}
li {
list-style-type: none;
padding: 10px;
padding-left: 20px;
}
a {
color: rgb(200, 200, 230);
@media (max-width: 600px) {
footer {
.container {
.website-version {
order: 2;
padding: 10px 20px;
}
.website-subnav {
li {
padding: 10px 30px 10px 0;
}
}
}
}
}

7
assets/scss/partials/_main.scss
View file

@ -15,10 +15,15 @@ body {
margin: 0;
font-family: Monaco, Lucida Console, monospace;
display: grid;
overflow-x: hidden;
}
.container {
width: 100%;
width: calc(100% - 40px);
max-width: 1140px;
margin: 0 auto;
}
main {
width: 100vw;
}

17
assets/scss/partials/_nav.scss
View file

@ -1,9 +1,12 @@
nav {
background: rgb(60, 60, 90);
white-space: nowrap;
overflow-x: auto;
.container {
display: flex;
align-items: center;
.website-name {
max-width: none;
.website-name {
a {
color: rgb(245, 245, 245);
text-decoration: none;
@ -21,8 +24,7 @@ nav {
}
li {
list-style-type: none;
padding: 10px;
padding-left: 20px;
padding: 10px 0 10px 30px;
}
a {
color: rgb(245, 245, 245);
@ -31,3 +33,12 @@ nav {
}
}
}
@media (max-width: 600px) {
nav {
.container {
.website-nav {
padding: 0 20px;
}
}
}
}