@indiekit/frontend
Version:
Frontend components for Indiekit
80 lines (66 loc) • 1.22 kB
CSS
.token.namespace {
opacity: 0.7;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
color: var(--color-token-comment);
font-style: italic;
}
.token.operator,
.token.punctuation {
color: var(--color-token-operator);
}
.token.function {
color: var(--color-token-function);
}
.token.atrule,
.token.attr-name,
.token.keyword {
color: var(--color-token-keyword);
}
.token.selector,
.token.tag {
color: var(--color-token-selector);
}
.token.attr-value,
.token.string {
color: var(--color-token-string);
}
.token.boolean,
.token.constant,
.token.class-name,
.token.entity,
.token.number,
.token.property,
.token.regex,
.token.symbol,
.token.url,
.token.variable {
color: var(--color-token-variable);
}
.token.deleted {
background-color: var(--color-background-delete);
color: var(--color-delete);
}
.token.inserted {
background-color: var(--color-background-insert);
color: var(--color-insert);
}
.token.deleted .prefix,
.token.inserted .prefix {
background: none;
}
.token.bold,
.token.function,
.token.important {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
/* Class clashes with that used by header component */
.token.header {
all: unset ;
}