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

style(sass): fix linter errors

Browse Source
This commit is contained in:
Brandy Carney
2017-12-06 14:26:00 -05:00
parent 6026339430
commit 2388fe4dc6
30 changed files with 62 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/src/components/action-sheet/action-sheet.scss
View File

@@ -56,4 +56,4 @@ ion-action-sheet {
overflow: hidden;
flex-shrink: 0;
}
}

2
packages/core/src/components/alert/alert.ios.vars.scss
View File

@@ -285,4 +285,4 @@ $alert-ios-translucent-filter: saturate(180%) blur(20px) !defau
$alert-ios-translucent-opacity: .88 !default;
/// @prop - Minimum height of the tappable inputs in the checkbox alert
$alert-ios-tappable-min-height: $item-min-height !default;
$alert-ios-tappable-min-height: $item-min-height !default;

2
packages/core/src/components/app/app.ios.scss
View File

@@ -15,7 +15,7 @@
// TODO this can be simplified
.ion-page,
.ion-page > ion-header,
ion-tabs ion-tab ion-nav .ion-page > ion-header,
ion-tab ion-nav .ion-page > ion-header,
ion-menu > .menu-inner,
ion-menu > .menu-inner > ion-header {
@include toolbar-statusbar-padding($toolbar-ios-height, $toolbar-ios-padding, $content-ios-padding, $app-ios-statusbar-padding);

2
packages/core/src/components/app/app.md.scss
View File

@@ -15,7 +15,7 @@
// TODO this can be simplified
.ion-page,
.ion-page > ion-header,
ion-tabs ion-tab ion-nav .ion-page > ion-header,
ion-tab ion-nav .ion-page > ion-header,
ion-menu > .menu-inner,
ion-menu > .menu-inner > ion-header {
@include toolbar-statusbar-padding($toolbar-md-height, $toolbar-md-padding, $content-md-padding, $app-md-statusbar-padding);

2
packages/core/src/components/avatar/avatar.ios.scss
View File

@@ -17,4 +17,4 @@
@include border-radius($avatar-ios-border-radius);
overflow: hidden;
}
}

2
packages/core/src/components/avatar/avatar.md.scss
View File

@@ -17,4 +17,4 @@
@include border-radius($avatar-md-border-radius);
overflow: hidden;
}
}

9
packages/core/src/components/button/button.scss
View File

@@ -13,10 +13,11 @@
border: 0;
line-height: 1;
text-decoration: none;
text-overflow: ellipsis;
text-transform: none;
line-height: 1;
white-space: nowrap;
cursor: pointer;
@@ -105,14 +106,14 @@ button[disabled],
}
.button ion-icon[slot="start"] {
margin: 0 0.3em 0 -0.3em;
@include margin(0, .3em, 0, -.3em);
}
.button ion-icon[slot="end"] {
margin: 0 -0.2em 0 0.3em;
@include margin(0, -.2em, 0, .3em);
}
.button ion-icon[slot="icon-only"] {
width: 1.8em;
height: 1.8em;
}
}

2
packages/core/src/components/card-header/card-header.md.scss
View File

@@ -6,4 +6,4 @@
.card-header-md {
@include padding($card-md-header-padding-top, $card-md-header-padding-end, $card-md-header-padding-bottom, $card-md-header-padding-start);
}
}

2
packages/core/src/components/card-subtitle/card-subtitle.ios.scss
View File

@@ -37,4 +37,4 @@
color: $color-base;
}
}
}

2
packages/core/src/components/card-subtitle/card-subtitle.ios.vars.scss
View File

@@ -28,4 +28,4 @@ $card-ios-subtitle-padding-bottom: $card-ios-subtitle-padding-top !default
$card-ios-subtitle-padding-start: $card-ios-subtitle-padding-end !default;
/// @prop - Color of the card subtitle
$card-ios-subtitle-color: rgba(0, 0, 0, 0.4) !default;
$card-ios-subtitle-color: rgba(0, 0, 0, .4) !default;

13
packages/core/src/components/checkbox/checkbox.ios.scss
View File

@@ -66,20 +66,21 @@
// -----------------------------------------
.checkbox-key .checkbox-icon::after {
@include border-radius(50%);
@include position(-9px, null, null, -9px);
position: absolute;
top: -9px;
left: -9px;
display: block;
width: 36px;
height: 36px;
background: #86A8DF;
opacity: .3;
background: #86a8df;
border-radius: 50%;
content: '';
content: "";
opacity: .3;
}

13
packages/core/src/components/checkbox/checkbox.md.scss
View File

@@ -70,20 +70,21 @@
// -----------------------------------------
.checkbox-key .checkbox-icon::after {
@include border-radius(50%);
@include position(-12px, null, null, -12px);
position: absolute;
top: -12px;
left: -12px;
display: block;
width: 36px;
height: 36px;
background: #86A8DF;
opacity: .3;
background: #86a8df;
border-radius: 50%;
content: '';
content: "";
opacity: .3;
}

2
packages/core/src/components/chip/chip.scss
View File

@@ -23,4 +23,4 @@ ion-chip ion-icon {
font-size: $chip-icon-font-size;
line-height: $chip-icon-line-height;
}
}

2
packages/core/src/components/fab-list/fab-list.scss
View File

@@ -1,4 +1,4 @@
@import './fab-list.vars';
@import "./fab-list.vars";
// Floating Action Button List
// --------------------------------------------------

4
packages/core/src/components/grid/grid.mixins.scss
View File

@@ -100,16 +100,16 @@
// ---------------------------------------------------------------------------------
@mixin make-column-base($padding-width: $grid-padding-width) {
@include margin(0);
@include padding($padding-width / 2);
position: relative;
width: 100%;
@include margin(0);
min-height: 1px; // Prevent columns from collapsing when empty
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
min-height: 1px; // Prevent columns from collapsing when empty
&[align-self-start] {
align-self: flex-start;

2
packages/core/src/components/item/item.vars.scss
View File

@@ -4,4 +4,4 @@
// --------------------------------------------------
/// @prop - Minimum height of the item
$item-min-height: 44px !default;
$item-min-height: 44px !default;

2
packages/core/src/components/menu/menu.ios.scss
View File

@@ -32,4 +32,4 @@
.app-ios .menu-type-push .show-backdrop {
display: block;
}
}

2
packages/core/src/components/menu/menu.ios.vars.scss
View File

@@ -10,7 +10,7 @@ $menu-ios-background: $background-ios-color !default;
$menu-ios-box-shadow-color: rgba(0, 0, 0, .08) !default;
/// @prop - Box shadow of the menu
$menu-ios-box-shadow: -8px 0px 42px $menu-ios-box-shadow-color !default;
$menu-ios-box-shadow: -8px 0 42px $menu-ios-box-shadow-color !default;
/// @prop - Box shadow of the reveal menu
$menu-ios-box-shadow-reveal: $menu-ios-box-shadow !default;

2
packages/core/src/components/popover/popover.ios.scss
View File

@@ -64,4 +64,4 @@
-webkit-backdrop-filter: $popover-ios-translucent-filter;
backdrop-filter: $popover-ios-translucent-filter;
}
}

13
packages/core/src/components/radio/radio.ios.scss
View File

@@ -51,20 +51,21 @@
// -----------------------------------------
.radio-key .radio-icon::after {
@include border-radius(50%);
@include position(-8px, null, null, -9px);
position: absolute;
top: -8px;
left: -9px;
display: block;
width: 36px;
height: 36px;
background: #86A8DF;
opacity: .3;
background: #86a8df;
border-radius: 50%;
content: '';
content: "";
opacity: .3;
}

15
packages/core/src/components/radio/radio.md.scss
View File

@@ -72,21 +72,22 @@
// Material Design Radio: Keyboard Focus
// -----------------------------------------
.radio-key .radio-icon::after {
.radio-key .radio-icon::after {
@include border-radius(50%);
@include position(-12px, null, null, -12px);
position: absolute;
top: -12px;
left: -12px;
display: block;
width: 36px;
height: 36px;
background: #86A8DF;
opacity: .3;
background: #86a8df;
border-radius: 50%;
content: '';
content: "";
opacity: .3;
}

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

@@ -25,9 +25,10 @@
// -----------------------------------------
.searchbar-ios .searchbar-search-icon {
@include position(0, null, null, 9px);
@include background-position(center);
@include ios-searchbar-icon($searchbar-ios-input-search-icon-svg, $searchbar-ios-input-search-icon-color);
@include margin-horizontal(calc(50% - 60px), null);
@include position(0, null, null, 9px);
position: absolute;
@@ -36,7 +37,6 @@
background-repeat: no-repeat;
background-size: $searchbar-ios-input-search-icon-size;
background-position: center;
}

1
packages/core/src/components/tabs/tabs.md.scss
View File

@@ -23,6 +23,7 @@
// min-height: $tabs-md-tab-min-height;
display: flex;
max-width: 168px;
// min-width: 80px;
// Maximum: 168dp

4
packages/core/src/components/tabs/tabs.md.vars.scss
View File

@@ -85,13 +85,13 @@ $tabs-md-tab-icon-right-transform-z-active: 0 !default;
$tabs-md-tab-icon-bottom-transform-x-active: 0 !default;
/// @prop - Transform y for the active tab button icon when the layout is icon-bottom
$tabs-md-tab-icon-bottom-transform-y-active: 0.2rem !default;
$tabs-md-tab-icon-bottom-transform-y-active: .2rem !default;
/// @prop - Transform z for the active tab button icon when the layout is icon-bottom
$tabs-md-tab-icon-bottom-transform-z-active: 0 !default;
/// @prop - Transform x for the active tab button icon when the layout is icon-left
$tabs-md-tab-icon-left-transform-x-active: -0.2rem !default;
$tabs-md-tab-icon-left-transform-x-active: -.2rem !default;
/// @prop - Transform y for the active tab button icon when the layout is icon-left
$tabs-md-tab-icon-left-transform-y-active: 0 !default;

2
packages/core/src/components/thumbnail/thumbnail.ios.scss
View File

@@ -17,4 +17,4 @@
@include border-radius($thumbnail-ios-border-radius);
overflow: hidden;
}
}

2
packages/core/src/components/thumbnail/thumbnail.md.scss
View File

@@ -16,4 +16,4 @@
@include border-radius($thumbnail-md-border-radius);
overflow: hidden;
}
}

2
packages/core/src/components/toast/toast.ios.scss
View File

@@ -52,4 +52,4 @@
.toast-ios .toast-button {
color: $toast-ios-button-color;
}
}

2
packages/core/src/components/toggle/toggle.scss
View File

@@ -60,5 +60,5 @@ ion-toggle input {
}
.toggle-key input {
border: 2px solid #5E9ED6;
border: 2px solid #5e9ed6;
}

2
packages/core/src/components/toolbar/toolbar.md.scss
View File

@@ -38,7 +38,7 @@
width: 100%;
height: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==");
background-repeat: repeat-x;
content: "";

2
packages/core/src/themes/ionic.mixins.scss
View File

@@ -672,7 +672,7 @@
// ----------------------------------------------------------
@mixin footer-safe-area($toolbar-height, $toolbar-padding, $tabs-height) {
ion-tabs ion-tabbar:not(.placement-top) {
@include safe-area-padding(null, null, 0px, null);
@include safe-area-padding(null, null, 0, null);
@include safe-area-sizing(height, safe-area-inset-bottom, $tabs-height)
}