diff options
| author | Oscar Najera <hi@oscarnajera.com> | 2023-11-16 02:52:46 +0100 |
|---|---|---|
| committer | Oscar Najera <hi@oscarnajera.com> | 2023-11-16 02:52:46 +0100 |
| commit | 4fc79036614c35eb5f8721b0750698710de34971 (patch) | |
| tree | b7e7d793cc6048afa3f23548dadafa52d11c1406 | |
| parent | b5d749c64f0b96bbbb70a623693e8091abc37e82 (diff) | |
| download | hugo-minimalist-theme-titan.io.tar.gz hugo-minimalist-theme-titan.io.tar.bz2 hugo-minimalist-theme-titan.io.zip | |
[Draft] Styling commentstitan.io
| -rw-r--r-- | assets/scss/style.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 06d1088..157768f 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -331,6 +331,27 @@ table:not(.u-legend) { box-sizing: border-box; } +.comment { + @extend .mv2, .pl3, .bl, .bw1, .w3-theme-border, .relative; + h3, + h4, + h5, + h6 { + @extend .mv0, .pl2; + &::before { + font-family: "Font Awesome 6 Free"; + color: #79c753; + content: "\f075"; + font-weight: 900; + font-size: 2rem; + position: absolute; + left: -0.75rem; + top: -1rem; + transform: scaleX(-1); + } + } +} + $max-img-width: 72rem; $max-img-height: 48rem; |