mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
chore(CHANGELOG): update changelog to include steps for importing globals.core
references #5445
This commit is contained in:
20
CHANGELOG.md
20
CHANGELOG.md
@@ -101,13 +101,27 @@ $colors: (
|
||||
|
||||
###### Important
|
||||
|
||||
If you are using the function `color` anywhere in your app to get a color from the map, it has changed to require the `$colors` map as the first argument. Therefore, this:
|
||||
In order to use the Ionic Sass functions in your app's theming files, you need to import `globals.core` at the beginning of your `app.variables.scss` file. It should look like this:
|
||||
|
||||
```scss
|
||||
// http://ionicframework.com/docs/v2/theming/
|
||||
|
||||
// Ionic Shared Functions
|
||||
// --------------------------------------------------
|
||||
// Makes Ionic Sass functions available to your App
|
||||
|
||||
@import 'globals.core';
|
||||
```
|
||||
|
||||
If you are using the `map-get` function in your app, you should replace it with the `color` function. The `color` function takes the `$colors` map as the first argument, and the color you want to get as the second. You can optionally pass `base` or `contrast` as the third argument. If there is no third argument it will return the `base` color.
|
||||
|
||||
If you are already using the function `color` in your app, you need to update it so this:
|
||||
|
||||
```scss
|
||||
color: color(primary);
|
||||
```
|
||||
|
||||
has become this:
|
||||
becomes this:
|
||||
|
||||
```scss
|
||||
color: color($colors, primary);
|
||||
@@ -119,6 +133,8 @@ If you'd like to grab the `contrast` color you can use:
|
||||
color: color($colors, primary, contrast);
|
||||
```
|
||||
|
||||
See the conference app's [theme directory](https://github.com/driftyco/ionic-conference-app/tree/master/app/theme) for example usage.
|
||||
|
||||
###### Note
|
||||
|
||||
If you include a `base` you must include a `contrast` and vice-versa. If you don't provide a `base` and `contrast`, such as `light: #f4f4f4` above, we use the given color as the base, and a custom function to determine the contrast color.
|
||||
|
||||
@@ -3,5 +3,5 @@
|
||||
@import "globals.core";
|
||||
|
||||
|
||||
// Windowsn Globals
|
||||
// Windows Globals
|
||||
@import "themes/default.wp";
|
||||
|
||||
Reference in New Issue
Block a user