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

fix(sass): add missing alert css properties (#14269)

Browse Source 
fixes #14258
This commit is contained in:
Ross Gerbasi
2018-04-04 15:15:33 -05:00
committed by Brandy Carney
parent 57fbf6c396
commit 3471dd66f7
4 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/alert/alert.ios.scss
View File

@ -44,6 +44,7 @@
.alert-ios .alert-title { .alert-ios .alert-title {
@include margin($alert-ios-title-margin-top, null, null, null); @include margin($alert-ios-title-margin-top, null, null, null);
color: $alert-ios-title-color;
font-size: $alert-ios-title-font-size; font-size: $alert-ios-title-font-size;
font-weight: $alert-ios-title-font-weight; font-weight: $alert-ios-title-font-weight;
} }

5
core/src/components/alert/alert.ios.vars.scss
View File

@ -44,6 +44,9 @@ $alert-ios-head-padding-start: $alert-ios-head-padding-
/// @prop - Text align of the alert head /// @prop - Text align of the alert head
$alert-ios-head-text-align: center !default; $alert-ios-head-text-align: center !default;
/// @prop - Color of the alert title
$alert-ios-title-color: $text-ios-color !default;
/// @prop - Margin top of the alert title /// @prop - Margin top of the alert title
$alert-ios-title-margin-top: 8px !default; $alert-ios-title-margin-top: 8px !default;
@ -78,7 +81,7 @@ $alert-ios-message-font-size: 13px !default;
$alert-ios-message-text-align: center !default; $alert-ios-message-text-align: center !default;
/// @prop - Text color of the alert message /// @prop - Text color of the alert message
$alert-ios-message-text-color: inherit !default; $alert-ios-message-text-color: $text-ios-color !default;
/// @prop - Padding top of the alert empty message /// @prop - Padding top of the alert empty message
$alert-ios-message-empty-padding-top: 0 !default; $alert-ios-message-empty-padding-top: 0 !default;

2
core/src/components/alert/alert.md.scss
View File

@ -29,11 +29,13 @@
} }
.alert-md .alert-title { .alert-md .alert-title {
color: $alert-md-title-color;
font-size: $alert-md-title-font-size; font-size: $alert-md-title-font-size;
font-weight: $alert-md-title-font-weight; font-weight: $alert-md-title-font-weight;
} }
.alert-md .alert-sub-title { .alert-md .alert-sub-title {
color: $alert-md-sub-title-text-color;
font-size: $alert-md-sub-title-font-size; font-size: $alert-md-sub-title-font-size;
} }

6
core/src/components/alert/alert.md.vars.scss
View File

@ -41,6 +41,9 @@ $alert-md-head-padding-start: $alert-md-head-padding-end !defaul
/// @prop - Text align of the alert head /// @prop - Text align of the alert head
$alert-md-head-text-align: start !default; $alert-md-head-text-align: start !default;
/// @prop - Color of the alert title
$alert-md-title-color: $text-md-color !default;
/// @prop - Font size of the alert title /// @prop - Font size of the alert title
$alert-md-title-font-size: 20px !default; $alert-md-title-font-size: 20px !default;
@ -50,6 +53,9 @@ $alert-md-title-font-weight: 500 !default;
/// @prop - Font size of the alert sub title /// @prop - Font size of the alert sub title
$alert-md-sub-title-font-size: 16px !default; $alert-md-sub-title-font-size: 16px !default;
/// @prop - Text color of the alert sub title
$alert-md-sub-title-text-color: $text-md-color !default;
/// @prop - Padding top of the alert message /// @prop - Padding top of the alert message
$alert-md-message-padding-top: 0 !default; $alert-md-message-padding-top: 0 !default;