diff --git a/README.md b/README.md index 06bb5c3a96..9622f37fe5 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,6 @@ # Fundamental Library Styles [![npm version](https://badge.fury.io/js/fundamental-styles.svg)](https://badge.fury.io/js/fundamental-styles) -[![Minified Size](https://badgen.net/bundlephobia/min/fundamental-styles)](https://bundlephobia.com/result?p=fundamental-styles) -[![Minzipped Size](https://badgen.net/bundlephobia/minzip/fundamental-styles)](https://bundlephobia.com/result?p=fundamental-styles) [![Build Status](https://travis-ci.com/SAP/fundamental-styles.svg?branch=master)](https://travis-ci.com/SAP/fundamental-styles) [![Slack](https://img.shields.io/badge/slack-ui--fundamentals-blue.svg?logo=slack)](https://join.slack.com/t/ui-fundamentals/shared_invite/enQtNTIzOTU0Mzc2NTc5LWQzZWI5MWFhYjE5OTc4YzliN2JhOTc1ZjQxZTg1YjZiMWZiYzRkNjMwYzgyMmFkYmNhZDVjMWE5MDIzOWEzMmM) diff --git a/src/mixins/_forms.scss b/src/mixins/_forms.scss index 8826cc040c..605a038d72 100644 --- a/src/mixins/_forms.scss +++ b/src/mixins/_forms.scss @@ -149,7 +149,7 @@ @include fd-rtl() { &::after { - left: $fd-radio-label-padding; + left: $fd-radio-label-padding - $fd-radio-focus-offset; right: $margin - $fd-radio-focus-offset; } } diff --git a/src/radio.scss b/src/radio.scss index d060e307f7..7e6947fd98 100644 --- a/src/radio.scss +++ b/src/radio.scss @@ -48,10 +48,6 @@ $block: #{$fd-namespace}-radio; align-items: center; overflow: hidden; padding: $fd-radio-outer-circle-margin 0 $fd-radio-outer-circle-margin $fd-radio-outer-circle-margin; - - @include fd-rtl() { - padding: $fd-radio-outer-circle-margin $fd-radio-outer-circle-margin $fd-radio-outer-circle-margin 0; - } &::before { content: ""; @@ -65,19 +61,11 @@ $block: #{$fd-namespace}-radio; font-family: "SAP-icons"; background-color: var(--sapField_Background); margin-right: $fd-radio-outer-circle-margin; - margin-left: 0; color: var(--sapSelectedColor); border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor); border-radius: 50%; } - @include fd-rtl() { - &::before { - margin-left: $fd-radio-outer-circle-margin; - margin-right: 0; - } - } - @include fd-hover() { &::before { background-color: var(--sapField_Hover_Background); @@ -132,23 +120,12 @@ $block: #{$fd-namespace}-radio; + .#{$block}__label { padding: $fd-radio-outer-circle-margin-compact 0 $fd-radio-outer-circle-margin-compact $fd-radio-outer-circle-margin-compact; - @include fd-rtl() { - padding: $fd-radio-outer-circle-margin-compact $fd-radio-outer-circle-margin-compact $fd-radio-outer-circle-margin-compact 0; - } &::before { font-size: 0.4375rem; height: $fd-radio-inner-circle-diameter-compact; width: $fd-radio-inner-circle-diameter-compact; min-width: $fd-radio-inner-circle-diameter-compact; margin-right: $fd-radio-outer-circle-margin-compact; - margin-left: 0 - } - - @include fd-rtl() { - &::before { - margin-left: $fd-radio-outer-circle-margin-compact; - margin-right: 0; - } } }