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

Merge pull request #8955 from bul-ikana/docs/modal-sass

Browse Source 
docs(modal): add sass variable descriptions
This commit is contained in:
Manu Mtz.-Almeida
2016-10-31 14:37:26 +01:00
committed by GitHub
parent 2003ae48d5 b0d393bc16
commit 0b62a69f4a
4 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/modal/modal.ios.scss
View File

@ -3,7 +3,10 @@
// iOS Modals // iOS Modals
// -------------------------------------------------- // --------------------------------------------------
/// @prop - Background color for the modal
$modal-ios-background-color: $background-ios-color !default; $modal-ios-background-color: $background-ios-color !default;
/// @prop - Border radius for the modal
$modal-ios-border-radius: 5px !default; $modal-ios-border-radius: 5px !default;
.ios .modal-wrapper { .ios .modal-wrapper {

1
src/components/modal/modal.md.scss
View File

@ -3,6 +3,7 @@
// Material Design Modals // Material Design Modals
// -------------------------------------------------- // --------------------------------------------------
/// @prop - Background color for the modal
$modal-md-background-color: $background-md-color !default; $modal-md-background-color: $background-md-color !default;
.md .modal-wrapper { .md .modal-wrapper {

11
src/components/modal/modal.scss
View File

@ -3,11 +3,22 @@
// Modals // Modals
// -------------------------------------------------- // --------------------------------------------------
/// @prop - Min width of the modal inset
$modal-inset-min-width: 768px !default; $modal-inset-min-width: 768px !default;
/// @prop - Min height of the small modal inset
$modal-inset-min-height-small: 600px !default; $modal-inset-min-height-small: 600px !default;
/// @prop - Min height of the large modal inset
$modal-inset-min-height-large: 768px !default; $modal-inset-min-height-large: 768px !default;
/// @prop - Width of the large modal inset
$modal-inset-width: 600px !default; $modal-inset-width: 600px !default;
/// @prop - Height of the small modal inset
$modal-inset-height-small: 500px !default; $modal-inset-height-small: 500px !default;
/// @prop - Height of the large modal inset
$modal-inset-height-large: 600px !default; $modal-inset-height-large: 600px !default;
ion-modal { ion-modal {

1
src/components/modal/modal.wp.scss
View File

@ -3,6 +3,7 @@
// Windows Modals // Windows Modals
// -------------------------------------------------- // --------------------------------------------------
/// @prop - Background color for the modal
$modal-wp-background-color: $background-wp-color !default; $modal-wp-background-color: $background-wp-color !default;
.wp .modal-wrapper { .wp .modal-wrapper {