cwinfo/yggdrasil-network.github.io
5
0
Fork 0
mirror of https://github.com/cwinfo/yggdrasil-network.github.io.git synced 2024-09-19 16:09:36 +00:00
Code Releases Activity

- fix scaling issues

Browse Source 
- add breakword
- reset styling section
- padding/margins
This commit is contained in:
passenger 2019-08-06 13:18:40 +02:00
parent cfa406ed84
commit 76c0166dcd
1 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/style.scss
View File

@ -23,8 +23,20 @@ section {
flex: auto; flex: auto;
max-width: 100vw; max-width: 100vw;
margin-right: 20px; margin-right: 20px;
@media screen and (max-width: 767px) { @media screen and (max-width: 768px) {
margin-top: 20px;
border: 0; border: 0;
float: none;
position: relative;
flex: initial;
word-break: break-word;
table {
thead {
th {
min-width: 90px;
}
}
}
} }
} }
@ -32,15 +44,20 @@ header {
flex: initial; flex: initial;
position: relative; position: relative;
margin-right: 1em; margin-right: 1em;
@media screen and (max-width: 767px) { @media screen and (max-width: 768px) {
> p {
padding-right: 20%;
}
font-size: 0; font-size: 0;
margin: 0;
padding: 0;
&:before { &:before {
content:'\2261'; content:'\2261';
display: block; display: block;
position: absolute; position: absolute;
left: 0px; left: 0px;
font-size: 32px; font-size: 40px;
top: -30px; top: -38px;
} }
img { img {
display: none; display: none;
@ -50,6 +67,11 @@ header {
top: -23px; top: -23px;
left: 50px; left: 50px;
} }
a {
&:hover {
font-weight: initial;
}
}
&:hover { &:hover {
padding: 0; padding: 0;
font-size: initial; font-size: initial;
@ -59,13 +81,17 @@ header {
} }
position: fixed; position: fixed;
height: 100%; height: 100%;
overflow: scroll; overflow-y: scroll;
background-color: white; background-color: white;
top: 0px; top: 0px;
left: 0;
right: 0;
bottom: 0;
width: 100%; width: 100%;
z-index: 100; z-index: 100;
padding-top: 45px; padding-top: 20px;
padding-bottom: 50px; padding-bottom: 50px;
padding-left: 20px;
p { p {
a { a {
font-size: 24px; font-size: 24px;