javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): document what start and end mean for CSS variables (#18538)

Browse Source
This commit is contained in:
Brandy Carney
2019-06-21 15:11:07 -04:00
committed by GitHub
parent 26ecf2b10f
commit 73599c22aa
34 changed files with 380 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/badge/badge.scss
View File

@ -8,10 +8,10 @@
* @prop --background: Background of the badge
* @prop --color: Text color of the badge
*
* @prop --padding-top: Padding top of the badge
* @prop --padding-end: Padding end of the badge
* @prop --padding-bottom: Padding bottom of the badge
* @prop --padding-start: Padding start of the badge
* @prop --padding-top: Top padding of the badge
* @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge
* @prop --padding-bottom: Bottom padding of the badge
* @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge
*/
--background: #{ion-color(primary, base)};
--color: #{ion-color(primary, contrast)};

16
core/src/components/badge/readme.md
View File

@ -106,14 +106,14 @@ export const BadgeExample: React.FunctionComponent = () => (
## CSS Custom Properties
| Name | Description |
| ------------------ | --------------------------- |
| `--background` | Background of the badge |
| `--color` | Text color of the badge |
| `--padding-bottom` | Padding bottom of the badge |
| `--padding-end` | Padding end of the badge |
| `--padding-start` | Padding start of the badge |
| `--padding-top` | Padding top of the badge |
| Name | Description |
| ------------------ | -------------------------------------------------------------------------------------------------------- |
| `--background` | Background of the badge |
| `--color` | Text color of the badge |
| `--padding-bottom` | Bottom padding of the badge |
| `--padding-end` | Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge |
| `--padding-start` | Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge |
| `--padding-top` | Top padding of the badge |
----------------------------------------------