TheAdversary/frontend
4
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

changed behaviour of navbar added space between logo and menue set min vlalues

Browse Source
This commit is contained in:
Elias Müller
2022-01-21 21:24:52 +01:00
parent 4266a22636
commit c39ae61b5c
3 changed files with 59 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
sass/index.css
View File

@@ -4,41 +4,34 @@ body {
display: flex;
flex-direction: column;
background-color: #03071E;
color: #EAE2B7;
}
color: #EAE2B7; }
a {
color: inherit;
font-size: 125%;
text-decoration: none;
letter-spacing: 2px;
}
letter-spacing: 2px; }
p {
font-size: 150%;
margin: 0;
}
margin: 0; }
h3 {
font-size: 200%;
margin: 0;
}
margin: 0; }
ul {
display: flex;
flex-direction: row;
font-size: 20px;
list-style: none;
}
ul li {
padding-right: 30px;
}
list-style: none; }
ul li {
padding-right: 30px; }
ol {
display: flex;
flex-direction: column;
list-style: georgian;
}
list-style: georgian; }
.header {
background-color: #03071E;
@@ -47,8 +40,7 @@ ol {
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "Roboto", sans-serif;
}
font-family: "Roboto", sans-serif; }
.header-title {
height: 300px;
@@ -56,23 +48,19 @@ ol {
flex-direction: column;
align-items: center;
justify-content: center;
font-family: "Staatliches", sans-serif;
}
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0;
}
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0;
}
font-family: "Staatliches", sans-serif; }
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0; }
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0; }
.divider {
height: 3px;
background-color: #ad080f;
}
background-color: #ad080f; }
.navigation {
background-color: black;
@@ -82,66 +70,57 @@ ol {
padding-top: 1%;
padding-bottom: 1%;
height: 5%;
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.navigation a {
padding: 0 2%;
font-size: 200%;
font-weight: bolder;
}
align-items: center; }
.navigation img {
margin-right: auto;
width: 3%;
min-width: 30px;
padding-left: 2.5%; }
.navigation a {
padding: 0 2%;
font-size: 200%;
font-weight: bolder; }
.article {
padding: 2%;
}
.article:hover {
color: white;
}
padding: 2%; }
.article:hover {
color: white; }
.article-body {
width: 60;
font-size: 80%;
font-weight: normal;
margin-top: 1%;
font-family: "Roboto Mono", monospace;
}
font-family: "Roboto Mono", monospace; }
.article-body, .article-body-fulltext {
width: 100%;
}
width: 100%; }
.article-description {
font-weight: 500;
font-family: "Roboto Mono", monospace;
color: #D00000;
font-size: 75%;
margin-top: 0.5%;
}
.article-description:p {
white-space: pre;
}
margin-top: 0.5%; }
.article-description:p {
white-space: pre; }
.articles {
margin: auto;
width: 80%;
font-family: "Roboto", sans-serif;
}
font-family: "Roboto", sans-serif; }
.foot {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 2.5% 0;
}
.foot a {
font-family: "Roboto Mono", monospace;
font-weight: normal;
padding: 0 10%;
}
margin: 2.5% 0; }
.foot a {
font-family: "Roboto Mono", monospace;
font-weight: normal;
padding: 0 10%; }
#logo {
width: 3%;
padding-left: 2.5%;
}/*# sourceMappingURL=index.css.map */
/*# sourceMappingURL=index.css.map */