javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(item): add sass variable to override avatar border radius

Browse Source 
closes #10763
This commit is contained in:
Brandy Carney
2017-04-06 18:04:16 -04:00
parent 8e438634a2
commit b0dc856b1b
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,6 +18,9 @@ $item-ios-paragraph-text-color: #8e9093 !default;
/// @prop - Size of the avatar in the item
$item-ios-avatar-size: 36px !default;
/// @prop - Border radius of the avatar in the item
$item-ios-avatar-border-radius: 50% !default;
/// @prop - Size of the thumbnail in the item
$item-ios-thumbnail-size: 56px !default;
@@ -170,7 +173,7 @@ $item-ios-sliding-content-background: $list-ios-background-color !default;
width: $item-ios-avatar-size;
height: $item-ios-avatar-size;
border-radius: 50%;
border-radius: $item-ios-avatar-border-radius;
overflow: hidden;
}

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

@@ -18,6 +18,9 @@ $item-md-font-size: 1.6rem !default;
/// @prop - Size of the avatar in the item
$item-md-avatar-size: 40px !default;
/// @prop - Border radius of the avatar in the item
$item-md-avatar-border-radius: 50% !default;
/// @prop - Size of the thumbnail in the item
$item-md-thumbnail-size: 80px !default;
@@ -192,7 +195,7 @@ $item-md-sliding-content-background: $list-md-background-color !default;
width: $item-md-avatar-size;
height: $item-md-avatar-size;
border-radius: 50%;
border-radius: $item-md-avatar-border-radius;
overflow: hidden;
}

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

@@ -24,6 +24,9 @@ $item-wp-font-size: 1.6rem !default;
/// @prop - Size of the avatar in the item
$item-wp-avatar-size: 40px !default;
/// @prop - Border radius of the avatar in the item
$item-wp-avatar-border-radius: 50% !default;
/// @prop - Size of the thumbnail in the item
$item-wp-thumbnail-size: 80px !default;
@@ -204,7 +207,7 @@ $item-wp-sliding-content-background: $list-wp-background-color !default;
width: $item-wp-avatar-size;
height: $item-wp-avatar-size;
border-radius: 50%;
border-radius: $item-wp-avatar-border-radius;
}