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(windows): add content padding/margin components for wp

Browse Source 
also split all of the modes up so they can have different amounts of
padding/margin on their content

references #5565
This commit is contained in:
Brandy Carney
2016-02-23 17:16:43 -05:00
parent 922e1f17b8
commit fe11eccb46
8 changed files with 247 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
ionic/util/util.scss
View File

@@ -11,89 +11,6 @@ root-anchor {
display: none !important;
}
// Content Padding
// --------------------------------------------------
$content-padding: 16px !default;
[padding],
[padding] > scroll-content {
padding: $content-padding;
}
[padding-top] {
padding-top: $content-padding;
}
[padding-right] {
padding-right: $content-padding;
}
[padding-bottom] {
padding-bottom: $content-padding;
}
[padding-left] {
padding-left: $content-padding;
}
[padding-vertical] {
padding-top: $content-padding;
padding-bottom: $content-padding;
}
[padding-horizontal] {
padding-right: $content-padding;
padding-left: $content-padding;
}
[no-padding] {
padding: 0;
}
// Content Margin
// --------------------------------------------------
$content-margin: 16px !default;
[margin],
[margin] > scroll-content {
margin: $content-margin;
}
[margin-top] {
margin-top: $content-margin;
}
[margin-right] {
margin-right: $content-margin;
}
[margin-bottom] {
margin-bottom: $content-margin;
}
[margin-left] {
margin-left: $content-margin;
}
[margin-vertical] {
margin-top: $content-margin;
margin-bottom: $content-margin;
}
[margin-horizontal] {
margin-right: $content-margin;
margin-left: $content-margin;
}
[no-margin] {
margin: 0;
}
// Focus Outline
// --------------------------------------------------
@@ -171,7 +88,6 @@ $backdrop-color: #000 !default;
}
// Click Block
// --------------------------------------------------
// Fill the screen to block clicks (a better pointer-events: none)