tachiyomi-website/src/.vuepress/styles/index.scss
Simon M 33d1c57b87
Getting started download buttons (#82)
* Added download buttons

* Restyle designs and alignment

* Fixed a minor indentation

* Add more font fallbacks

* Feedback Commit
2019-10-10 13:41:05 +02:00

118 lines
1.5 KiB
SCSS

.centered {
text-align: center;
}
.bold {
font-weight: bold;
}
.custom-block.tip {
border-color: #2E84BF !important;
}
.home .hero img {
max-height: 120px !important;
}
.badge.default-indicator {
background-color: #2E84BF !important;
}
.badge.version-indicator {
background-color: #000000 !important;
}
.file-tree {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 0.85rem;
li, ul {
position: relative;
}
li {
margin: 0;
padding-left: 1rem;
font-weight: bold;
&.file {
font-weight: normal;
}
&::before, &::after {
content: "";
position: absolute;
left: 0em;
}
&::before {
border-top: 1px solid black;
top: 0.7em;
width: 0.5em;
height: 0;
}
&:last-child::after {
height: 0.7em;
}
&::after {
top: 0px;
border-left: 1px solid black;
height: 100%;
width: 0px;
}
}
ul {
margin-left: 1em;
}
& > li:first-child::before, & > li:first-child::after {
content: none;
}
}
.file-tree, .file-tree ul {
list-style: none;
padding: 0;
}
.side-by-side {
display: flex;
align-content: middle;
justify-content: center;
& > * {
width: 50%;
}
& > * + * {
border-left: 1px solid #aaa;
}
}
@media (max-width: 767px) {
.side-by-side {
flex-direction: column;
& > * {
width: 100%;
}
& > * + * {
margin-top: 0;
padding-top: 1em;
border-left: none;
border-top: 1px solid #aaa;
}
}
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}