diff --git a/frontend/sass/commento-mod-tools.scss b/frontend/sass/commento-mod-tools.scss new file mode 100644 index 0000000..576f28e --- /dev/null +++ b/frontend/sass/commento-mod-tools.scss @@ -0,0 +1,24 @@ +@import "colors-main.scss"; + +.commento-mod-tools { + margin-bottom: 16px; + + button { + text-transform: uppercase; + color: $gray-7; + font-size: 13px; + font-weight: 700; + cursor: pointer; + margin-left: 12px; + background: none; + border: none; + } +} + +.commento-mod-tools::before { + content: "Moderator Tools"; + text-transform: uppercase; + color: $indigo-8; + font-size: 13px; + font-weight: 700; +} diff --git a/frontend/sass/commento.scss b/frontend/sass/commento.scss index 4d13480..1f88f4a 100644 --- a/frontend/sass/commento.scss +++ b/frontend/sass/commento.scss @@ -18,12 +18,13 @@ @import "colors-main.scss"; @import "commento-common.scss"; - @import "commento-logged.scss"; // Logged in as - @import "commento-input.scss"; // Textarea decorations - @import "commento-oauth.scss"; // OAuth buttons - @import "commento-card.scss"; // Each comment card - @import "commento-login.scss"; // Popup box when logging in - @import "commento-footer.scss"; // Powered by Commento + @import "commento-logged.scss"; // Logged in as + @import "commento-mod-tools.scss"; // Moderator tools and buttons + @import "commento-input.scss"; // Textarea, anonymous checkbox, submit button + @import "commento-oauth.scss"; // OAuth buttons + @import "commento-card.scss"; // Each comment card + @import "commento-login.scss"; // Popup box when logging in + @import "commento-footer.scss"; // Powered by Commento .commento-hidden { display: none; @@ -46,29 +47,6 @@ font-weight: 700; } - .commento-mod-tools { - margin-bottom: 16px; - - button { - text-transform: uppercase; - color: $gray-7; - font-size: 13px; - font-weight: 700; - cursor: pointer; - margin-left: 12px; - background: none; - border: none; - } - } - - .commento-mod-tools::before { - content: "Moderator Tools"; - text-transform: uppercase; - color: $indigo-8; - font-size: 13px; - font-weight: 700; - } - .commento-moderation-notice { width: 100%; border-radius: 4px;