javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 22:17:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(skeleton-text): adds animated prop and support for CSS styling (#17612)

Browse Source 
* moves most of the CSS to the host element so that it's easier to customize the skeleton text
* adds auto inherit for border-radius
* moves height to 100% so it will naturally fill an avatar and thumbnail
* adds animated property defaulted to `false`
* removes mode specific styles as they're the same
* changes background to an rgba making it easier to customize
* still works outside of a container element
* adds usage examples for javascript and angular
* moves the width to the parent element making it easier to style
* adds the ability to style the width using CSS
* uses the global theme text color as the background if a custom background is not supplied before defaulting

closes ionic-team/ionic-docs#407
This commit is contained in:
Brandy Carney
2019-02-27 17:27:34 -05:00
committed by GitHub
parent a99d17952b
commit d66b12b8d4
17 changed files with 1062 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components.d.ts vendored
View File

@ -4102,14 +4102,16 @@ export namespace Components {
interface IonSkeletonText {
/**
* Width for the element to render at.
* If `true`, the skeleton text will animate.
*/
'width': string;
'animated': boolean;
'width'?: string;
}
interface IonSkeletonTextAttributes extends StencilHTMLAttributes {
/**
* Width for the element to render at.
* If `true`, the skeleton text will animate.
*/
'animated'?: boolean;
'width'?: string;
}