diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss index 18e02ed0666..4db75334666 100644 --- a/core/src/components/button/button.scss +++ b/core/src/components/button/button.scss @@ -109,6 +109,7 @@ .button-native { + @include text-inherit(); @include border-radius(var(--border-radius)); @include font-smoothing(); @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start)); @@ -126,22 +127,9 @@ border-color: var(--border-color); background: var(--background); - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - - letter-spacing: inherit; line-height: 1; - text-align: inherit; - text-decoration: inherit; - text-overflow: inherit; - text-transform: inherit; - - white-space: inherit; - box-shadow: var(--box-shadow); contain: content; cursor: pointer; diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss index cfc579de789..a5da21aa5d0 100644 --- a/core/src/components/item/item.scss +++ b/core/src/components/item/item.scss @@ -35,7 +35,9 @@ color: #{current-color(contrast)}; + text-align: initial; text-decoration: none; + box-sizing: border-box; } @@ -54,7 +56,7 @@ @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); @include border-radius(var(--border-radius)); @include margin(0); - @include text-align(initial); + @include text-inherit(); display: flex; position: relative; @@ -74,14 +76,6 @@ outline: none; background-color: var(--background); - color: inherit; - - font-family: inherit; - font-size: inherit; - font-weight: inherit; - - text-decoration: inherit; - text-transform: inherit; box-shadow: var(--box-shadow); overflow: hidden; diff --git a/core/src/themes/ionic.mixins.scss b/core/src/themes/ionic.mixins.scss index e5e0a1022a6..7eb83307603 100644 --- a/core/src/themes/ionic.mixins.scss +++ b/core/src/themes/ionic.mixins.scss @@ -23,6 +23,7 @@ text-decoration: inherit; text-overflow: inherit; text-transform: inherit; + text-align: inherit; white-space: inherit; color: inherit; }