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

refactor(sass): move item vars out of input source

Browse Source
This commit is contained in:
Brandy Carney
2017-12-05 10:27:15 -05:00
parent b6e09192c2
commit f4cf918583
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/src/components/input/input.ios.scss
View File

@ -108,7 +108,7 @@
.label-ios + ion-input .text-input, .label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input, .label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input { .label-ios + .input + .cloned-input {
@include margin-horizontal($item-ios-padding-start, null); @include margin-horizontal($input-ios-by-label-margin-start, null);
} }
// iOS Clear Input Icon // iOS Clear Input Icon
@ -119,7 +119,7 @@
} }
.input-ios[clear-input] .text-input { .input-ios[clear-input] .text-input {
@include padding-horizontal(null, ($input-ios-input-clear-icon-width + $item-ios-padding-end)); @include padding-horizontal(null, $input-ios-input-clear-padding-end);
} }
.input-ios .text-input-clear-icon { .input-ios .text-input-clear-icon {

6
packages/core/src/components/input/input.ios.vars.scss
View File

@ -17,6 +17,9 @@ $input-ios-margin-bottom: $item-ios-padding-bottom !default;
/// @prop - Margin start of the input /// @prop - Margin start of the input
$input-ios-margin-start: 0 !default; $input-ios-margin-start: 0 !default;
/// @prop - Margin start of the input when it is after a label
$input-ios-by-label-margin-start: $item-ios-padding-start !default;
/// @prop - Padding top of the inset input /// @prop - Padding top of the inset input
$input-ios-inset-padding-top: ($item-ios-padding-top / 2) !default; $input-ios-inset-padding-top: ($item-ios-padding-top / 2) !default;
@ -53,6 +56,9 @@ $input-ios-input-clear-icon-svg: "<svg xmlns='http://www.w3.org/2000/sv
/// @prop - Size of the icon used to clear the input /// @prop - Size of the icon used to clear the input
$input-ios-input-clear-icon-size: 18px !default; $input-ios-input-clear-icon-size: 18px !default;
/// @prop - Padding end of the input with clear input
$input-ios-input-clear-padding-end: ($input-ios-input-clear-icon-width + $item-ios-padding-end) !default;
/// @prop - Show the focus highlight when the input has focus /// @prop - Show the focus highlight when the input has focus
$input-ios-show-focus-highlight: false !default; $input-ios-show-focus-highlight: false !default;