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

docs(sass): document some missed sass variables

Browse Source
This commit is contained in:
Brandy Carney
2017-01-26 11:37:31 -05:00
parent 1d9270b6dd
commit b02df3e2d1
6 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/action-sheet/action-sheet.scss
View File

@ -3,7 +3,10 @@
// Action Sheet
// --------------------------------------------------
/// @prop - Width of the action sheet
$action-sheet-width: 100% !default;
/// @prop - Maximum width of the action sheet
$action-sheet-max-width: 500px !default;

6
src/components/alert/alert.scss
View File

@ -3,10 +3,16 @@
// Alerts
// --------------------------------------------------
/// @prop - Minimum width of the alert
$alert-min-width: 250px !default;
/// @prop - Maximum height of the alert
$alert-max-height: 90% !default;
/// @prop - Line height of the alert button
$alert-button-line-height: 20px !default;
/// @prop - Font size of the alert button
$alert-button-font-size: 14px !default;

1
src/components/backdrop/backdrop.scss
View File

@ -3,6 +3,7 @@
// Backdrop
// --------------------------------------------------
/// @prop - Color of the backdrop
$backdrop-color: #000 !default;
ion-backdrop {

6
src/components/infinite-scroll/infinite-scroll.scss
View File

@ -3,8 +3,14 @@
// Infinite Scroll
// --------------------------------------------------
/// @prop - Margin of the infinite scroll loading icon
$infinite-scroll-loading-margin: 0 0 32px 0 !default;
/// @prop - Color of the infinite scroll loading indicator
$infinite-scroll-loading-color: #666 !default;
/// @prop - Margin of the infinite scroll loading text
$infinite-scroll-loading-text-margin: 4px 32px 0 32px !default;

3
src/components/menu/menu.scss
View File

@ -3,7 +3,10 @@
// Menu
// --------------------------------------------------
/// @prop - Width of the menu
$menu-width: 304px !default;
/// @prop - Width of the menu on small devices (under 340px)
$menu-small-width: $menu-width - 40px !default;

16
src/components/typography/typography.scss
View File

@ -7,15 +7,31 @@
// $font-size-root value, which is on the <html> element
// is what can scale all fonts
/// @prop - Font size of the root html
$font-size-root: 62.5% !default;
/// @prop - Font weight of all headings
$headings-font-weight: 500 !default;
/// @prop - Line height of all headings
$headings-line-height: 1.2 !default;
/// @prop - Font size of heading level 1
$h1-font-size: 2.6rem !default;
/// @prop - Font size of heading level 2
$h2-font-size: 2.4rem !default;
/// @prop - Font size of heading level 3
$h3-font-size: 2.2rem !default;
/// @prop - Font size of heading level 4
$h4-font-size: 2rem !default;
/// @prop - Font size of heading level 5
$h5-font-size: 1.8rem !default;
/// @prop - Font size of heading level 6
$h6-font-size: 1.6rem !default;