Bulma v9 website (#3249)

* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute

sass/elements/content.sass

@@ -151,6 +151,8 @@ $content-table-foot-cell-color: $text-strong !default
   // Sizes
   &.is-small
     font-size: $size-small
+  &.is-normal
+    font-size: $size-normal
   &.is-medium
     font-size: $size-medium
   &.is-large

sass/elements/other.sass

@@ -13,16 +13,6 @@
   margin-bottom: 5px
   text-transform: uppercase
 
-.highlight
-  @extend %block
-  font-weight: $weight-normal
-  max-width: 100%
-  overflow: hidden
-  padding: 0
-  pre
-    overflow: auto
-    max-width: 100%
-
 .loader
   @extend %loader
 

sass/elements/title.sass

@@ -43,8 +43,6 @@ $subtitle-negative-margin: -1.25rem !default
   strong
     color: $title-strong-color
     font-weight: $title-strong-weight
-  & + .highlight
-    margin-top: -0.75rem
   &:not(.is-spaced) + .subtitle
     margin-top: $subtitle-negative-margin
   // Sizes

sass/form/file.sass

@@ -49,6 +49,8 @@ $file-colors: $form-colors !default
   // Sizes
   &.is-small
     font-size: $size-small
+  &.is-normal
+    font-size: $size-normal
   &.is-medium
     font-size: $size-medium
     .file-icon

sass/layout/hero.sass

@@ -1,9 +1,10 @@
 @import "../utilities/mixins"
 
 $hero-body-padding: 3rem 1.5rem !default
+$hero-body-padding-tablet: 3rem 3rem !default
 $hero-body-padding-small: 1.5rem !default
-$hero-body-padding-medium: 9rem 1.5rem !default
-$hero-body-padding-large: 18rem 1.5rem !default
+$hero-body-padding-medium: 9rem 4.5rem !default
+$hero-body-padding-large: 18rem 6rem !default
 
 $hero-colors: $colors !default
 
@@ -147,3 +148,5 @@ $hero-colors: $colors !default
   flex-grow: 1
   flex-shrink: 0
   padding: $hero-body-padding
+  +tablet
+    padding: $hero-body-padding-tablet

sass/layout/section.sass

@@ -1,13 +1,15 @@
 @import "../utilities/mixins"
 
 $section-padding: 3rem 1.5rem !default
-$section-padding-medium: 9rem 1.5rem !default
-$section-padding-large: 18rem 1.5rem !default
+$section-padding-desktop: 3rem 3rem !default
+$section-padding-medium: 9rem 4.5rem !default
+$section-padding-large: 18rem 6rem !default
 
 .section
   padding: $section-padding
   // Responsiveness
   +desktop
+    padding: $section-padding-desktop
     // Sizes
     &.is-medium
       padding: $section-padding-medium

sass/utilities/extends.sass

@@ -20,3 +20,6 @@
 
 %overlay
   +overlay
+
+%reset
+  +reset

sass/utilities/initial-variables.sass

@@ -16,11 +16,11 @@ $white-bis:    hsl(0, 0%, 98%) !default
 $white:        hsl(0, 0%, 100%) !default
 
 $orange:       hsl(14,  100%, 53%) !default
-$yellow:       hsl(48,  100%, 67%) !default
-$green:        hsl(141, 53%,  53%) !default
+$yellow:       hsl(44,  100%, 77%) !default
+$green:        hsl(153, 53%,  53%) !default
 $turquoise:    hsl(171, 100%, 41%) !default
-$cyan:         hsl(204, 71%,  53%) !default
-$blue:         hsl(217, 71%,  53%) !default
+$cyan:         hsl(207, 61%,  53%) !default
+$blue:         hsl(229, 53%,  53%) !default
 $purple:       hsl(271, 100%, 71%) !default
 $red:          hsl(348, 86%, 61%) !default
 
@@ -69,7 +69,7 @@ $easing: ease-out !default
 $radius-small: 2px !default
 $radius: 4px !default
 $radius-large: 6px !default
-$radius-rounded: 290486px !default
+$radius-rounded: 9999px !default
 $speed: 86ms !default
 
 // Flags

sass/utilities/mixins.sass

@@ -68,6 +68,18 @@
     &:#{$placeholder}-placeholder
       @content
 
+=reset
+  -moz-appearance: none
+  -webkit-appearance: none
+  appearance: none
+  background: none
+  border: none
+  color: currentColor
+  font-family: inherit
+  font-size: 1em
+  margin: 0
+  padding: 0
+
 // Responsiveness
 
 =from($device)