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

chore(packages): move the packages to root

Browse Source
This commit is contained in:
Brandy Carney
2018-03-12 16:02:25 -04:00
parent 097f1a2cd3
commit d37623a2ca
1255 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
core/src/components/card-content/card-content.ios.scss Normal file
View File

@ -0,0 +1,39 @@
@import "./card-content";
@import "./card-content.ios.vars";
// iOS Card Header
// --------------------------------------------------
.card-content-ios {
@include padding($card-ios-padding-top, $card-ios-padding-end, $card-ios-padding-bottom, $card-ios-padding-start);
font-size: $card-ios-font-size;
line-height: 1.4;
}
// Generate iOS Card Content Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-ios {
$color-base: ion-color($colors-ios, $color-name, base, ios);
$color-contrast: ion-color($colors-ios, $color-name, contrast, ios);
.card-ios-#{$color-name} {
.card-content-ios {
color: $color-contrast;
}
@each $color-name, $color-value in $colors-ios {
$color-base: ion-color($colors-ios, $color-name, base, ios);
.card-content-ios-#{$color-name} {
color: $color-base;
}
}
}
.card-content-ios-#{$color-name} {
color: $color-base;
}
}

19
core/src/components/card-content/card-content.ios.vars.scss Normal file
View File

@ -0,0 +1,19 @@
@import "../../themes/ionic.globals.ios";
// iOS Card Header
// --------------------------------------------------
/// @prop - Padding top of the card
$card-ios-padding-top: 20px !default;
/// @prop - Padding end of the card
$card-ios-padding-end: $card-ios-padding-top !default;
/// @prop - Padding bottom of the card
$card-ios-padding-bottom: $card-ios-padding-top !default;
/// @prop - Padding start of the card
$card-ios-padding-start: $card-ios-padding-top !default;
/// @prop - Font size of the card
$card-ios-font-size: 16px !default;

40
core/src/components/card-content/card-content.md.scss Normal file
View File

@ -0,0 +1,40 @@
@import "./card-content";
@import "./card-content.md.vars";
// Material Design Card Content
// --------------------------------------------------
.card-content-md {
@include padding($card-md-padding-top, $card-md-padding-end, $card-md-padding-bottom, $card-md-padding-start);
font-size: $card-md-font-size;
line-height: $card-md-line-height;
}
// Generate Material Design Card Content Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-md {
$color-base: ion-color($colors-md, $color-name, base, md);
$color-contrast: ion-color($colors-md, $color-name, contrast, md);
.card-md-#{$color-name} {
.card-content-md {
color: $color-contrast;
}
@each $color-name, $color-value in $colors-md {
$color-base: ion-color($colors-md, $color-name, base, md);
.card-content-md-#{$color-name} {
color: $color-base;
}
}
}
.card-content-md-#{$color-name} {
color: $color-base;
}
}

22
core/src/components/card-content/card-content.md.vars.scss Normal file
View File

@ -0,0 +1,22 @@
@import "../../themes/ionic.globals.md";
// Material Design Card Content
// --------------------------------------------------
/// @prop - Padding top of the card
$card-md-padding-top: 13px !default;
/// @prop - Padding right of the card
$card-md-padding-end: 16px !default;
/// @prop - Padding bottom of the card
$card-md-padding-bottom: 13px !default;
/// @prop - Padding start of the card
$card-md-padding-start: 16px !default;
/// @prop - Font size of the card
$card-md-font-size: 14px !default;
/// @prop - Line height of the card
$card-md-line-height: 1.5 !default;

9
core/src/components/card-content/card-content.scss Normal file
View File

@ -0,0 +1,9 @@
@import "../../themes/ionic.globals";
// Card Content
// --------------------------------------------------
ion-card-content {
position: relative;
display: block;
}

26
core/src/components/card-content/card-content.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Component, Prop } from '@stencil/core';
@Component({
tag: 'ion-card-content',
styleUrls: {
ios: 'card-content.ios.scss',
md: 'card-content.md.scss'
},
host: {
theme: 'card-content'
}
})
export class CardContent {
/**
* The color to use for the text.
* Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
@Prop() color: string;
/**
* The mode determines which platform styles to use.
* Possible values are: `"ios"` or `"md"`.
*/
@Prop() mode: 'ios' | 'md';
}

49
core/src/components/card-content/readme.md Normal file
View File

@ -0,0 +1,49 @@
# ion-card-content
`ion-card-content` is child component of `ion-card` that adds some content padding.
It is recommended that any text content for a card should be placed in an `ion-card-content`.
<!-- Auto Generated Below -->
## Properties
#### color
string
The color to use for the text.
Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
#### mode
The mode determines which platform styles to use.
Possible values are: `"ios"` or `"md"`.
## Attributes
#### color
string
The color to use for the text.
Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
#### mode
The mode determines which platform styles to use.
Possible values are: `"ios"` or `"md"`.
----------------------------------------------
*Built with [StencilJS](https://stenciljs.com/)*