ui: 💄 logical position for text-align

daniil4udo · May 25, 2022 · de6d18e · de6d18e
1 parent f6fcc0e
commit de6d18e
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/packages/buefy/scss/components/colorpicker.scss b/packages/buefy/scss/components/colorpicker.scss
@@ -43,7 +43,7 @@ $-css-vars-map: (
                         -webkit-appearance: none;
                         -moz-appearance: textfield;
                         appearance: textfield;
-                        text-align: right;
+                        text-align: end;
 
                         &::-webkit-outer-spin-button,
                         &::-webkit-inner-spin-button {

diff --git a/packages/buefy/scss/components/form.scss b/packages/buefy/scss/components/form.scss
@@ -100,7 +100,7 @@ $-css-vars-map: (
         }
         .taginput .counter {
             float: none;
-            text-align: right;
+            text-align: end;
         }
 
         &.has-addons {

diff --git a/packages/buefy/scss/components/table.scss b/packages/buefy/scss/components/table.scss
@@ -29,7 +29,7 @@ $-css-vars-map: (
                 width: 100%;
                 border: 0;
                 margin-bottom: 1rem;
-                text-align: right;
+                text-align: end;
             }
         }
     }
@@ -72,12 +72,12 @@ $-css-vars-map: (
             width: auto;
             justify-content: space-between;
             border-bottom: 1px solid var(--background);
-            text-align: right;
+            text-align: end;
             &::before {
                 @include bulma-utilities.ltr-property("padding", 0.5em);
                 content: attr(data-label);
                 font-weight: var(--weight-semibold);
-                text-align: left;
+                text-align: start;
             }
         }
     }
@@ -134,7 +134,7 @@ $-css-vars-map: (
                 }
                 &.is-numeric {
                     flex-direction: row-reverse;
-                    text-align: right;
+                    text-align: end;
                     .icon {
                         margin-inline: 0 0.5em;
                     }

diff --git a/packages/buefy/scss/components/tabs.scss b/packages/buefy/scss/components/tabs.scss
@@ -133,7 +133,7 @@ $-css-vars-map: (
                     a {
                         border-right-color: var(--tabs-border-bottom-color) !important;
                         border-bottom-color: transparent !important;
-						@include bulma-utilities.lph-border-radius(left, var(--tabs-boxed-link-radius));
+                        @include bulma-utilities.lph-border-radius(left, var(--tabs-boxed-link-radius));
                     }
 
                     &.is-active {

diff --git a/packages/bulma/sass/form/tools.sass b/packages/bulma/sass/form/tools.sass
@@ -135,7 +135,7 @@ $-css-vars-map: ("help-font-size": $help-font-size)
     flex-grow: 1
     flex-shrink: 0
     +utilities.ltr-property("margin", 1.5rem)
-    text-align: right
+    text-align: end
     +utilities.control-sizes
     &.is-small,
     &.is-normal,