Fix #3076

CHANGELOG.md

@@ -12,6 +12,7 @@
 ### Bugfix
 
 - #3500 Fix hidden disabled buttons on iOS 15.4
+- #3076 Fix Table headers centered aligned in Safari
 
 ## 0.9.3
 

css/bulma-rtl.css

@@ -2837,7 +2837,7 @@ div.icon-text {
 }
 
 .table th:not([align]) {
-  text-align: inherit;
+  text-align: left;
 }
 
 .table tr.is-selected {

css/bulma.css

@@ -2837,7 +2837,7 @@ div.icon-text {
 }
 
 .table th:not([align]) {
-  text-align: inherit;
+  text-align: left;
 }
 
 .table tr.is-selected {

docs/_data/variables/elements/button.json

@@ -204,6 +204,11 @@
       "type": "variable",
       "computed_type": "map",
       "computed_value": "Bulma colors"
+    },
+    "$button-responsive-sizes": {
+      "name": "$button-responsive-sizes",
+      "value": "(\"mobile\": (\"small\": ($size-small * 0.75), \"normal\": ($size-small * 0.875), \"medium\": $size-small, \"large\": $size-normal), \"tablet-only\": (\"small\": ($size-small * 0.875), \"normal\": ($size-small), \"medium\": $size-normal, \"large\": $size-medium))",
+      "type": "compound"
     }
   },
   "list": [
@@ -239,7 +244,8 @@
     "$button-static-color",
     "$button-static-background-color",
     "$button-static-border-color",
-    "$button-colors"
+    "$button-colors",
+    "$button-responsive-sizes"
   ],
   "file_path": "elements/button.sass"
 }

docs/_data/variables/elements/content.json

@@ -19,6 +19,11 @@
       "value": "1.125",
       "type": "unitless"
     },
+    "$content-block-margin-bottom": {
+      "name": "$content-block-margin-bottom",
+      "value": "1em",
+      "type": "size"
+    },
     "$content-blockquote-background-color": {
       "name": "$content-blockquote-background-color",
       "value": "$background",
@@ -75,6 +80,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
+    "$content-table-body-last-row-cell-border-bottom-width": {
+      "name": "$content-table-body-last-row-cell-border-bottom-width",
+      "value": "0",
+      "type": "string"
+    },
     "$content-table-foot-cell-border-width": {
       "name": "$content-table-foot-cell-border-width",
       "value": "2px 0 0",
@@ -92,6 +102,7 @@
     "$content-heading-color",
     "$content-heading-weight",
     "$content-heading-line-height",
+    "$content-block-margin-bottom",
     "$content-blockquote-background-color",
     "$content-blockquote-border-left",
     "$content-blockquote-padding",
@@ -102,6 +113,7 @@
     "$content-table-cell-heading-color",
     "$content-table-head-cell-border-width",
     "$content-table-head-cell-color",
+    "$content-table-body-last-row-cell-border-bottom-width",
     "$content-table-foot-cell-border-width",
     "$content-table-foot-cell-color"
   ],

docs/_data/variables/elements/table.json

@@ -36,6 +36,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
+    "$table-cell-text-align": {
+      "name": "$table-cell-text-align",
+      "value": "left",
+      "type": "string"
+    },
     "$table-head-cell-border-width": {
       "name": "$table-head-cell-border-width",
       "value": "0 0 2px",
@@ -125,6 +130,7 @@
     "$table-cell-border-width",
     "$table-cell-padding",
     "$table-cell-heading-color",
+    "$table-cell-text-align",
     "$table-head-cell-border-width",
     "$table-head-cell-color",
     "$table-foot-cell-border-width",

docs/_data/variables/utilities/initial-variables.json

@@ -215,6 +215,11 @@
       "value": "true",
       "type": "boolean"
     },
+    "$breakpoints": {
+      "name": "$breakpoints",
+      "value": "(\"mobile\": (\"until\": $tablet), \"tablet\": (\"from\": $tablet), \"tablet-only\": (\"from\": $tablet, \"until\": $desktop), \"touch\": (\"from\": $desktop), \"desktop\": (\"from\": $desktop), \"desktop-only\": (\"from\": $desktop, \"until\": $widescreen), \"until-widescreen\": (\"until\": $widescreen), \"widescreen\": (\"from\": $widescreen), \"widescreen-only\": (\"from\": $widescreen, \"until\": $fullhd), \"until-fullhd\": (\"until\": $fullhd), \"fullhd\": (\"from\": $fullhd))",
+      "type": "compound"
+    },
     "$easing": {
       "name": "$easing",
       "value": "ease-out",
@@ -300,6 +305,7 @@
     "$widescreen-enabled",
     "$fullhd",
     "$fullhd-enabled",
+    "$breakpoints",
     "$easing",
     "$radius-small",
     "$radius",

docs/css/bulma-docs.css

@@ -4712,7 +4712,7 @@ div.icon-text {
 }
 
 .table th:not([align]) {
-  text-align: inherit;
+  text-align: left;
 }
 
 .table tr.is-selected {

sass/elements/table.sass

@@ -7,6 +7,7 @@ $table-cell-border: 1px solid $border !default
 $table-cell-border-width: 0 0 1px !default
 $table-cell-padding: 0.5em 0.75em !default
 $table-cell-heading-color: $text-strong !default
+$table-cell-text-align: left !default
 
 $table-head-cell-border-width: 0 0 2px !default
 $table-head-cell-color: $text-strong !default
@@ -60,7 +61,7 @@ $table-colors: $colors !default
   th
     color: $table-cell-heading-color
     &:not([align])
-      text-align: inherit
+      text-align: $table-cell-text-align
   tr
     &.is-selected
       background-color: $table-row-active-background-color