mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Go to file

Brandy Carney b2021fd9c4 fix(theming): update global css variable naming and default values (#16003 )

Updates all of the global variables to make sure their naming is consistent, their default values are correct, they are used properly by the related components, and remove any that are not used.

- removes some of the non mode-specific global Sass variables
- updates the md and ios values so that the default is the css variable
with different fallbacks
- removes non-color related css variables from the global file
- fixes item so it uses the background color that is set by the global
file

# Breaking Changes

## Removed Global CSS Variables

The following global CSS variables have been removed for the reasons listed.

| Variable Name                     | Reason                                          |
| ----------------------------------| ------------------------------------------------|
| `--ion-toolbar-color-inactive`    | Unused                                          |
| `--ion-ripple-background-color`   | Unused / Ripple color is based on component     |
| `--ion-header-size`               | Removed in favor of using CSS for h1-h6         |
| `--ion-header-step`               | Removed in favor of using CSS for h1-h6         |

## Renamed Global CSS Variables

The following global CSS variables have been renamed for the reasons listed.

| Old Variable Name                        | New Variable Name                  | Reason                                                                        |
| -----------------------------------------| -----------------------------------| ------------------------------------------------------------------------------|
| `--ion-toolbar-text-color`               | `--ion-toolbar-color`              | Variable is not limited to text color                                         |
| `--ion-toolbar-color-active`             | `--ion-toolbar-color-activated`    | Consistency with our component variables                                      |
| `--ion-tabbar-text-color`                | `--ion-tab-bar-color`              | Variable is not limited to text color                                         |
| `--ion-tabbar-text-color-active`         | `--ion-tab-bar-color-activated`    | Consistency with our component variables                                      |
| `--ion-tabbar-background-color`          | `--ion-tab-bar-background`         | Applies to the background property                                            |
| `--ion-tabbar-background-color-focused`  | `--ion-tab-bar-background-focused` | Applies to the background property                                            |
| `--ion-item-background-color`            | `--ion-item-background`            | Applies to the background property                                            |
| `--ion-item-background-color-active`     | `--ion-item-background-activated`  | Applies to the background property / Consistency with our component variables |
| `--ion-item-text-color`                  | `--ion-item-color`                 | Variable is not limited to text color                                         |
| `--ion-placeholder-text-color`           | `--ion-placeholder-color`          | Consistency with other variables                                              |

Fixes #15989 
Fixes #15559

2018-10-23 12:37:04 -04:00

.circleci

test(e2e): force roboto font on all systems (#15993 )

2018-10-19 15:22:15 -05:00

.github

chore(screenshot): add configuration (#16007 )

2018-10-18 18:03:59 -05:00

.scripts

chore(): build after test

2018-09-26 21:00:55 +02:00

angular

fix(cordova): fix resume event in cordova browser (#15945 )

2018-10-23 09:44:05 -05:00

core

fix(theming): update global css variable naming and default values (#16003 )

2018-10-23 12:37:04 -04:00

react

chore(package): disable package-lock for react

2018-07-11 13:43:18 -05:00

vue

feat(): initial vue support

2018-10-10 17:04:33 -04:00

.editorconfig

style(): add editorconfig

2015-11-13 21:11:21 -06:00

.gitignore

chore(gitignore): ignore stencil cache dir

2018-09-20 11:54:45 -05:00

.npmrc

chore(package): disable package-lock

2018-07-11 13:41:17 -05:00

BREAKING.md

docs(breaking): add a file to redirect to the new directory

2018-04-05 13:10:52 -04:00

CHANGELOG.md

4.0.0-beta.13

2018-10-14 11:49:02 -05:00

CODE_OF_CONDUCT.md

docs: add code of conduct

2016-01-20 09:00:32 -06:00

LICENSE

chore(license): move back to MIT license

2016-01-08 11:22:49 -06:00

package.json

chore(): update deps

2018-07-29 01:44:45 +02:00

README.md

feat(): initial vue support

2018-10-10 17:04:33 -04:00

README.md

Ionic

Ionic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies.

Ionic is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

Packages

Getting Started

Start a new project by following our quick Getting Started guide. We would love to hear from you! If you have any feedback or run into issues using our framework, please file an issue on this repository.

Contributing

Thanks for your interest in contributing! Read up on our guidelines for contributing and then look through our issues with a help wanted label.

Examples

The Ionic Conference App is a full featured Ionic app. It is the perfect starting point for learning and building your own app.

Future Goals

As Ionic components migrate to the web component standard, a goal of ours is to have Ionic components easily work within all of the popular frameworks.