diff --git a/MIGRATION.md b/MIGRATION.md index 08d7ece58..6409160cf 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -1,10 +1,18 @@

Migration Guide

+- [From version 2.2.0 to 2.3.0](#from-version-220-to-230) - [From version 2.0.x to 2.1.0](#from-version-20x-to-210) - [From version 1.x to 2.0.x](#from-version-1x-to-20x) - [Date Input](#date-input) - [All](#package-react-toolkit-all) +# From version 2.2.0 to 2.3.0 + +## Title + +The Title component used to have some different css based on a specific `classModifier` or `className`. For `classModifier` it was called `bigTitle` and for `className` it was `af-subtitle`. This two custom css have now been deleted for the component. If you are using them on your project, you should remove them and make this implementation yourself. +The Title component only implement what our UXs have designed. + # From version 2.0.x to 2.1.0 ## Toolkit-core diff --git a/packages/title/src/title.scss b/packages/title/src/title.scss index e9628f7a5..5fdfa2628 100644 --- a/packages/title/src/title.scss +++ b/packages/title/src/title.scss @@ -38,11 +38,6 @@ h4.af-title::after { margin-top: 0; } - &--bigTitle { - font-size: 4.25rem; - font-weight: 600; - } - &--content { color: $color-mine-shaft; border-bottom: 1px solid $color-silver; @@ -56,24 +51,3 @@ h4.af-title::after { } } } - -.af-subtitle { - color: $color-mine-shaft; - position: relative; - overflow: hidden; - width: 100%; - font-weight: 600; - - &::after { - content: ''; - position: absolute; - height: 2px; - width: 100%; - z-index: 1; - margin-left: 2rem; - top: 50%; - transform: (-50%, 0); - background: $color-dusty-gray; - opacity: 0.3; - } -}