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

style: run build, lint, and remove !default Sass variables

Browse Source
This commit is contained in:
Brandy Carney
2024-05-02 17:30:30 -04:00
parent 8b834387d4
commit ef9b823dcd
20 changed files with 234 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/checkbox/checkbox.ionic.vars.scss
View File

@ -4,28 +4,28 @@
// --------------------------------------------------
/// @prop - The default width and height of the checkbox
$checkbox-ionic-size: 24px !default;
$checkbox-ionic-size: 24px;
/// @prop - The background color of the checkbox when the checkbox is unchecked
$checkbox-ionic-background-color-off: $background-color-step-400 !default;
$checkbox-ionic-background-color-off: $background-color-step-400;
/// @prop - Border style of the checkbox
$checkbox-ionic-border-style: solid !default;
$checkbox-ionic-border-style: solid;
/// @prop - Border width of the checkbox
$checkbox-ionic-border-width: 1px !default;
$checkbox-ionic-border-width: 1px;
/// @prop - The border radius of the checkbox
/// With a default size of 24px, the border radius is calculated as 24px / 4 - 2px = 4px
/// With a small size of 16px, the border radius is calculated as 16px / 4 - 2px = 2px;
$checkbox-ionic-border-radius: calc(var(--size) / 4 - 2px) !default;
$checkbox-ionic-border-radius: calc(var(--size) / 4 - 2px);
/// @prop - Icon size of the checkbox for the small size
$checkbox-ionic-small-size: 16px !default;
$checkbox-ionic-small-size: 16px;
// Checkbox Shapes
// -------------------------------------------------------------------------------
/* Rectangular */
/// @prop - Rectangular border radius of the checkbox
$checkbox-ionic-rectangular-border: 0 !default;
$checkbox-ionic-rectangular-border: 0;