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

Files

Ross Gerbasi 7e50219d24 fix(theme-builder): update theme builder and core styles (#13997 )

* theme-builder wip

* Theme Builder updates
- new CSS variable support
- realtime color updating with alpha support (rgb generation)
- auto tint/shade/contrast generation
- auto step generation
- CSS variable highlighting (forward and backwards)
- Colourlovers Palette search (via local proxy)

* Theme Builder Updates
- Settings for auto generation
- updated to 10 steps per background/ext
- general cleanup
- added instructions
- re-worked shade/tint to mix black and white instead of lighten/darken
- scoped cssText into component
- apply theme to theme builder also to style internal buttons

SCSS Updates
- added 10 steps to reach platform
- updated SCSS to use same mix and color methods as theme builder

* material design color step fix

* readme files

fixes #13985 fixes #13986

2018-02-09 16:13:08 -05:00

test

fix(note): add tests and font family for note as standalone

2018-01-24 18:20:10 -05:00

note.ios.scss

feat(components): add support for css variables (#13895 )

2018-02-05 11:55:50 -05:00

note.ios.vars.scss

fix(theme-builder): update theme builder and core styles (#13997 )

2018-02-09 16:13:08 -05:00

note.md.scss

feat(components): add support for css variables (#13895 )

2018-02-05 11:55:50 -05:00

note.md.vars.scss

fix(theme-builder): update theme builder and core styles (#13997 )

2018-02-09 16:13:08 -05:00

note.tsx

docs(components): remove jsdoc input docs

2018-02-01 15:54:12 -05:00

readme.md

chore(): update to latest stencil

2018-02-06 20:04:28 +01:00

readme.md

ion-note

Notes are text elements generally used as subtitles that provide more information. Notes are styled to appear grey by default.

<!-- Default Note -->
<ion-note>Default Note</ion-note>

<!-- Note Colors -->
<ion-note color="primary">Primary Note</ion-note>
<ion-note color="secondary">Secondary Note</ion-note>
<ion-note color="danger">Danger Note</ion-note>
<ion-note color="light">Light Note</ion-note>
<ion-note color="dark">Dark Note</ion-note>

<!-- Notes in a List -->
<ion-list>
  <ion-item>
    <ion-label>Note (End)</ion-label>
    <ion-note slot="end">On</ion-note>
  </ion-item>

  <ion-item>
    <ion-note slot="start">Off</ion-note>
    <ion-label>Note (Start)</ion-label>
  </ion-item>
</ion-list>

Properties

color

string

The color to use from your Sass $colors map. Default options are: "primary", "secondary", "danger", "light", and "dark". For more information, see Theming your App.

mode

The mode determines which platform styles to use. Possible values are: "ios" or "md". For more information, see Platform Styles.

Attributes

color

string

The color to use from your Sass $colors map. Default options are: "primary", "secondary", "danger", "light", and "dark". For more information, see Theming your App.

mode

The mode determines which platform styles to use. Possible values are: "ios" or "md". For more information, see Platform Styles.

Built with StencilJS