.node { padding: 16px; margin: 8px; border-radius: 4px; box-shadow: 4px 4px 4px hsv(0, 0%, 0%); color: black; } .note_information { &:extend(.node); background-color: hsv(120, 20%, 100%); &:before {font-weight: bold; content: "[i] ";} } .note_warning { /* &:extend(.node); background-color: hsv( 60, 20%, 100%); &:before {font-weight: bold; content: "[!] ";} */ &:before {font-weight: bold; content: "Note: ";} } .note_error { &:extend(.node); background-color: hsv( 0, 20%, 100%); &:before {font-weight: bold; content: "[x] ";} } .ipa { &:before { content: "/"; } &:after { content: "/"; } } .grammarterm { /* text-decoration: underline; */ font-style: italic; } .runic { font-weight: bold; } .word_fs { font-weight: bold; } .word_otherlanguage { font-style: italic; } .sentence_fs { font-weight: bold; &:before {content: "\"";} &:after {content: "\"";} } .sentence_otherlanguage { font-style: italic; &:before {content: "\"";} &:after {content: "\"";} } .todo { &:before { content: "[ToDo] "; } margin: 4px; padding: 4px; background-color: hsv( 0,60%,80%); color: white; font-weight: bold; } .code { font-family: monospace; } section { &.chapter { margin-bottom: 16px; & > header { font-size: 1.6em; margin-bottom: 6px; } & > *:not(:first-child) { margin-left: 12px; } } &.section { margin-bottom: 14px; & > header { font-size: 1.4em; margin-bottom: 4px; } & > *:not(:first-child) { margin-left: 12px; } } &.subsection { margin-bottom: 12px; & > header { font-size: 1.2em; margin-bottom: 2px; } & > *:not(:first-child) { margin-left: 12px; } } &.pseudo { & > header { font-style: italic; } } } table { border-collapse: collapse; & tr { th,td { border: 1px solid black; } } & tr.splitter { height: 1px; } & tr:not(.splitter) { th,td { font-size: 0.8em; padding: 4px; } } } a { color: hsv(120, 50%, 50%); text-decoration: none; font-weight: bold; /* font-family: monospace; */ }