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

thumbnail margin

Browse Source
This commit is contained in:
Adam Bradley
2013-11-01 09:02:24 -05:00
parent 5c2f1ae0ab
commit 1f91f4a0bb
6 changed files with 295 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
scss/ionic/_items.scss
View File

@ -275,13 +275,13 @@ button.item-icon-right:after {
// -------------------------------
.item-thumbnail-left {
padding-left: $item-thumbnail-width + $item-padding;
min-height: $item-thumbnail-height;
padding-left: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
img:first-child, .item-image {
position: absolute;
top: 0;
left: 0;
top: $item-thumbnail-margin;
left: $item-thumbnail-margin;
max-width: $item-thumbnail-width;
max-height: $item-thumbnail-height;
width: 100%;
@ -289,13 +289,13 @@ button.item-icon-right:after {
}
.item-thumbnail-right {
padding-right: $item-thumbnail-width + $item-padding;
min-height: $item-thumbnail-height;
padding-right: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
img:first-child, .item-image {
position: absolute;
top: 0;
right: 0;
top: $item-thumbnail-margin;
right: $item-thumbnail-margin;
max-width: $item-thumbnail-width;
max-height: $item-thumbnail-height;
width: 100%;

1
scss/ionic/_variables.scss
View File

@ -411,6 +411,7 @@ $item-avitar-height: 40px !default;
$item-thumbnail-width: 80px !default;
$item-thumbnail-height: 80px !default;
$item-thumbnail-margin: 10px !default;
// Icons