javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #8954 from bul-ikana/docs/item-sass

Browse Source 
docs(item): add sass variable descriptions
This commit is contained in:
Manu Mtz.-Almeida
2016-10-31 14:38:21 +01:00
committed by GitHub
parent 0b62a69f4a 867f937621
commit e51fe85ab3
3 changed files with 69 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/item/item.ios.scss
View File

@ -3,21 +3,40 @@
// iOS Item
// --------------------------------------------------
/// @prop - Font size of the item text
$item-ios-body-text-font-size: 1.6rem !default;
/// @prop - Color of the item paragraph
$item-ios-paragraph-text-color: #666 !default;
/// @prop - Size of the avatar in the item
$item-ios-avatar-size: 3.6rem !default;
/// @prop - Size of the thumbnail in the item
$item-ios-thumbnail-size: 5.6rem !default;
/// @prop - Color of the note in the item
$item-ios-note-color: darken($list-ios-border-color, 10%) !default;
/// @prop - Shows the detail arrow icon on an item
$item-ios-detail-push-show: true !default;
/// @prop - Color of the detail arrow icon
$item-ios-detail-push-color: $list-ios-border-color !default;
/// @prop - Icon for the detail arrow
$item-ios-detail-push-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-ios-detail-push-color}'/></svg>" !default;
/// @prop - Background for the divider
$item-ios-divider-background: #f7f7f7 !default;
/// @prop - Color for the divider
$item-ios-divider-color: #222 !default;
/// @prop - Padding for the divider
$item-ios-divider-padding: 5px 15px !default;
/// @prop - Background for the sliding content
$item-ios-sliding-content-background: $list-ios-background-color !default;

23
src/components/item/item.md.scss
View File

@ -3,23 +3,46 @@
// Material Design Item
// --------------------------------------------------
/// @prop - Font size of the item text
$item-md-body-text-font-size: 1.4rem !default;
/// @prop - line height of the item text
$item-md-body-text-line-height: 1.5 !default;
/// @prop - Color of the item paragraph
$item-md-paragraph-text-color: #666 !default;
/// @prop - Font size of the item
$item-md-font-size: 1.6rem !default;
/// @prop - Size of the avatar in the item
$item-md-avatar-size: 4rem !default;
/// @prop - Size of the thumbnail in the item
$item-md-thumbnail-size: 8rem !default;
/// @prop - Color of the note in the item
$item-md-note-color: darken($list-md-border-color, 10%) !default;
/// @prop - Shows the detail arrow icon on an item
$item-md-detail-push-show: false !default;
/// @prop - Color of the detail arrow icon
$item-md-detail-push-color: $list-md-border-color !default;
/// @prop - Icon for the detail arrow
$item-md-detail-push-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-md-detail-push-color}'/></svg>" !default;
/// @prop - Background for the divider
$item-md-divider-background: #fff !default;
/// @prop - Color for the divider
$item-md-divider-color: #222 !default;
/// @prop - Padding for the divider
$item-md-divider-padding: 5px 15px !default;
/// @prop - Background for the sliding content
$item-md-sliding-content-background: $list-md-background-color !default;

27
src/components/item/item.wp.scss
View File

@ -3,25 +3,52 @@
// Windows Item
// --------------------------------------------------
/// @prop - Font size of the item text
$item-wp-body-text-font-size: 1.4rem !default;
/// @prop - line height of the item text
$item-wp-body-text-line-height: 1.5 !default;
/// @prop - Background color of the item
$item-wp-body-background-color: $list-wp-background-color !default;
/// @prop - Color of the item text
$item-wp-body-text-color: $list-wp-text-color !default;
/// @prop - Color of the item paragraph
$item-wp-paragraph-text-color: #666 !default;
/// @prop - Font size of the item
$item-wp-font-size: 1.6rem !default;
/// @prop - Size of the avatar in the item
$item-wp-avatar-size: 4rem !default;
/// @prop - Size of the thumbnail in the item
$item-wp-thumbnail-size: 8rem !default;
/// @prop - Color of the note in the item
$item-wp-note-color: $input-wp-border-color !default;
/// @prop - Shows the detail arrow icon on an item
$item-wp-detail-push-show: false !default;
/// @prop - Color of the detail arrow icon
$item-wp-detail-push-color: $input-wp-border-color !default;
/// @prop - Icon for the detail arrow
$item-wp-detail-push-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-wp-detail-push-color}'/></svg>" !default;
/// @prop - Background for the divider
$item-wp-divider-background: #fff !default;
/// @prop - Color for the divider
$item-wp-divider-color: #222 !default;
/// @prop - Padding for the divider
$item-wp-divider-padding: 5px 15px !default;
/// @prop - Background for the sliding content
$item-wp-sliding-content-background: $list-wp-background-color !default;