diff --git a/src/components/label/label.ios.scss b/src/components/label/label.ios.scss index 7bb6c0f0fe1..8b686b40c07 100644 --- a/src/components/label/label.ios.scss +++ b/src/components/label/label.ios.scss @@ -44,6 +44,10 @@ $label-ios-margin: $item-ios-padding-top ($item-ios-padding-right / transition: transform 150ms ease-in-out; } +[dir="rtl"] .label-ios[floating] { + transform-origin: right top; +} + .input-has-focus .label-ios[floating], .input-has-value .label-ios[floating] { transform: translate3d(0, 0, 0) scale(.8); diff --git a/src/components/label/label.md.scss b/src/components/label/label.md.scss index 2ad4403803d..484e157f916 100644 --- a/src/components/label/label.md.scss +++ b/src/components/label/label.md.scss @@ -48,6 +48,10 @@ $label-md-margin: $item-md-padding-top ($item-md-padding-rig transition: transform 150ms ease-in-out; } +[dir="rtl"] .label-md[floating] { + transform-origin: right top; +} + .label-md[stacked], .label-md[floating] { margin-bottom: 0; diff --git a/src/components/label/label.wp.scss b/src/components/label/label.wp.scss index f39fc91587d..ccb55ddcad4 100644 --- a/src/components/label/label.wp.scss +++ b/src/components/label/label.wp.scss @@ -40,6 +40,11 @@ $label-wp-text-color-focused: color($colors-wp, primary) !default; transform-origin: left top; } +[dir="rtl"] .label-wp[floating] { + transform: translate3d(-8px, 34px, 0); + transform-origin: right top; +} + .label-wp[stacked], .label-wp[floating] { margin-bottom: 0;