diff --git a/_includes/comments.liquid b/_includes/comments.liquid index 6d40b58..8973128 100644 --- a/_includes/comments.liquid +++ b/_includes/comments.liquid @@ -11,19 +11,38 @@ {% assign disqus_id = site.xaymar.comments.disqus.identifier %}
+
+ + +
+ {% endif %} diff --git a/_sass/_base.scss b/_sass/_base.scss index 41234ef..1dbbae0 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -43,6 +43,10 @@ $theme-breadcrumbs-link-color-active: hsl($theme-hue, 100%, 85%); $theme-footer-background: hsl($theme-hue, 33%, 10.0%); $theme-footer-color: hsl($theme-hue, 0%, 80%); $theme-code-background: hsl($theme-hue, 50%, 5%); +$theme-button-background: hsl($theme-hue, 100%, 30.0%); +$theme-button-background-active: hsl($theme-hue, 100%, 50%); +$theme-button-color: hsl($theme-hue, 0%, 85%); +$theme-button-color-active: hsl($theme-hue, 100%, 85%); * { box-sizing: border-box; @@ -73,6 +77,21 @@ a.active { text-decoration: inherit; } +button { + background: $theme-button-background; + color: $theme-button-color; + border: 0; + cursor: pointer; +} + +button.focus, +button.active, +button.visited { + background: $theme-button-background-active; + color: $theme-button-color-active; + border: 0; +} + @import "_header.scss"; @import "_content.scss"; @import "_footer.scss"; diff --git a/_sass/_comments.scss b/_sass/_comments.scss index 8fca1fb..288ab80 100644 --- a/_sass/_comments.scss +++ b/_sass/_comments.scss @@ -26,3 +26,31 @@ padding: 1rem 1rem; display: flow-root; } + +.comments > .content > .privacy { + margin: 0px; + padding: 0px; + width: 100%; + font-weight: bold; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + column-gap: .5rem; +} + +.comments > .content > .privacy > button { + display: block; + padding: .5rem; + font-size: 1.5rem; + + background: $theme-button-background; + color: $theme-button-color; + border: 0; +} + +.comments > .content > .privacy > button { + display: block; + padding: .5rem; + font-size: 1.5rem; + font-variant: small-caps; + font-weight: bold; +} \ No newline at end of file