feat: add column size attribute (#455)

src/sass/_mobile.scss

@@ -63,6 +63,15 @@
 
   .flex-mobile-column {
     flex-direction: column;
+
+    &.gblog-columns {
+      margin: $padding-32 0;
+    }
+
+    .gblog-columns__content {
+      min-width: auto;
+      margin: 0;
+    }
   }
 
   #menu-control:checked ~ main {

src/sass/_shortcodes.scss

@@ -70,16 +70,28 @@
 
 // {{< columns >}}
 .gdoc-columns {
-  margin-left: -$padding-16;
-  margin-right: -$padding-16;
-
-  &__content {
-    margin: $padding-16 0;
-    min-width: $body-min-width * 0.66;
-    padding: 0 $padding-16;
+  &--regular > :first-child {
+    flex: 1;
   }
 
-  .gdoc-page__anchor {
+  &--small > :first-child {
+    flex: 0.35;
+    min-width: $body-min-width * 0.35;
+  }
+
+  &--large > :first-child {
+    flex: 1.65;
+    min-width: $body-min-width * 1.65;
+  }
+
+  &__content {
+    flex: 1 1;
+    margin: $padding-16 0;
+    min-width: $body-min-width * 0.66;
+    padding: 0;
+  }
+
+  .gdoc-post__anchor {
     display: none;
   }
 }

src/sass/_utils.scss

@@ -29,6 +29,11 @@
   background: var(--accent-color-lite);
 }
 
+.flex-gap {
+  flex-wrap: wrap;
+  gap: $padding-16;
+}
+
 .justify-start {
   justify-content: flex-start;
 }