72 lines
1.1 KiB
CSS
72 lines
1.1 KiB
CSS
|
:root {
|
||
|
|
--lang-size-dot: 0.8em;
|
||
|
|
--lang-margin-text: 3px;
|
||
|
|
--lang-font-size: calc(var(--font-size) * 0.65);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dot */
|
||
|
|
p[data-lang]::before {
|
||
|
|
content: "";
|
||
|
|
|
||
|
|
height: var(--lang-size-dot);
|
||
|
|
width: var(--lang-size-dot);
|
||
|
|
|
||
|
|
border-radius: 50%;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Text */
|
||
|
|
p[data-lang]::after {
|
||
|
|
margin-left: var(--lang-margin-text);
|
||
|
|
font-size: var(--lang-font-size);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Definitions */
|
||
|
|
p[data-lang="ts"]::before {
|
||
|
|
background-color: #3178c6;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="ts"]::after {
|
||
|
|
content: "TypeScript";
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="rust"]::before {
|
||
|
|
background-color: #dea584;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="rust"]::after {
|
||
|
|
content: "Rust";
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="py"]::before {
|
||
|
|
background-color: #3572a5;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="py"]::after {
|
||
|
|
content: "Python";
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="ocaml"]::before {
|
||
|
|
background-color: #ef7a08;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="ocaml"]::after {
|
||
|
|
content: "OCaml";
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="js"]::before {
|
||
|
|
background-color: #e3d357;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="js"]::after {
|
||
|
|
content: "JavaScript";
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="c"]::before {
|
||
|
|
background-color: #555555;
|
||
|
|
}
|
||
|
|
|
||
|
|
p[data-lang="c"]::after {
|
||
|
|
content: "C";
|
||
|
|
}
|