mirror of
https://github.com/alex-shpak/hugo-book.git
synced 2025-06-13 03:54:08 +00:00
initial styles
This commit is contained in:
menduz
parent
317ccae23b
commit
e24c28999f
3798
assets/_dcl-ui.scss
Normal file
3798
assets/_dcl-ui.scss
Normal file
File diff suppressed because one or more lines are too long
@ -1,8 +1,8 @@
|
||||
// Used in layout
|
||||
$padding-1: 1px !default;
|
||||
$padding-4: 0.25rem !default;
|
||||
$padding-8: 0.5rem !default;
|
||||
$padding-16: 1rem !default;
|
||||
$padding-4: 4px !default;
|
||||
$padding-8: 8px !default;
|
||||
$padding-16: 16px !default;
|
||||
|
||||
$font-size-base: 16px !default;
|
||||
$font-size-12: 0.75rem !default;
|
||||
@ -14,13 +14,13 @@ $border-radius: $padding-4 !default;
|
||||
$body-font-weight: normal !default;
|
||||
|
||||
$body-min-width: 20rem !default;
|
||||
$container-max-width: 80rem !default;
|
||||
$container-max-width: 1064px !default;
|
||||
|
||||
$header-height: 3.5rem !default;
|
||||
$menu-width: 16rem !default;
|
||||
$menu-width: 280px !default;
|
||||
$toc-width: 16rem !default;
|
||||
|
||||
$mobile-breakpoint: $menu-width + $body-min-width * 1.2 + $toc-width !default;
|
||||
$mobile-breakpoint: 768px;
|
||||
|
||||
$hint-colors: (
|
||||
info: #6bf,
|
||||
|
||||
@ -1,39 +1,67 @@
|
||||
/* roboto-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-family: 'Inter UI';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local(''),
|
||||
url('fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
src: url("fonts/Inter-UI-Regular.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-Regular.woff") format("woff");
|
||||
}
|
||||
/* roboto-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local(''),
|
||||
url('fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('fonts/roboto-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
font-family: 'Inter UI';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url("fonts/Inter-UI-Italic.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-Italic.woff") format("woff");
|
||||
}
|
||||
|
||||
/* roboto-mono-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local(''),
|
||||
url('fonts/roboto-mono-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('fonts/roboto-mono-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
font-family: 'Inter UI';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url("fonts/Inter-UI-Medium.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-Medium.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter UI';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url("fonts/Inter-UI-MediumItalic.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-MediumItalic.woff") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter UI';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("fonts/Inter-UI-Bold.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-Bold.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter UI';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url("fonts/Inter-UI-BoldItalic.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-BoldItalic.woff") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter UI';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url("fonts/Inter-UI-Black.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-Black.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter UI';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url("fonts/Inter-UI-BlackItalic.woff2") format("woff2"),
|
||||
url("fonts/Inter-UI-BlackItalic.woff") format("woff");
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-family: 'Inter UI', sans-serif;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: 'Roboto Mono', monospace;
|
||||
font-family: 'Iosevka', monospace;
|
||||
}
|
||||
|
||||
@ -9,7 +9,6 @@ body {
|
||||
color: var(--body-font-color);
|
||||
background: var(--body-background);
|
||||
|
||||
letter-spacing: 0.33px;
|
||||
font-weight: $body-font-weight;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@ -48,7 +47,7 @@ aside nav ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin: 1em 0;
|
||||
margin: $padding-4 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -56,15 +55,16 @@ aside nav ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-inline-start: $padding-16;
|
||||
}
|
||||
}
|
||||
|
||||
.book-menu-content nav>ul {
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
|
||||
ul.pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -77,7 +77,7 @@ ul.pagination {
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: $container-max-width;
|
||||
max-width: calc(1064px + 2rem);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@ -97,26 +97,68 @@ ul.pagination {
|
||||
}
|
||||
|
||||
.book-menu {
|
||||
user-select: none;
|
||||
flex: 0 0 $menu-width;
|
||||
font-size: $font-size-14;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
color: #736E7D;
|
||||
|
||||
.book-menu-content {
|
||||
width: $menu-width;
|
||||
padding: $padding-16;
|
||||
background: var(--body-background);
|
||||
|
||||
@include fixed;
|
||||
}
|
||||
|
||||
a,
|
||||
label {
|
||||
label,span {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
word-wrap: break-word;
|
||||
font-weight: 400;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
margin-bottom: $padding-16 * 2;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-inline-start: $padding-8 * 3;
|
||||
}
|
||||
|
||||
span,label {
|
||||
margin-bottom: $padding-8;
|
||||
}
|
||||
|
||||
a,label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a[role=button], span {
|
||||
font-weight: 600;
|
||||
color: #0D0D17;
|
||||
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: var(--color-link);
|
||||
color: var(--primary);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a.active::before {
|
||||
content: "\2022";
|
||||
color: var(--primary);
|
||||
// font-weight: bold;
|
||||
// display: inline-block;
|
||||
// width: 1em;
|
||||
// margin-left: -1em;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
font-size: 1.6rem;
|
||||
left: -17px;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
input.toggle + label + ul {
|
||||
@ -127,13 +169,21 @@ ul.pagination {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input.toggle + label::after {
|
||||
input.toggle + label::before {
|
||||
color: #0D0D17;
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
margin-left: -1em;
|
||||
content: "▸";
|
||||
}
|
||||
|
||||
input.toggle:checked + label::after {
|
||||
input.toggle:checked + label::before {
|
||||
content: "▾";
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0 0 $padding-8 0;
|
||||
}
|
||||
}
|
||||
|
||||
// for RTL support
|
||||
@ -192,7 +242,7 @@ body[dir="rtl"] .book-menu {
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
padding: $padding-8;
|
||||
padding: 7px 20px 7px 48px;
|
||||
|
||||
border: 0;
|
||||
border-radius: $border-radius;
|
||||
@ -200,6 +250,23 @@ body[dir="rtl"] .book-menu {
|
||||
background: var(--gray-100);
|
||||
color: var(--body-font-color);
|
||||
|
||||
height: 40px;
|
||||
border-radius: 20px;
|
||||
|
||||
border: 1px solid rgba(115, 110, 125, 0.24);
|
||||
|
||||
background: white;
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
|
||||
/* identical to box height, or 153% */
|
||||
letter-spacing: -0.2px;
|
||||
|
||||
color: #736E7D;
|
||||
|
||||
|
||||
|
||||
&:required + .book-search-spinner {
|
||||
display: block;
|
||||
}
|
||||
@ -207,12 +274,13 @@ body[dir="rtl"] .book-menu {
|
||||
|
||||
.book-search-spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
top: 14px;
|
||||
right: 16px;
|
||||
margin: $padding-8;
|
||||
margin-inline-start: calc(100% - #{$padding-16 + $padding-8});
|
||||
|
||||
width: $padding-16;
|
||||
height: $padding-16;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
|
||||
border: $padding-1 solid transparent;
|
||||
border-top-color: var(--body-font-color);
|
||||
@ -220,9 +288,30 @@ body[dir="rtl"] .book-menu {
|
||||
|
||||
@include spin(1s);
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
opacity: 0.5;
|
||||
.tabs-header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#book-search-results {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
background: cyan;
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $mobile-breakpoint) {
|
||||
.book-search {
|
||||
position: relative;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
padding: 12px;
|
||||
width: 356px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -234,7 +323,11 @@ body[dir="rtl"] .book-menu {
|
||||
width: $toc-width;
|
||||
padding: $padding-16;
|
||||
|
||||
@include fixed;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
@ -322,10 +415,6 @@ body[dir="rtl"] .book-menu {
|
||||
box-shadow: 0 0 $padding-8 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.book-page {
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.book-menu-overlay {
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -359,6 +448,46 @@ body[dir="rtl"] .book-menu {
|
||||
.book-page,
|
||||
.book-menu .book-menu-content,
|
||||
.book-toc .book-toc-content {
|
||||
padding: $padding-16 * 2 $padding-16;
|
||||
padding: 8px $padding-16;
|
||||
}
|
||||
}
|
||||
|
||||
@import '_dcl-ui.scss';
|
||||
@import 'syntax.scss';
|
||||
|
||||
.tabs-navigation {
|
||||
font-family: 'Inter UI';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
|
||||
/* identical to box height, or 153% */
|
||||
letter-spacing: -0.2px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mobile-breakpoint) {
|
||||
.dcl.navbar .ui.menu {
|
||||
.item {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dcl.tabs {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.dcl.tab {
|
||||
display: inline-block;
|
||||
padding: $padding-16 0;
|
||||
margin-right: $padding-16;
|
||||
}
|
||||
.tabs-navigation {
|
||||
font-size: 16px;
|
||||
}
|
||||
.dcl.tab.active {
|
||||
border-left: 0;
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
@import "variables";
|
||||
|
||||
.markdown {
|
||||
line-height: 1.6;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
|
||||
// remove padding at the beginning of page
|
||||
> :first-child {
|
||||
@ -14,10 +15,13 @@
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: $padding-16;
|
||||
margin-top: $padding-16 * 3;
|
||||
margin-bottom: $padding-4;
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
line-height: 30px;
|
||||
|
||||
a.anchor {
|
||||
opacity: 0;
|
||||
@ -32,6 +36,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-size: 28px;
|
||||
line-height: 34px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@ -72,12 +84,14 @@
|
||||
padding: 0 $padding-4;
|
||||
background: var(--gray-200);
|
||||
border-radius: $border-radius;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
pre {
|
||||
border: 1px solid rgba(92,92,110,.16);
|
||||
border-radius: 8px;
|
||||
|
||||
padding: $padding-16;
|
||||
background: var(--gray-100);
|
||||
background: white;
|
||||
border-radius: $border-radius;
|
||||
overflow-x: auto;
|
||||
|
||||
@ -88,15 +102,14 @@
|
||||
}
|
||||
|
||||
p {
|
||||
word-wrap:break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: $padding-16 0;
|
||||
padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp
|
||||
padding: $padding-8 $padding-16; //to keep total left space 16dp
|
||||
|
||||
border-inline-start: $padding-4 solid var(--gray-200);
|
||||
border-radius: $border-radius;
|
||||
border-inline-start: $padding-4 solid #5c5c6e30;
|
||||
|
||||
:first-child {
|
||||
margin-top: 0;
|
||||
@ -135,6 +148,23 @@
|
||||
ol {
|
||||
padding-inline-start: $padding-16 * 2;
|
||||
}
|
||||
ul {
|
||||
list-style: none; /* Remove default bullets */
|
||||
}
|
||||
|
||||
ul li::before {
|
||||
content: "\2022";
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-left: -1em;
|
||||
position: absolute;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: $padding-16;
|
||||
}
|
||||
|
||||
dl {
|
||||
dt {
|
||||
@ -185,6 +215,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.markdown-inner {
|
||||
// Util class to remove extra margin in nested markdown content
|
||||
> :first-child {
|
||||
|
||||
85
assets/syntax.scss
Normal file
85
assets/syntax.scss
Normal file
@ -0,0 +1,85 @@
|
||||
/* Background */ .bg { background-color: #ffffff; }
|
||||
/* PreWrapper */ .chroma { background-color: #ffffff; }
|
||||
/* Other */ .chroma .x { }
|
||||
/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
|
||||
/* CodeLine */ .chroma .cl { }
|
||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
|
||||
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||
/* Line */ .chroma .line { display: flex; }
|
||||
/* Keyword */ .chroma .k { color: var(--text); font-weight: bold }
|
||||
/* KeywordConstant */ .chroma .kc { color: var(--text); font-weight: bold }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: var(--text); font-weight: bold }
|
||||
/* KeywordNamespace */ .chroma .kn { color: var(--text); font-weight: bold }
|
||||
/* KeywordPseudo */ .chroma .kp { color: var(--text); font-weight: bold }
|
||||
/* KeywordReserved */ .chroma .kr { color: var(--text); font-weight: bold }
|
||||
/* KeywordType */ .chroma .kt { color: var(--primary); font-weight: bold }
|
||||
/* Name */ .chroma .n { }
|
||||
/* NameAttribute */ .chroma .na { color: #008080 }
|
||||
/* NameBuiltin */ .chroma .nb { color: #0086b3 }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { color: #999999 }
|
||||
/* NameClass */ .chroma .nc { color: var(--primary); font-weight: bold }
|
||||
/* NameConstant */ .chroma .no { color: #008080 }
|
||||
/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold }
|
||||
/* NameEntity */ .chroma .ni { color: #800080 }
|
||||
/* NameException */ .chroma .ne { color: #990000; font-weight: bold }
|
||||
/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold }
|
||||
/* NameFunctionMagic */ .chroma .fm { }
|
||||
/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold }
|
||||
/* NameNamespace */ .chroma .nn { color: #555555 }
|
||||
/* NameOther */ .chroma .nx { }
|
||||
/* NameProperty */ .chroma .py { }
|
||||
/* NameTag */ .chroma .nt { color: #000080 }
|
||||
/* NameVariable */ .chroma .nv { color: #008080 }
|
||||
/* NameVariableClass */ .chroma .vc { color: #008080 }
|
||||
/* NameVariableGlobal */ .chroma .vg { color: #008080 }
|
||||
/* NameVariableInstance */ .chroma .vi { color: #008080 }
|
||||
/* NameVariableMagic */ .chroma .vm { }
|
||||
/* Literal */ .chroma .l { }
|
||||
/* LiteralDate */ .chroma .ld { }
|
||||
/* LiteralString */ .chroma .s { color: #dd1144 }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #dd1144 }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #dd1144 }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #dd1144 }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #dd1144 }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #dd1144 }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #dd1144 }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #009926 }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #990073 }
|
||||
/* LiteralNumber */ .chroma .m { color: #009999 }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #009999 }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #009999 }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #009999 }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #009999 }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #009999 }
|
||||
/* Operator */ .chroma .o { color: var(--text); font-weight: bold }
|
||||
/* OperatorWord */ .chroma .ow { color: var(--text); font-weight: bold }
|
||||
/* Punctuation */ .chroma .p { }
|
||||
/* Comment */ .chroma .c { color: #999988; font-style: italic }
|
||||
/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic }
|
||||
/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic }
|
||||
/* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic }
|
||||
/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic }
|
||||
/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic }
|
||||
/* Generic */ .chroma .g { }
|
||||
/* GenericDeleted */ .chroma .gd { color: var(--text); background-color: #ffdddd }
|
||||
/* GenericEmph */ .chroma .ge { color: var(--text); font-style: italic }
|
||||
/* GenericError */ .chroma .gr { color: #aa0000 }
|
||||
/* GenericHeading */ .chroma .gh { color: #999999 }
|
||||
/* GenericInserted */ .chroma .gi { color: var(--text); background-color: #ddffdd }
|
||||
/* GenericOutput */ .chroma .go { color: #888888 }
|
||||
/* GenericPrompt */ .chroma .gp { color: #555555 }
|
||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||
/* GenericSubheading */ .chroma .gu { color: #aaaaaa }
|
||||
/* GenericTraceback */ .chroma .gt { color: #aa0000 }
|
||||
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
|
||||
/* TextWhitespace */ .chroma .w { color: #bbbbbb }
|
||||
@ -7,6 +7,49 @@
|
||||
<body dir="{{ default "ltr" .Site.Language.LanguageDirection }}">
|
||||
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
||||
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
||||
<div class="dcl navbar fullscreen" role="navigation">
|
||||
<div class="ui container">
|
||||
<div class="dcl navbar-menu">
|
||||
<div class="ui secondary stackable menu">
|
||||
<a class="dcl navbar-logo" href="https://decentraland.org">
|
||||
<i class="dcl logo"></i>
|
||||
</a>
|
||||
<a href="https://market.decentraland.org" class="item">Marketplace</a>
|
||||
<a href="https://builder.decentraland.org" class="item">Builder</a>
|
||||
<a href="https://docs.decentraland.org" class="active item">Docs</a>
|
||||
<a href="https://events.decentraland.org" class="item">Events</a>
|
||||
<a href="https://dao.decentraland.org" class="item">DAO</a>
|
||||
<a href="https://decentraland.org/blog" class="item">Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-header">
|
||||
<div class="dcl tabs ">
|
||||
<div class="ui container">
|
||||
{{ range $.Site.Data.sections }}
|
||||
<div class="dcl tab active"
|
||||
{{if (not (eq .path $.Section)) }}style="border-color: transparent"{{end}}
|
||||
>
|
||||
<a aria-current="page" class="tabs-navigation" href="/{{.path}}"
|
||||
>{{.name}}</a>
|
||||
{{if (eq .path $.Section) }}
|
||||
<div class="active-bar" style="border-color: {{.accent}};"></div>
|
||||
<style>
|
||||
:root {
|
||||
--primary: {{.accent}};
|
||||
}
|
||||
</style>
|
||||
{{end}}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ partial "docs/search" . }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="container flex">
|
||||
<aside class="book-menu">
|
||||
<div class="book-menu-content">
|
||||
@ -30,7 +73,9 @@
|
||||
|
||||
{{ template "comments" . }} <!-- Comments block -->
|
||||
|
||||
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
||||
<label for="menu-control" class="hidden book-menu-overlay">
|
||||
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{{ if default true (default .Site.Params.BookToC .Params.BookToC) }}
|
||||
@ -74,6 +119,7 @@
|
||||
|
||||
{{ define "main" }}
|
||||
<article class="markdown">
|
||||
<h1>{{ partial "docs/title.html" . }}</h1>
|
||||
{{- .Content -}}
|
||||
</article>
|
||||
{{ end }}
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
<h2 class="book-brand">
|
||||
<a class="flex align-center" href="{{ cond (not .Site.Home.File) .Sites.First.Home.RelPermalink .Site.Home.RelPermalink }}">
|
||||
{{- with .Site.Params.BookLogo -}}
|
||||
<img src="{{ . | relURL }}" alt="Logo" />
|
||||
{{- end -}}
|
||||
<span>{{ .Site.Title }}</span>
|
||||
</a>
|
||||
</h2>
|
||||
@ -1,4 +1,4 @@
|
||||
{{ $bookSection := default "docs" .Site.Params.BookSection }}
|
||||
{{ $bookSection := default "docs" .Section }}
|
||||
{{ if eq $bookSection "*" }}
|
||||
{{ $bookSection = "/" }}{{/* Backward compatibility */}}
|
||||
{{ end }}
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<nav>
|
||||
{{ partial "docs/brand" . }}
|
||||
{{ partial "docs/search" . }}
|
||||
{{ if .Site.IsMultiLingual }}
|
||||
{{ partial "docs/languages" . }}
|
||||
{{ end }}
|
||||
|
||||
BIN
static/fonts/Inter-UI-Black.woff
Normal file
BIN
static/fonts/Inter-UI-Black.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Black.woff2
Normal file
BIN
static/fonts/Inter-UI-Black.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-BlackItalic.woff
Normal file
BIN
static/fonts/Inter-UI-BlackItalic.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-BlackItalic.woff2
Normal file
BIN
static/fonts/Inter-UI-BlackItalic.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Bold.woff
Normal file
BIN
static/fonts/Inter-UI-Bold.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Bold.woff2
Normal file
BIN
static/fonts/Inter-UI-Bold.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-BoldItalic.woff
Normal file
BIN
static/fonts/Inter-UI-BoldItalic.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-BoldItalic.woff2
Normal file
BIN
static/fonts/Inter-UI-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Italic.woff
Normal file
BIN
static/fonts/Inter-UI-Italic.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Italic.woff2
Normal file
BIN
static/fonts/Inter-UI-Italic.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Medium.woff
Normal file
BIN
static/fonts/Inter-UI-Medium.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Medium.woff2
Normal file
BIN
static/fonts/Inter-UI-Medium.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-MediumItalic.woff
Normal file
BIN
static/fonts/Inter-UI-MediumItalic.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-MediumItalic.woff2
Normal file
BIN
static/fonts/Inter-UI-MediumItalic.woff2
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Regular.woff
Normal file
BIN
static/fonts/Inter-UI-Regular.woff
Normal file
Binary file not shown.
BIN
static/fonts/Inter-UI-Regular.woff2
Normal file
BIN
static/fonts/Inter-UI-Regular.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue
Block a user