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

style(sass): fix sass lint errors

Browse Source
This commit is contained in:
Brandy Carney
2018-01-30 12:22:24 -05:00
parent b70cca9340
commit 3d5038ce5c
11 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/core/src/components/chip/chip.ios.scss
View File

@ -23,9 +23,9 @@
} }
.chip-ios > ion-icon { .chip-ios > ion-icon {
background-color: $chip-ios-icon-background-color;
color: $chip-ios-icon-fill-color; color: $chip-ios-icon-fill-color;
background-color: $chip-ios-icon-background-color;
} }
.chip-ios ion-avatar { .chip-ios ion-avatar {
@ -45,9 +45,8 @@
} }
.chip-ios .icon-ios-#{$color-name} { .chip-ios .icon-ios-#{$color-name} {
background-color: $color-base;
color: $color-contrast; color: $color-contrast;
background-color: $color-base;
} }
} }

7
packages/core/src/components/chip/chip.md.scss
View File

@ -23,9 +23,9 @@
} }
.chip-md > ion-icon { .chip-md > ion-icon {
background-color: $chip-md-icon-background-color;
color: $chip-md-icon-fill-color; color: $chip-md-icon-fill-color;
background-color: $chip-md-icon-background-color;
} }
.chip-md ion-avatar { .chip-md ion-avatar {
@ -45,9 +45,8 @@
} }
.chip-md .icon-md-#{$color-name} { .chip-md .icon-md-#{$color-name} {
background-color: $color-base;
color: $color-contrast; color: $color-contrast;
background-color: $color-base;
} }
} }

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

@ -18,6 +18,7 @@ ion-chip > ion-icon {
@include border-radius($chip-icon-border-radius); @include border-radius($chip-icon-border-radius);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

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

@ -54,4 +54,4 @@ ion-datetime {
.item .datetime { .item .datetime {
position: static; position: static;
} }

6
packages/core/src/components/fab-button/fab-button.scss
View File

@ -16,7 +16,7 @@
width: $fab-size; width: $fab-size;
height: $fab-size; height: $fab-size;
border: none; border: 0;
font-size: 14px; font-size: 14px;
line-height: $fab-size; line-height: $fab-size;
@ -74,10 +74,10 @@ ion-fab-button[mini] .fab-button {
.fab-button-close-icon { .fab-button-close-icon {
@include position(0, 0, null, 0); @include position(0, 0, null, 0);
display: flex;
position: absolute; position: absolute;
display: flex;
height: 100%; height: 100%;
opacity: 0; opacity: 0;

2
packages/core/src/components/item-divider/item-divider.scss
View File

@ -55,4 +55,4 @@ ion-item-divider[sticky] {
align-self: stretch; align-self: stretch;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

2
packages/core/src/components/item-group/item-group.scss
View File

@ -6,4 +6,4 @@
ion-item-group { ion-item-group {
display: block; display: block;
} }

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

@ -98,6 +98,6 @@ ion-input.item {
} }
.item > ion-icon, .item > ion-icon,
.item-inner > ion-icon { .item-inner > ion-icon {
font-size: 1.6em; font-size: 1.6em;
} }

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

@ -44,4 +44,4 @@ ion-segment-button {
&:focus { &:focus {
outline: none; outline: none;
} }
} }

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

@ -11,7 +11,7 @@
.text-ios-#{$color-name}, .text-ios-#{$color-name},
.text-ios-#{$color-name} a, .text-ios-#{$color-name} a,
.text-ios-#{$color-name} p { .text-ios-#{$color-name} p {
color: $color-base !important color: $color-base !important;
} }
} }

6
packages/core/src/components/virtual-scroll/virtual-scroll.scss
View File

@ -1,8 +1,9 @@
@import "../../themes/ionic.globals"; @import "../../themes/ionic.globals";
ion-virtual-scroll { ion-virtual-scroll {
display: block;
position: relative; position: relative;
display: block;
width: 100%; width: 100%;
// contain: strict; // contain: strict;
@ -15,7 +16,8 @@ ion-virtual-scroll {
.virtual-item { .virtual-item {
@include position(0, 0, null, 0); @include position(0, 0, null, 0);
will-change: transform;
position: absolute; position: absolute;
will-change: transform;
// contain: strict; // contain: strict;
} }