mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
83 lines
1.6 KiB
SCSS
83 lines
1.6 KiB
SCSS
// Typography
|
|
$lightColor: #fff;
|
|
$darkColor: #333;
|
|
|
|
//
|
|
// Buttons
|
|
$buttonColor: #222;
|
|
$buttonPadding: 10px 15px;
|
|
$buttonBorderRadius: 2px;
|
|
$buttonBorderWidth: 1px;
|
|
|
|
$buttonDefaultBackground: #fff;
|
|
$buttonDefaultBackgroundActive: #eee;
|
|
$buttonDefaultBorder: #ddd;
|
|
|
|
$buttonSecondaryBackground: #f5f5f5;
|
|
$buttonSecondaryBackgroundActive: #eee;
|
|
$buttonSecondaryBorder: #ccc;
|
|
|
|
$buttonPrimaryBackground: #6999e9;
|
|
$buttonPrimaryBackgroundActive: #eee;
|
|
$buttonPrimaryBorder: #5981c5;
|
|
|
|
$buttonInfoBackground: #60d2e6;
|
|
$buttonInfoBackgroundActive: #eee;
|
|
$buttonInfoBorder: #51b3c4;
|
|
|
|
$buttonSuccessBackground: #89c163;
|
|
$buttonSuccessBackgroundActive: #eee;
|
|
$buttonSuccessBorder: #71a052;
|
|
|
|
$buttonWarningBackground: #f0b840;
|
|
$buttonWarningBackgroundActive: #eee;
|
|
$buttonWarningBorder: #cf9a29;
|
|
|
|
|
|
$buttonDangerBackground: #de5645;
|
|
$buttonDangerBackgroundActive: #eee;
|
|
$buttonDangerBorder: #bc4435;
|
|
|
|
$buttonDarkBackground: #444;
|
|
$buttonDarkBackgroundActive: #eee;
|
|
$buttonDarkBorder: #111;
|
|
|
|
|
|
//
|
|
// Bars
|
|
$barPaddingPortrait: 10px;
|
|
$barPaddingLandscape : 5px;
|
|
|
|
$barBackground: white;
|
|
|
|
// Bar variations
|
|
$barDefaultBackground: #fff;
|
|
$barDefaultBorderColor: #ddd;
|
|
|
|
$barSecondaryBackground: #f5f5f5;
|
|
$barSecondaryBorderColor: #ccc;
|
|
|
|
$barPrimaryBackground: #6999e9;
|
|
$barPrimaryBorderColor: #5981c5;
|
|
|
|
$barInfoBackground: #60d2e6;
|
|
$barInfoBorderColor: #51b3c4;
|
|
|
|
$barSuccessBackground: #89c163;
|
|
$barSuccessBorderColor: #71a052;
|
|
|
|
$barWarningBackground: #f0b840;
|
|
$barWarningBorderColor: #cf9a29;
|
|
|
|
$barDangerBackground: #de5645;
|
|
$barDangerBorderColor: #bc4435;
|
|
|
|
$barDarkBackground: #444;
|
|
$barDarkBorderColor: #111;
|
|
//
|
|
// Lists
|
|
$listDividerBackground: #f5f5f5;
|
|
$listDividerColor: #222;
|
|
|
|
|