feat: refine article contents styling

fluid-project · Apr 21, 2022 · dc4b9cc · dc4b9cc
1 parent b014ae1
commit dc4b9cc
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/assets/styles/components/_article-contents.scss b/src/assets/styles/components/_article-contents.scss
@@ -1,7 +1,15 @@
 .article-contents {
     background-color: $sectionBGColour;
-    border: 0.3125rem solid $articleContentsBorderColour;
+    border: 0.125rem dashed $articleContentsBorderColour;
     margin-block: 3rem;
+    padding: 0.1875rem;
+
+    &[open],
+    &:focus,
+    &:hover {
+        border: 0.3125rem solid $articleContentsBorderColour;
+        padding: 0;
+    }
 
     &[open] {
         padding-block-end: 1rem;