mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
refactor(padding): changed padding to attributes
Updated demos. Closes #266
This commit is contained in:
@ -33,35 +33,33 @@ scroll-content {
|
||||
$content-padding: 16px !default;
|
||||
|
||||
|
||||
.padding,
|
||||
[padding],
|
||||
.padding > scroll-content,
|
||||
[padding] > scroll-content {
|
||||
padding: $content-padding;
|
||||
}
|
||||
|
||||
.padding-top {
|
||||
[padding-top] {
|
||||
padding-top: $content-padding;
|
||||
}
|
||||
|
||||
.padding-right {
|
||||
[padding-right] {
|
||||
padding-right: $content-padding;
|
||||
}
|
||||
|
||||
.padding-bottom {
|
||||
[padding-bottom] {
|
||||
padding-bottom: $content-padding;
|
||||
}
|
||||
|
||||
.padding-left {
|
||||
[padding-left] {
|
||||
padding-left: $content-padding;
|
||||
}
|
||||
|
||||
.padding-vertical {
|
||||
[padding-vertical] {
|
||||
padding-top: $content-padding;
|
||||
padding-bottom: $content-padding;
|
||||
}
|
||||
|
||||
.padding-horizontal {
|
||||
[padding-horizontal] {
|
||||
padding-right: $content-padding;
|
||||
padding-left: $content-padding;
|
||||
}
|
||||
|
@ -5,35 +5,33 @@
|
||||
$content-padding-md: 16px !default;
|
||||
|
||||
|
||||
.padding,
|
||||
[padding],
|
||||
.padding > scroll-content,
|
||||
[padding] > scroll-content {
|
||||
padding: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-top {
|
||||
[padding-top] {
|
||||
padding-top: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-right {
|
||||
[padding-right] {
|
||||
padding-right: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-bottom {
|
||||
[padding-bottom] {
|
||||
padding-bottom: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-left {
|
||||
[padding-left] {
|
||||
padding-left: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-vertical {
|
||||
[padding-vertical] {
|
||||
padding-top: $content-padding-md;
|
||||
padding-bottom: $content-padding-md;
|
||||
}
|
||||
|
||||
.padding-horizontal {
|
||||
[padding-horizontal] {
|
||||
padding-right: $content-padding-md;
|
||||
padding-left: $content-padding-md;
|
||||
}
|
||||
|
Reference in New Issue
Block a user