2021-03-14 20:49:58 +00:00
|
|
|
/*
|
|
|
|
Inserts a CSS expression with one or more custom variables.
|
|
|
|
You can provide an arbitrary number of strings in the second
|
|
|
|
argument, separated by spaces. Any strings corresponding to
|
|
|
|
variable names will be replaced by the correct values, while
|
|
|
|
other strings are left untouched.
|
|
|
|
|
|
|
|
Example usage:
|
|
|
|
|
|
|
|
@include usevar(border-color, dimmer-color);
|
|
|
|
@include usevar(background, "linear-gradient(" dim-background-transparent "," dim-background ")");
|
|
|
|
|
|
|
|
For clarity and to avoid syntax issues, you are encouraged to
|
|
|
|
use unquoted strings for variables and quoted strings for
|
|
|
|
everything else.
|
|
|
|
|
|
|
|
For convenience in common cases, if only a single argument
|
|
|
|
is provided and it does not match an existing variable, this
|
|
|
|
will throw an error.
|
|
|
|
*/
|
|
|
|
/* bbcode [code] -- see: https://github.com/richleland/pygments-css/blob/master/friendly.css */
|
|
|
|
.codeblock .hll {
|
|
|
|
background-color: #ffffcc; }
|
|
|
|
|
|
|
|
.codeblock .c {
|
|
|
|
color: #60a0b0;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Comment */
|
|
|
|
.codeblock .err {
|
|
|
|
color: #FF0000; }
|
|
|
|
|
|
|
|
/* Error */
|
|
|
|
.codeblock .k {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Keyword */
|
|
|
|
.codeblock .o {
|
|
|
|
color: #666666; }
|
|
|
|
|
|
|
|
/* Operator */
|
|
|
|
.codeblock .cm {
|
|
|
|
color: #60a0b0;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Comment.Multiline */
|
|
|
|
.codeblock .cp {
|
|
|
|
color: #007020; }
|
|
|
|
|
|
|
|
/* Comment.Preproc */
|
|
|
|
.codeblock .c1 {
|
|
|
|
color: #60a0b0;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Comment.Single */
|
|
|
|
.codeblock .cs {
|
|
|
|
color: #60a0b0;
|
|
|
|
background-color: #fff0f0; }
|
|
|
|
|
|
|
|
/* Comment.Special */
|
|
|
|
.codeblock .gd {
|
|
|
|
color: #A00000; }
|
|
|
|
|
|
|
|
/* Generic.Deleted */
|
|
|
|
.codeblock .ge {
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Generic.Emph */
|
|
|
|
.codeblock .gr {
|
|
|
|
color: #FF0000; }
|
|
|
|
|
|
|
|
/* Generic.Error */
|
|
|
|
.codeblock .gh {
|
|
|
|
color: #000080;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Generic.Heading */
|
|
|
|
.codeblock .gi {
|
|
|
|
color: #00A000; }
|
|
|
|
|
|
|
|
/* Generic.Inserted */
|
|
|
|
.codeblock .go {
|
|
|
|
color: #808080; }
|
|
|
|
|
|
|
|
/* Generic.Output */
|
|
|
|
.codeblock .gp {
|
|
|
|
color: #c65d09;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Generic.Prompt */
|
|
|
|
.codeblock .gs {
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Generic.Strong */
|
|
|
|
.codeblock .gu {
|
|
|
|
color: #800080;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Generic.Subheading */
|
|
|
|
.codeblock .gt {
|
|
|
|
color: #0040D0; }
|
|
|
|
|
|
|
|
/* Generic.Traceback */
|
|
|
|
.codeblock .kc {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Keyword.Constant */
|
|
|
|
.codeblock .kd {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Keyword.Declaration */
|
|
|
|
.codeblock .kn {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Keyword.Namespace */
|
|
|
|
.codeblock .kp {
|
|
|
|
color: #007020; }
|
|
|
|
|
|
|
|
/* Keyword.Pseudo */
|
|
|
|
.codeblock .kr {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Keyword.Reserved */
|
|
|
|
.codeblock .kt {
|
|
|
|
color: #902000; }
|
|
|
|
|
|
|
|
/* Keyword.Type */
|
|
|
|
.codeblock .m {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number */
|
|
|
|
.codeblock .s {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String */
|
|
|
|
.codeblock .na {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Name.Attribute */
|
|
|
|
.codeblock .nb {
|
|
|
|
color: #007020; }
|
|
|
|
|
|
|
|
/* Name.Builtin */
|
|
|
|
.codeblock .nc {
|
|
|
|
color: #0e84b5;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Class */
|
|
|
|
.codeblock .no {
|
|
|
|
color: #60add5; }
|
|
|
|
|
|
|
|
/* Name.Constant */
|
|
|
|
.codeblock .nd {
|
|
|
|
color: #555555;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Decorator */
|
|
|
|
.codeblock .ni {
|
|
|
|
color: #d55537;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Entity */
|
|
|
|
.codeblock .ne {
|
|
|
|
color: #007020; }
|
|
|
|
|
|
|
|
/* Name.Exception */
|
|
|
|
.codeblock .nf {
|
|
|
|
color: #06287e; }
|
|
|
|
|
|
|
|
/* Name.Function */
|
|
|
|
.codeblock .nl {
|
|
|
|
color: #002070;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Label */
|
|
|
|
.codeblock .nn {
|
|
|
|
color: #0e84b5;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Namespace */
|
|
|
|
.codeblock .nt {
|
|
|
|
color: #062873;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Name.Tag */
|
|
|
|
.codeblock .nv {
|
|
|
|
color: #bb60d5; }
|
|
|
|
|
|
|
|
/* Name.Variable */
|
|
|
|
.codeblock .ow {
|
|
|
|
color: #007020;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Operator.Word */
|
|
|
|
.codeblock .w {
|
|
|
|
color: #bbbbbb; }
|
|
|
|
|
|
|
|
/* Text.Whitespace */
|
|
|
|
.codeblock .mf {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number.Float */
|
|
|
|
.codeblock .mh {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number.Hex */
|
|
|
|
.codeblock .mi {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number.Integer */
|
|
|
|
.codeblock .mo {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number.Oct */
|
|
|
|
.codeblock .sb {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String.Backtick */
|
|
|
|
.codeblock .sc {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String.Char */
|
|
|
|
.codeblock .sd {
|
|
|
|
color: #4070a0;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Literal.String.Doc */
|
|
|
|
.codeblock .s2 {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String.Double */
|
|
|
|
.codeblock .se {
|
|
|
|
color: #4070a0;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
/* Literal.String.Escape */
|
|
|
|
.codeblock .sh {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String.Heredoc */
|
|
|
|
.codeblock .si {
|
|
|
|
color: #70a0d0;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
/* Literal.String.Interpol */
|
|
|
|
.codeblock .sx {
|
|
|
|
color: #c65d09; }
|
|
|
|
|
|
|
|
/* Literal.String.Other */
|
|
|
|
.codeblock .sr {
|
|
|
|
color: #235388; }
|
|
|
|
|
|
|
|
/* Literal.String.Regex */
|
|
|
|
.codeblock .s1 {
|
|
|
|
color: #4070a0; }
|
|
|
|
|
|
|
|
/* Literal.String.Single */
|
|
|
|
.codeblock .ss {
|
|
|
|
color: #517918; }
|
|
|
|
|
|
|
|
/* Literal.String.Symbol */
|
|
|
|
.codeblock .bp {
|
|
|
|
color: #007020; }
|
|
|
|
|
|
|
|
/* Name.Builtin.Pseudo */
|
|
|
|
.codeblock .vc {
|
|
|
|
color: #bb60d5; }
|
|
|
|
|
|
|
|
/* Name.Variable.Class */
|
|
|
|
.codeblock .vg {
|
|
|
|
color: #bb60d5; }
|
|
|
|
|
|
|
|
/* Name.Variable.Global */
|
|
|
|
.codeblock .vi {
|
|
|
|
color: #bb60d5; }
|
|
|
|
|
|
|
|
/* Name.Variable.Instance */
|
|
|
|
.codeblock .il {
|
|
|
|
color: #40a070; }
|
|
|
|
|
|
|
|
/* Literal.Number.Integer.Long */
|
|
|
|
.dark {
|
|
|
|
background-color: #222;
|
|
|
|
color: #bbb; }
|
|
|
|
|
|
|
|
:root {
|
|
|
|
--fg-font-color: black;
|
|
|
|
--theme-color: #666;
|
|
|
|
--theme-color-dim: #aaa;
|
|
|
|
--theme-color-dimmer: #bbb;
|
|
|
|
--theme-color-dimmest: #ccc;
|
|
|
|
--link-color: #666;
|
|
|
|
--link-border-color: #666;
|
|
|
|
--table-border-color: #444;
|
|
|
|
--hr-color: #444;
|
|
|
|
--main-background-color: #fff;
|
|
|
|
--main-color: black;
|
|
|
|
--dim-color: #333;
|
|
|
|
--dimmer-color: #999;
|
|
|
|
--dimmest-color: #bbb;
|
|
|
|
--menu-bottom-border-color: black;
|
|
|
|
--login-popup-background: #fbfbfb;
|
|
|
|
--content-background: #f8f8f8;
|
|
|
|
--content-background-transparent: rgba(248, 248, 248, 0);
|
|
|
|
--dim-background: #f0f0f0;
|
|
|
|
--dim-background-transparent: rgba(240, 240, 240, 0);
|
|
|
|
--text-background: #f9f9f9;
|
|
|
|
--spoiler-border: #aaa;
|
|
|
|
--background-even-background: #f8f8f8;
|
|
|
|
--project-notice-text-color: #fff;
|
|
|
|
--project-card-border-color: #aaa;
|
|
|
|
--project-user-suggestions-background: #fff;
|
|
|
|
--project-user-suggestions-border-color: #ddd;
|
|
|
|
--project-edit-logo-previw-border-color: #999;
|
|
|
|
--project-edit-quota-bar-border-color: #999;
|
|
|
|
--project-edit-quota-bar-filled-background: #444;
|
|
|
|
--notice-unapproved-color: #b42222;
|
|
|
|
--notice-hidden-color: #b6b6b6;
|
|
|
|
--notice-hiatus-color: #aa7d30;
|
|
|
|
--notice-dead-color: #b42222;
|
|
|
|
--notice-lts-color: #43a52f;
|
|
|
|
--notice-lts-reqd-color: #aa7d30;
|
|
|
|
--optionbar-border-color: #ccc;
|
|
|
|
--tab-background: #fff;
|
|
|
|
--tab-border-color: #d8d8d8;
|
|
|
|
--tab-button-background: #dfdfdf;
|
|
|
|
--tab-button-background-hover: #efefef;
|
|
|
|
--tab-button-background-current: #fff;
|
|
|
|
--form-check-background: #fafafc;
|
|
|
|
--form-check-border-color: #999;
|
|
|
|
--form-check-border-color-hover: #4c9ed9;
|
|
|
|
--form-text-background: #fff;
|
|
|
|
--form-text-background-active: #fafafc;
|
|
|
|
--form-text-border-color: #999;
|
|
|
|
--form-text-border-color-active: #4c9ed9;
|
|
|
|
--form-button-color: black;
|
|
|
|
--form-button-color-active: #4c9ed9;
|
|
|
|
--form-button-background: #fff;
|
|
|
|
--form-button-background-active: #f2f2f2;
|
|
|
|
--form-button-border-color: #ccc;
|
|
|
|
--form-button-inline-border-color: #999;
|
|
|
|
--landing-search-background: #f8f8f8;
|
|
|
|
--landing-search-background-hover: #fefeff;
|
|
|
|
--editor-toolbar-background: #fff;
|
|
|
|
--editor-toolbar-border-color: transparent;
|
|
|
|
--editor-toolbar-button-background: transparent;
|
|
|
|
--editor-toolbar-button-background-hover: #ddd;
|
|
|
|
--editor-toolbar-button-border-color: #ccc;
|
|
|
|
--post-blockquote-border-color: #ddd;
|
|
|
|
--forum-even-background: #f0f0f0;
|
|
|
|
--forum-thread-read-color: #555;
|
|
|
|
--forum-thread-read-link-color: #888;
|
|
|
|
--forum-post-author-color: #333;
|
|
|
|
--forum-diff-source-background: #fff;
|
|
|
|
--forum-diff-source-border-color: #999;
|
|
|
|
--forum-diff-replace-background: #adcef4;
|
|
|
|
--forum-diff-replace-border-color: #4787d1;
|
|
|
|
--forum-diff-delete-background: #e57979;
|
|
|
|
--forum-diff-delete-border-color: #c12626;
|
|
|
|
--forum-diff-insert-background: #96e579;
|
|
|
|
--forum-diff-insert-border-color: #5baa3f;
|
|
|
|
--card-background: #e8e8e8;
|
|
|
|
--card-background-hover: #f0f0f0;
|
|
|
|
--irc-border-color: #ddd;
|
|
|
|
--irc-tab-current-shadow: 0px 0px 5px #bbb inset;
|
|
|
|
--irc-tab-close-button-color: #fff;
|
|
|
|
--irc-tab-close-button-background: #aaa;
|
|
|
|
--irc-nick-border-color: #ccc;
|
|
|
|
--irc-users-color: black;
|
|
|
|
--irc-users-background: #fff;
|
|
|
|
--irc-users-border-color: #ccc;
|
|
|
|
--irc-users-popout-background: #fff;
|
|
|
|
--irc-users-popout-border-color-left: #bbb;
|
|
|
|
--irc-users-popout-border-color-right: #ccc;
|
|
|
|
--wiki-border-color: #aaa;
|
|
|
|
--wiki-toc-number-color: #333;
|
|
|
|
--code-line-number-color: #777;
|
|
|
|
--library-star-btn-background: #fff;
|
|
|
|
--library-star-btn-border-color: #999;
|
|
|
|
--library-star-btn-a-border-color: #aaa;
|
|
|
|
--library-star-btn-a-hover-background: #fafafa; }
|