mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
chore: run sass-migrator on badge files
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
@import "./badge";
|
||||
@import "./badge.ios.vars";
|
||||
@use "badge" as badge2;
|
||||
@use "badge.ios.vars";
|
||||
|
||||
// iOS Badge
|
||||
// --------------------------------------------------
|
||||
|
||||
:host {
|
||||
@include border-radius($badge-ios-border-radius);
|
||||
@include border-radius(badge.$badge-ios-border-radius);
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../../themes-migrated/ionic.globals.ios";
|
||||
@use "../../themes-migrated/ionic.globals.ios";
|
||||
|
||||
// iOS Badge
|
||||
// --------------------------------------------------
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@import "./badge";
|
||||
@import "./badge.md.vars";
|
||||
@use "badge" as badge2;
|
||||
@use "badge.md.vars";
|
||||
|
||||
// Material Design Badge
|
||||
// --------------------------------------------------
|
||||
@@ -10,5 +10,5 @@
|
||||
--padding-bottom: 4px;
|
||||
--padding-start: 4px;
|
||||
|
||||
@include border-radius($badge-md-border-radius);
|
||||
@include border-radius(badge.$badge-md-border-radius);
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../../themes-migrated/ionic.globals.md";
|
||||
@use "../../themes-migrated/ionic.globals.md";
|
||||
|
||||
// Material Design Badge
|
||||
// --------------------------------------------------
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
@import "./badge.vars";
|
||||
@use "badge.vars";
|
||||
@use "../../themes-migrated/ionic.globals";
|
||||
|
||||
// Badge
|
||||
// --------------------------------------------------
|
||||
@@ -15,24 +16,24 @@
|
||||
*/
|
||||
--background: #{ion-color(primary, base)};
|
||||
--color: #{ion-color(primary, contrast)};
|
||||
--padding-top: #{$badge-padding-top};
|
||||
--padding-end: #{$badge-padding-end};
|
||||
--padding-bottom: #{$badge-padding-bottom};
|
||||
--padding-start: #{$badge-padding-start};
|
||||
--padding-top: #{badge.$badge-padding-top};
|
||||
--padding-end: #{badge.$badge-padding-end};
|
||||
--padding-bottom: #{badge.$badge-padding-bottom};
|
||||
--padding-start: #{badge.$badge-padding-start};
|
||||
|
||||
@include font-smoothing();
|
||||
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
|
||||
|
||||
display: inline-block;
|
||||
|
||||
min-width: $badge-min-width;
|
||||
min-width: badge.$badge-min-width;
|
||||
|
||||
background: var(--background);
|
||||
color: var(--color);
|
||||
|
||||
font-family: $font-family-base;
|
||||
font-size: $badge-font-size;
|
||||
font-weight: $badge-font-weight;
|
||||
font-family: ionic.$font-family-base;
|
||||
font-size: badge.$badge-font-size;
|
||||
font-weight: badge.$badge-font-weight;
|
||||
|
||||
line-height: 1;
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../../themes-migrated/ionic.globals";
|
||||
@use "../../themes-migrated/ionic.globals";
|
||||
|
||||
// Badge
|
||||
// --------------------------------------------------
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
|
||||
// Global Core
|
||||
@import "./ionic.globals";
|
||||
@use "ionic.globals";
|
||||
|
||||
// Global iOS
|
||||
@import "./ionic.theme.default.ios";
|
||||
@use "ionic.theme.default.ios" as ionic2;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
|
||||
// Core Globals
|
||||
@import "./ionic.globals";
|
||||
@use "ionic.globals";
|
||||
|
||||
// Material Design Globals
|
||||
@import "./ionic.theme.default.md";
|
||||
@use "ionic.theme.default.md" as ionic2;
|
||||
|
||||
Reference in New Issue
Block a user