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

43
core/src/components/card-subtitle/card-subtitle.ios.scss Normal file
View File

@ -0,0 +1,43 @@
@import "./card-subtitle";
@import "./card-subtitle.ios.vars";
// iOS Card Subtitle
// --------------------------------------------------
.card-subtitle-ios {
@include padding($card-ios-subtitle-padding-top, $card-ios-subtitle-padding-end, $card-ios-subtitle-padding-bottom, $card-ios-subtitle-padding-start);
font-size: $card-ios-subtitle-font-size;
font-weight: $card-ios-subtitle-font-weight;
letter-spacing: $card-ios-subtitle-letter-spacing;
text-transform: $card-ios-subtitle-text-transform;
color: $card-ios-subtitle-color;
}
// Generate iOS Card subtitle 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-subtitle-ios {
color: $color-contrast;
}
@each $color-name, $color-value in $colors-ios {
$color-base: ion-color($colors-ios, $color-name, base, ios);
.card-subtitle-ios-#{$color-name} {
color: $color-base;
}
}
}
.card-subtitle-ios-#{$color-name} {
color: $color-base;
}
}

31
core/src/components/card-subtitle/card-subtitle.ios.vars.scss Normal file
View File

@ -0,0 +1,31 @@
@import "../../themes/ionic.globals.ios";
// iOS Card Subtitle
// --------------------------------------------------
/// @prop - Font size of the card subtitle
$card-ios-subtitle-font-size: 16px !default;
/// @prop - Font weight of the card subtitle
$card-ios-subtitle-font-weight: 700 !default;
/// @prop - Font weight of the card subtitle
$card-ios-subtitle-text-transform: uppercase !default;
/// @prop - Letter spacing of the card subtitle
$card-ios-subtitle-letter-spacing: .6px !default;
/// @prop - Padding top of the card subtitle
$card-ios-subtitle-padding-top: 0 !default;
/// @prop - Padding end of the card subtitle
$card-ios-subtitle-padding-end: $card-ios-subtitle-padding-top !default;
/// @prop - Padding bottom of the card subtitle
$card-ios-subtitle-padding-bottom: $card-ios-subtitle-padding-top !default;
/// @prop - Padding start of the card subtitle
$card-ios-subtitle-padding-start: $card-ios-subtitle-padding-end !default;
/// @prop - Color of the card subtitle
$card-ios-subtitle-color: $text-ios-color-step-400 !default;

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

@ -0,0 +1,40 @@
@import "./card-subtitle";
@import "./card-subtitle.md.vars";
// Material Design Card Subtitle
// --------------------------------------------------
.card-subtitle-md {
@include padding($card-md-subtitle-padding-top, $card-md-subtitle-padding-end, $card-md-subtitle-padding-bottom, $card-md-subtitle-padding-start);
font-size: $card-md-subtitle-font-size;
color: $card-md-subtitle-color;
}
// Generate Material Design Card subtitle 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-subtitle-md {
color: $color-contrast;
}
@each $color-name, $color-value in $colors-md {
$color-base: ion-color($colors-md, $color-name, base, md);
.card-subtitle-md-#{$color-name} {
color: $color-base;
}
}
}
.card-subtitle-md-#{$color-name} {
color: $color-base;
}
}

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

@ -0,0 +1,22 @@
@import "../../themes/ionic.globals.md";
// Material Design Card Subtitle
// --------------------------------------------------
/// @prop - Font size of the card subtitle
$card-md-subtitle-font-size: 16px !default;
/// @prop - Padding top of the card subtitle
$card-md-subtitle-padding-top: 0 !default;
/// @prop - Padding end of the card subtitle
$card-md-subtitle-padding-end: $card-md-subtitle-padding-top !default;
/// @prop - Padding bottom of the card subtitle
$card-md-subtitle-padding-bottom: $card-md-subtitle-padding-top !default;
/// @prop - Padding start of the card subtitle
$card-md-subtitle-padding-start: $card-md-subtitle-padding-end !default;
/// @prop - Color of the card subtitle
$card-md-subtitle-color: $text-md-color-step-150 !default;

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

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

34
core/src/components/card-subtitle/card-subtitle.tsx Normal file
View File

@ -0,0 +1,34 @@
import { Component, Prop} from '@stencil/core';
@Component({
tag: 'ion-card-subtitle',
styleUrls: {
ios: 'card-subtitle.ios.scss',
md: 'card-subtitle.md.scss'
},
host: {
theme: 'card-subtitle'
}
})
export class CardSubtitle {
/**
* The color to use for the text color.
* 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';
hostData() {
return {
'role': 'heading',
'aria-level': '3'
};
}
}

47
core/src/components/card-subtitle/readme.md Normal file
View File

@ -0,0 +1,47 @@
# ion-card-subtitle
`ion-card-subtitle` is a child component of `ion-card`
<!-- Auto Generated Below -->
## Properties
#### color
string
The color to use for the text color.
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 color.
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/)*