refactor: Use flexbox gap (#520)

2022-03-03 23:11:19 +01:00
parent adf27aebf2
commit 04cdbcfedf
18 changed files with 143 additions and 171 deletions
@@ -5,9 +5,7 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
 *   Global style
 */
 :root {
-    @include respond(md) {
-        --main-top-padding: 35px;
-    }
+    --main-top-padding: 35px;

    @include respond(xl) {
        --main-top-padding: 50px;
@@ -159,3 +157,9 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
    --pre-background-color: #272822;
    @import "partials/highlight/dark.scss";
 }
+
+:root {
+    --menu-icon-separation: 40px;
+    --container-padding: 15px;
+    --widget-separation: var(--section-separation);
+}