The Ionic Framework team would like to re-evaluate our approach to improving customization options when building mobile applications. We are looking at other solutions that a) make customizing an app UI easier and b) are applicable to a broader set of developers.
- removes mode-less component classes from the internal CSS, use element instead
- adds mode specific classes `md` or `ios` for styling inside of shadow components
- adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling
fixes#17608
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates
Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
* docs(components): update grammar and docs
* docs(item): update item documentation and add usage
* test(item): add lines test
* feat(list): add lines property to override borders on items
* feat(item): add lines property to override borders on items
* refactor(item): remove old uses of no-lines attribute
* fix(item-sliding): update item options to show border
- show the border on left options only if in a full list
- show the border on both options only if in an inset list (or ios by
default)
- don’t show border on either for no lines list (and md by default)
also renames isRightSide to isEndSide to match the side values
* chore(package): update package lock
* style(item): fix lint errors
* test(item): update item tests
* refactor(item): remove the custom styling of last child items
instead of us overriding first/last child items to have borders we are
going to add to the documentation how to style items with a full border
* fix(item): apply border to item inputs for MD mode
* docs(components): update docs based on new build
* docs(usage): update item usage to show lines being used
* fix(item): do not set the padding right to 0 on an item by default
* fix(item): cast lines to boolean
fixes: #5537#13218#12689#12073#9112
