All checks were successful
Deploy Jekyll site to Pages / build (push) Successful in 2m30s
75 lines
1.1 KiB
SCSS
75 lines
1.1 KiB
SCSS
* {
|
|
font-family: BlenderProBook, sans-serif;
|
|
}
|
|
|
|
strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
body {
|
|
height: 100vh;
|
|
min-height: 100vh;
|
|
max-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: scroll;
|
|
font-family: BlenderProBook, sans-serif;
|
|
}
|
|
|
|
main {
|
|
flex-grow: 1;
|
|
font-family: BlenderProBook, sans-serif;
|
|
}
|
|
|
|
footer {
|
|
position: sticky !important;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: var(--dark, #333);
|
|
color: var(--white, #fff);
|
|
text-align: center;
|
|
padding: 10px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.breadcrumb {
|
|
font-size: 14px;
|
|
color: #ffcc00;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.breadcrumb a {
|
|
color: #ff003c;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.breadcrumb span {
|
|
color: #888;
|
|
}
|
|
|
|
.character-details {
|
|
display: flex;
|
|
}
|
|
|
|
.character-details-title {}
|
|
|
|
.character-details-value {
|
|
margin: 0px 0px 0px auto;
|
|
}
|
|
|
|
.mobile-tabs {
|
|
display: none;
|
|
}
|
|
|
|
/* Ab max. 992px (iPad Hochkant und kleiner) ändert sich das Layout */
|
|
@media screen and (max-width: 992px) {
|
|
.desktop-only {
|
|
display: none;
|
|
}
|
|
|
|
.mobile-tabs {
|
|
display: block;
|
|
background-color: transparent;
|
|
}
|
|
}
|