Add content sizes, Fix columns margin, Update code color, Fix titles margin

bulma/base/content.sass

@@ -1,4 +1,12 @@
 .content
+  &.is-medium
+    font-size: $size-5
+    code
+      font-size: $size-6
+  &.is-large
+    font-size: $size-4
+    code
+      font-size: $size-5
   &:not(:last-child)
     margin-bottom: 20px
   h1,

bulma/components/grid.sass

@@ -62,10 +62,13 @@
         width: ($i / 12) * 100%
 
 .columns
-  margin-bottom: 10px
   margin-left: -10px
   margin-right: -10px
   margin-top: -10px
+  &:last-child
+    margin-bottom: -10px
+  &:not(:last-child)
+    margin-bottom: 10px
   &.is-mobile
     display: flex
   +tablet

bulma/config/generated-variables.sass

@@ -31,7 +31,7 @@ $text-strong: $grey-darker
 
 // Code
 
-$code: $info
+$code: $red
 $code-background: $background
 
 $pre: $text

bulma/elements/titles.sass

@@ -34,6 +34,8 @@
 .subtitle
   font-size: $size-medium
   line-height: 1.125
+  & + .title
+    margin-top: -20px
   strong
     color: $text-strong
     font-weight: 400

css/bulma.css

@@ -220,7 +220,7 @@ a:hover {
 
 code {
   background: #f5f7fa;
-  color: #42afe3;
+  color: #ed6c63;
   font-size: 12px;
   font-weight: normal;
   padding: 1px 2px 2px;
@@ -300,6 +300,22 @@ table th {
   vertical-align: top;
 }
 
+.content.is-medium {
+  font-size: 18px;
+}
+
+.content.is-medium code {
+  font-size: 14px;
+}
+
+.content.is-large {
+  font-size: 24px;
+}
+
+.content.is-large code {
+  font-size: 18px;
+}
+
 .content:not(:last-child) {
   margin-bottom: 20px;
 }
@@ -1657,6 +1673,10 @@ table th {
   line-height: 1.125;
 }
 
+.subtitle + .title {
+  margin-top: -20px;
+}
+
 .subtitle strong {
   color: #222324;
   font-weight: 400;
@@ -2465,12 +2485,19 @@ table th {
 }
 
 .columns {
-  margin-bottom: 10px;
   margin-left: -10px;
   margin-right: -10px;
   margin-top: -10px;
 }
 
+.columns:last-child {
+  margin-bottom: -10px;
+}
+
+.columns:not(:last-child) {
+  margin-bottom: 10px;
+}
+
 .columns.is-mobile {
   display: flex;
 }