133 lines
2.2 KiB
SCSS
133 lines
2.2 KiB
SCSS
.typogram {
|
|
.diagram {
|
|
display: block;
|
|
}
|
|
|
|
.diagram line,
|
|
.diagram circle,
|
|
.diagram rect {
|
|
stroke: var(--global-text-color);
|
|
}
|
|
|
|
.diagram line {
|
|
stroke-width: 2;
|
|
}
|
|
|
|
.diagram circle {
|
|
r: 3.5;
|
|
}
|
|
|
|
.diagram rect {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.diagram text,
|
|
.glyph,
|
|
.debug text {
|
|
/** font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; **/
|
|
font-family:
|
|
Iosevka Fixed,
|
|
monospace;
|
|
font-size: 3em;
|
|
text-anchor: middle;
|
|
alignment-baseline: central;
|
|
white-space: pre;
|
|
fill: var(--global-text-color);
|
|
}
|
|
|
|
.reserved {
|
|
fill: transparent;
|
|
white-space: pre;
|
|
}
|
|
|
|
.debug[debug="true"] .reserved {
|
|
fill: var(--global-text-color);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.debug[debug="true"] line.grid {
|
|
stroke: var(--global-text-color);
|
|
stroke-width: 0.2;
|
|
stroke-linecap: butt;
|
|
fill: var(--global-text-color);
|
|
opacity: 1%;
|
|
}
|
|
|
|
polygon {
|
|
stroke-width: 0;
|
|
}
|
|
|
|
.debug[debug="true"] polygon.inner {
|
|
fill: var(--global-text-color);
|
|
stroke: var(--global-text-color);
|
|
opacity: 5%;
|
|
}
|
|
|
|
polygon {
|
|
stroke: var(--global-text-color);
|
|
/** stroke-width: 0.2; **/
|
|
stroke-linecap: butt;
|
|
fill: var(--global-text-color);
|
|
}
|
|
|
|
.debug[debug="true"] polygon,
|
|
.debug[debug="true"] line.grid {
|
|
opacity: 10%;
|
|
}
|
|
|
|
.debug[debug="true"] polygon,
|
|
.debug[debug="true"] path,
|
|
.debug[debug="true"] circle {
|
|
opacity: 50%;
|
|
}
|
|
|
|
.debug[debug="true"] polygon {
|
|
fill: red;
|
|
stroke: red;
|
|
}
|
|
|
|
/**
|
|
circle {
|
|
fill: var(--global-text-color);
|
|
}
|
|
**/
|
|
|
|
.debug[debug="true"] circle,
|
|
.debug[debug="true"] path {
|
|
opacity: 50%;
|
|
fill: red;
|
|
}
|
|
|
|
.debug[debug="true"] circle {
|
|
stroke: red;
|
|
}
|
|
|
|
.debug[debug="true"] .inner {
|
|
stroke-width: 0.2;
|
|
}
|
|
|
|
line.part {
|
|
stroke-width: 6;
|
|
stroke-linecap: butt;
|
|
stroke: var(--global-text-color);
|
|
}
|
|
|
|
.debug[debug="true"] line.part {
|
|
opacity: 50%;
|
|
stroke: red;
|
|
}
|
|
|
|
.debug[debug="true"] line.center {
|
|
stroke-width: 3;
|
|
stroke-linecap: butt;
|
|
opacity: 10%;
|
|
stroke: var(--global-text-color);
|
|
}
|
|
|
|
text::selection {
|
|
fill: HighlightText;
|
|
background-color: Highlight;
|
|
}
|
|
}
|