@syncfusion/ej2-angular-layouts 24.1.41 → 24.2.3-ngcc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@syncfusion/ej2-angular-layouts.es5.js +495 -0
- package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-layouts.js +447 -0
- package/@syncfusion/ej2-angular-layouts.js.map +1 -0
- package/CHANGELOG.md +575 -0
- package/README.md +1 -1
- package/dist/ej2-angular-layouts.umd.js +522 -0
- package/dist/ej2-angular-layouts.umd.js.map +1 -0
- package/dist/ej2-angular-layouts.umd.min.js +11 -0
- package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
- package/ej2-angular-layouts.d.ts +6 -0
- package/ej2-angular-layouts.metadata.json +1 -0
- package/package.json +15 -29
- package/postinstall/tagchange.js +18 -0
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
- package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
- package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
- package/src/dashboard-layout/panels.directive.d.ts +0 -5
- package/src/splitter/panesettings.directive.d.ts +0 -5
- package/src/splitter/splitter-all.module.d.ts +0 -6
- package/src/splitter/splitter.component.d.ts +0 -3
- package/src/splitter/splitter.module.d.ts +0 -7
- package/styles/avatar/bootstrap-dark.css +1 -45
- package/styles/avatar/bootstrap-dark.scss +1 -3
- package/styles/avatar/bootstrap.css +1 -45
- package/styles/avatar/bootstrap.scss +1 -3
- package/styles/avatar/bootstrap4.css +1 -45
- package/styles/avatar/bootstrap4.scss +1 -3
- package/styles/avatar/bootstrap5-dark.css +1 -60
- package/styles/avatar/bootstrap5-dark.scss +1 -3
- package/styles/avatar/bootstrap5.css +1 -60
- package/styles/avatar/bootstrap5.scss +1 -3
- package/styles/avatar/fabric-dark.css +1 -45
- package/styles/avatar/fabric-dark.scss +1 -3
- package/styles/avatar/fabric.css +1 -45
- package/styles/avatar/fabric.scss +1 -3
- package/styles/avatar/fluent-dark.css +1 -58
- package/styles/avatar/fluent-dark.scss +1 -3
- package/styles/avatar/fluent.css +1 -58
- package/styles/avatar/fluent.scss +1 -3
- package/styles/avatar/highcontrast-light.css +1 -45
- package/styles/avatar/highcontrast-light.scss +1 -3
- package/styles/avatar/highcontrast.css +1 -45
- package/styles/avatar/highcontrast.scss +1 -3
- package/styles/avatar/material-dark.css +1 -45
- package/styles/avatar/material-dark.scss +1 -3
- package/styles/avatar/material.css +1 -45
- package/styles/avatar/material.scss +1 -3
- package/styles/avatar/material3-dark.css +1 -113
- package/styles/avatar/material3-dark.scss +1 -3
- package/styles/avatar/material3.css +1 -169
- package/styles/avatar/material3.scss +1 -3
- package/styles/avatar/tailwind-dark.css +1 -58
- package/styles/avatar/tailwind-dark.scss +1 -3
- package/styles/avatar/tailwind.css +1 -58
- package/styles/avatar/tailwind.scss +1 -3
- package/styles/bootstrap-dark.css +1 -1351
- package/styles/bootstrap.css +1 -1352
- package/styles/bootstrap4.css +1 -1357
- package/styles/bootstrap5-dark.css +1 -1368
- package/styles/bootstrap5.css +1 -1368
- package/styles/card/bootstrap-dark.css +1 -513
- package/styles/card/bootstrap-dark.scss +1 -3
- package/styles/card/bootstrap.css +1 -514
- package/styles/card/bootstrap.scss +1 -3
- package/styles/card/bootstrap4.css +1 -520
- package/styles/card/bootstrap4.scss +1 -3
- package/styles/card/bootstrap5-dark.css +1 -513
- package/styles/card/bootstrap5-dark.scss +1 -3
- package/styles/card/bootstrap5.css +1 -513
- package/styles/card/bootstrap5.scss +1 -3
- package/styles/card/fabric-dark.css +1 -513
- package/styles/card/fabric-dark.scss +1 -3
- package/styles/card/fabric.css +1 -524
- package/styles/card/fabric.scss +1 -3
- package/styles/card/fluent-dark.css +1 -534
- package/styles/card/fluent-dark.scss +1 -3
- package/styles/card/fluent.css +1 -534
- package/styles/card/fluent.scss +1 -3
- package/styles/card/highcontrast-light.css +1 -513
- package/styles/card/highcontrast-light.scss +1 -3
- package/styles/card/highcontrast.css +1 -525
- package/styles/card/highcontrast.scss +1 -3
- package/styles/card/material-dark.css +1 -513
- package/styles/card/material-dark.scss +1 -3
- package/styles/card/material.css +1 -513
- package/styles/card/material.scss +1 -3
- package/styles/card/material3-dark.css +1 -566
- package/styles/card/material3-dark.scss +1 -3
- package/styles/card/material3.css +1 -622
- package/styles/card/material3.scss +1 -3
- package/styles/card/tailwind-dark.css +1 -514
- package/styles/card/tailwind-dark.scss +1 -3
- package/styles/card/tailwind.css +1 -514
- package/styles/card/tailwind.scss +1 -3
- package/styles/dashboard-layout/bootstrap-dark.css +1 -296
- package/styles/dashboard-layout/bootstrap-dark.scss +1 -4
- package/styles/dashboard-layout/bootstrap.css +1 -296
- package/styles/dashboard-layout/bootstrap.scss +1 -4
- package/styles/dashboard-layout/bootstrap4.css +1 -296
- package/styles/dashboard-layout/bootstrap4.scss +1 -4
- package/styles/dashboard-layout/bootstrap5-dark.css +1 -305
- package/styles/dashboard-layout/bootstrap5-dark.scss +1 -4
- package/styles/dashboard-layout/bootstrap5.css +1 -305
- package/styles/dashboard-layout/bootstrap5.scss +1 -4
- package/styles/dashboard-layout/fabric-dark.css +1 -296
- package/styles/dashboard-layout/fabric-dark.scss +1 -4
- package/styles/dashboard-layout/fabric.css +1 -296
- package/styles/dashboard-layout/fabric.scss +1 -4
- package/styles/dashboard-layout/fluent-dark.css +1 -300
- package/styles/dashboard-layout/fluent-dark.scss +1 -4
- package/styles/dashboard-layout/fluent.css +1 -300
- package/styles/dashboard-layout/fluent.scss +1 -4
- package/styles/dashboard-layout/highcontrast-light.css +1 -234
- package/styles/dashboard-layout/highcontrast-light.scss +1 -3
- package/styles/dashboard-layout/highcontrast.css +1 -292
- package/styles/dashboard-layout/highcontrast.scss +1 -4
- package/styles/dashboard-layout/material-dark.css +1 -296
- package/styles/dashboard-layout/material-dark.scss +1 -4
- package/styles/dashboard-layout/material.css +1 -296
- package/styles/dashboard-layout/material.scss +1 -4
- package/styles/dashboard-layout/material3-dark.css +1 -356
- package/styles/dashboard-layout/material3-dark.scss +1 -4
- package/styles/dashboard-layout/material3.css +1 -412
- package/styles/dashboard-layout/material3.scss +1 -4
- package/styles/dashboard-layout/tailwind-dark.css +1 -317
- package/styles/dashboard-layout/tailwind-dark.scss +1 -4
- package/styles/dashboard-layout/tailwind.css +1 -317
- package/styles/dashboard-layout/tailwind.scss +1 -4
- package/styles/fabric-dark.css +1 -1351
- package/styles/fabric.css +1 -1362
- package/styles/fluent-dark.css +1 -1382
- package/styles/fluent.css +1 -1382
- package/styles/highcontrast-light.css +1 -1289
- package/styles/highcontrast.css +1 -1359
- package/styles/material-dark.css +1 -1350
- package/styles/material.css +1 -1351
- package/styles/material3-dark.css +1 -1415
- package/styles/material3-dark.scss +0 -1
- package/styles/material3.css +1 -1471
- package/styles/material3.scss +0 -1
- package/styles/splitter/bootstrap-dark.css +1 -496
- package/styles/splitter/bootstrap-dark.scss +1 -4
- package/styles/splitter/bootstrap.css +1 -496
- package/styles/splitter/bootstrap.scss +1 -4
- package/styles/splitter/bootstrap4.css +1 -495
- package/styles/splitter/bootstrap4.scss +1 -4
- package/styles/splitter/bootstrap5-dark.css +1 -489
- package/styles/splitter/bootstrap5-dark.scss +1 -4
- package/styles/splitter/bootstrap5.css +1 -489
- package/styles/splitter/bootstrap5.scss +1 -4
- package/styles/splitter/fabric-dark.css +1 -496
- package/styles/splitter/fabric-dark.scss +1 -4
- package/styles/splitter/fabric.css +1 -496
- package/styles/splitter/fabric.scss +1 -4
- package/styles/splitter/fluent-dark.css +1 -489
- package/styles/splitter/fluent-dark.scss +1 -4
- package/styles/splitter/fluent.css +1 -489
- package/styles/splitter/fluent.scss +1 -4
- package/styles/splitter/highcontrast-light.css +1 -496
- package/styles/splitter/highcontrast-light.scss +1 -4
- package/styles/splitter/highcontrast.css +1 -496
- package/styles/splitter/highcontrast.scss +1 -4
- package/styles/splitter/material-dark.css +1 -495
- package/styles/splitter/material-dark.scss +1 -4
- package/styles/splitter/material.css +1 -496
- package/styles/splitter/material.scss +1 -4
- package/styles/splitter/material3-dark.css +1 -544
- package/styles/splitter/material3-dark.scss +1 -4
- package/styles/splitter/material3.css +1 -600
- package/styles/splitter/material3.scss +1 -4
- package/styles/splitter/tailwind-dark.css +1 -489
- package/styles/splitter/tailwind-dark.scss +1 -4
- package/styles/splitter/tailwind.css +1 -489
- package/styles/splitter/tailwind.scss +1 -4
- package/styles/tailwind-dark.css +1 -1379
- package/styles/tailwind.css +1 -1379
- package/esm2020/public_api.mjs +0 -3
- package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
- package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
- package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
- package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
- package/esm2020/src/index.mjs +0 -10
- package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
- package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
- package/esm2020/src/splitter/splitter.component.mjs +0 -64
- package/esm2020/src/splitter/splitter.module.mjs +0 -34
- package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -354
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -354
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- package/styles/avatar/_all.scss +0 -1
- package/styles/avatar/_bootstrap-dark-definition.scss +0 -18
- package/styles/avatar/_bootstrap-definition.scss +0 -18
- package/styles/avatar/_bootstrap4-definition.scss +0 -18
- package/styles/avatar/_bootstrap5-dark-definition.scss +0 -1
- package/styles/avatar/_bootstrap5-definition.scss +0 -26
- package/styles/avatar/_fabric-dark-definition.scss +0 -18
- package/styles/avatar/_fabric-definition.scss +0 -18
- package/styles/avatar/_fluent-dark-definition.scss +0 -1
- package/styles/avatar/_fluent-definition.scss +0 -25
- package/styles/avatar/_fusionnew-definition.scss +0 -26
- package/styles/avatar/_highcontrast-definition.scss +0 -18
- package/styles/avatar/_highcontrast-light-definition.scss +0 -18
- package/styles/avatar/_layout.scss +0 -79
- package/styles/avatar/_material-dark-definition.scss +0 -18
- package/styles/avatar/_material-definition.scss +0 -18
- package/styles/avatar/_material3-dark-definition.scss +0 -1
- package/styles/avatar/_material3-definition.scss +0 -26
- package/styles/avatar/_tailwind-dark-definition.scss +0 -1
- package/styles/avatar/_tailwind-definition.scss +0 -25
- package/styles/avatar/_theme.scss +0 -1
- package/styles/card/_all.scss +0 -2
- package/styles/card/_bootstrap-dark-definition.scss +0 -245
- package/styles/card/_bootstrap-definition.scss +0 -125
- package/styles/card/_bootstrap4-definition.scss +0 -127
- package/styles/card/_bootstrap5-dark-definition.scss +0 -1
- package/styles/card/_bootstrap5-definition.scss +0 -125
- package/styles/card/_fabric-dark-definition.scss +0 -233
- package/styles/card/_fabric-definition.scss +0 -124
- package/styles/card/_fluent-dark-definition.scss +0 -1
- package/styles/card/_fluent-definition.scss +0 -130
- package/styles/card/_fusionnew-definition.scss +0 -125
- package/styles/card/_highcontrast-definition.scss +0 -125
- package/styles/card/_highcontrast-light-definition.scss +0 -246
- package/styles/card/_layout.scss +0 -528
- package/styles/card/_material-dark-definition.scss +0 -240
- package/styles/card/_material-definition.scss +0 -124
- package/styles/card/_material3-dark-definition.scss +0 -1
- package/styles/card/_material3-definition.scss +0 -125
- package/styles/card/_tailwind-dark-definition.scss +0 -1
- package/styles/card/_tailwind-definition.scss +0 -123
- package/styles/card/_theme.scss +0 -104
- package/styles/dashboard-layout/_all.scss +0 -2
- package/styles/dashboard-layout/_bootstrap-dark-definition.scss +0 -102
- package/styles/dashboard-layout/_bootstrap-definition.scss +0 -102
- package/styles/dashboard-layout/_bootstrap4-definition.scss +0 -102
- package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +0 -1
- package/styles/dashboard-layout/_bootstrap5-definition.scss +0 -108
- package/styles/dashboard-layout/_fabric-dark-definition.scss +0 -103
- package/styles/dashboard-layout/_fabric-definition.scss +0 -102
- package/styles/dashboard-layout/_fluent-dark-definition.scss +0 -1
- package/styles/dashboard-layout/_fluent-definition.scss +0 -111
- package/styles/dashboard-layout/_fusionnew-definition.scss +0 -108
- package/styles/dashboard-layout/_highcontrast-definition.scss +0 -100
- package/styles/dashboard-layout/_highcontrast-light-definition.scss +0 -100
- package/styles/dashboard-layout/_layout.scss +0 -263
- package/styles/dashboard-layout/_material-dark-definition.scss +0 -103
- package/styles/dashboard-layout/_material-definition.scss +0 -102
- package/styles/dashboard-layout/_material3-dark-definition.scss +0 -1
- package/styles/dashboard-layout/_material3-definition.scss +0 -108
- package/styles/dashboard-layout/_tailwind-dark-definition.scss +0 -1
- package/styles/dashboard-layout/_tailwind-definition.scss +0 -109
- package/styles/dashboard-layout/_theme.scss +0 -128
- package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -80
- package/styles/dashboard-layout/icons/_bootstrap.scss +0 -80
- package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -80
- package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -80
- package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -80
- package/styles/dashboard-layout/icons/_fabric.scss +0 -80
- package/styles/dashboard-layout/icons/_fluent-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_fluent.scss +0 -80
- package/styles/dashboard-layout/icons/_fusionnew.scss +0 -80
- package/styles/dashboard-layout/icons/_highcontrast.scss +0 -80
- package/styles/dashboard-layout/icons/_material-dark.scss +0 -80
- package/styles/dashboard-layout/icons/_material.scss +0 -80
- package/styles/dashboard-layout/icons/_material3-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_material3.scss +0 -80
- package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -80
- package/styles/dashboard-layout/icons/_tailwind.scss +0 -80
- package/styles/splitter/_all.scss +0 -3
- package/styles/splitter/_bootstrap-dark-definition.scss +0 -26
- package/styles/splitter/_bootstrap-definition.scss +0 -26
- package/styles/splitter/_bootstrap4-definition.scss +0 -26
- package/styles/splitter/_bootstrap5-dark-definition.scss +0 -1
- package/styles/splitter/_bootstrap5-definition.scss +0 -31
- package/styles/splitter/_definition.scss +0 -1
- package/styles/splitter/_fabric-dark-definition.scss +0 -26
- package/styles/splitter/_fabric-definition.scss +0 -26
- package/styles/splitter/_fluent-dark-definition.scss +0 -1
- package/styles/splitter/_fluent-definition.scss +0 -31
- package/styles/splitter/_fusionnew-definition.scss +0 -31
- package/styles/splitter/_highcontrast-definition.scss +0 -26
- package/styles/splitter/_highcontrast-light-definition.scss +0 -26
- package/styles/splitter/_layout.scss +0 -416
- package/styles/splitter/_material-dark-definition.scss +0 -26
- package/styles/splitter/_material-definition.scss +0 -27
- package/styles/splitter/_material3-dark-definition.scss +0 -1
- package/styles/splitter/_material3-definition.scss +0 -31
- package/styles/splitter/_responsive.scss +0 -1
- package/styles/splitter/_tailwind-dark-definition.scss +0 -1
- package/styles/splitter/_tailwind-definition.scss +0 -31
- package/styles/splitter/_theme.scss +0 -207
- package/styles/splitter/icons/_bootstrap-dark.scss +0 -52
- package/styles/splitter/icons/_bootstrap.scss +0 -52
- package/styles/splitter/icons/_bootstrap4.scss +0 -51
- package/styles/splitter/icons/_bootstrap5-dark.scss +0 -1
- package/styles/splitter/icons/_bootstrap5.scss +0 -39
- package/styles/splitter/icons/_fabric-dark.scss +0 -52
- package/styles/splitter/icons/_fabric.scss +0 -52
- package/styles/splitter/icons/_fluent-dark.scss +0 -1
- package/styles/splitter/icons/_fluent.scss +0 -39
- package/styles/splitter/icons/_fusionnew.scss +0 -39
- package/styles/splitter/icons/_highcontrast-light.scss +0 -52
- package/styles/splitter/icons/_highcontrast.scss +0 -52
- package/styles/splitter/icons/_material-dark.scss +0 -51
- package/styles/splitter/icons/_material.scss +0 -51
- package/styles/splitter/icons/_material3-dark.scss +0 -1
- package/styles/splitter/icons/_material3.scss +0 -39
- package/styles/splitter/icons/_tailwind-dark.scss +0 -1
- package/styles/splitter/icons/_tailwind.scss +0 -39
- package/syncfusion-ej2-angular-layouts.d.ts +0 -5
@@ -1,79 +0,0 @@
|
|
1
|
-
@include export-module('avatar-layout') {
|
2
|
-
.e-avatar {
|
3
|
-
align-content: center;
|
4
|
-
align-items: center;
|
5
|
-
background-color: $avatar-base-background-color;
|
6
|
-
background-position: center;
|
7
|
-
background-repeat: no-repeat;
|
8
|
-
background-size: cover;
|
9
|
-
border-radius: $avatar-base-border-radius;
|
10
|
-
color: $avatar-base-text-color;
|
11
|
-
display: inline-flex;
|
12
|
-
font-family: $font-family;
|
13
|
-
font-size: $avatar-base-font-size;
|
14
|
-
font-weight: $avatar-base-font-weight;
|
15
|
-
height: $avatar-base-height;
|
16
|
-
justify-content: center;
|
17
|
-
overflow: hidden;
|
18
|
-
position: relative;
|
19
|
-
width: $avatar-base-width;
|
20
|
-
@if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
|
21
|
-
line-height: $avatar-base-line-height;
|
22
|
-
}
|
23
|
-
|
24
|
-
img {
|
25
|
-
height: $avatar-base-img-height;
|
26
|
-
width: auto;
|
27
|
-
}
|
28
|
-
|
29
|
-
&.e-avatar-circle {
|
30
|
-
border-radius: $avatar-circle-border-radius;
|
31
|
-
&.e-avatar-large,
|
32
|
-
&.e-avatar-xlarge {
|
33
|
-
border-radius: $avatar-circle-border-radius;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
&.e-avatar-xsmall {
|
38
|
-
font-size: $avatar-xsmall-font-size;
|
39
|
-
@if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
|
40
|
-
height: 24px;
|
41
|
-
line-height: $avatar-base-xsmall-line-height;
|
42
|
-
width: 24px;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
|
46
|
-
&.e-avatar-small {
|
47
|
-
font-size: $avatar-small-font-size;
|
48
|
-
@if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
|
49
|
-
height: 32px;
|
50
|
-
line-height: $avatar-base-small-line-height;
|
51
|
-
width: 32px;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
&.e-avatar-large {
|
56
|
-
font-size: $avatar-large-font-size;
|
57
|
-
@if ($skin-name == 'bootstrap5') {
|
58
|
-
border-radius: $avatar-large-border-radius;
|
59
|
-
}
|
60
|
-
@if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
|
61
|
-
height: 48px;
|
62
|
-
line-height: $avatar-base-large-line-height;
|
63
|
-
width: 48px;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
|
67
|
-
&.e-avatar-xlarge {
|
68
|
-
font-size: $avatar-xlarge-font-size;
|
69
|
-
@if ($skin-name == 'bootstrap5') {
|
70
|
-
border-radius: $avatar-large-border-radius;
|
71
|
-
}
|
72
|
-
@if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark'or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
|
73
|
-
height: 56px;
|
74
|
-
line-height: $avatar-base-xlarge-line-height;
|
75
|
-
width: 56px;
|
76
|
-
}
|
77
|
-
}
|
78
|
-
}
|
79
|
-
}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
// Avatar Base
|
2
|
-
$avatar-base-border-radius: 5px !default;
|
3
|
-
$avatar-base-font-size: 1em !default;
|
4
|
-
$avatar-base-width: 3em !default;
|
5
|
-
$avatar-base-height: 3em !default;
|
6
|
-
$avatar-base-background-color: #bcbcbc !default;
|
7
|
-
$avatar-base-text-color: #fff !default;
|
8
|
-
$avatar-base-font-weight: 400 !default;
|
9
|
-
$avatar-base-img-height: 100% !default;
|
10
|
-
|
11
|
-
// Circle Avatar
|
12
|
-
$avatar-circle-border-radius: 50% !default;
|
13
|
-
|
14
|
-
// Avatar size
|
15
|
-
$avatar-xsmall-font-size: .6em !default;
|
16
|
-
$avatar-small-font-size: .8em !default;
|
17
|
-
$avatar-large-font-size: 1.2em !default;
|
18
|
-
$avatar-xlarge-font-size: 1.4em !default;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
// Avatar Base
|
2
|
-
$avatar-base-border-radius: 5px !default;
|
3
|
-
$avatar-base-font-size: 1em !default;
|
4
|
-
$avatar-base-width: 3em !default;
|
5
|
-
$avatar-base-height: 3em !default;
|
6
|
-
$avatar-base-background-color: #bcbcbc !default;
|
7
|
-
$avatar-base-text-color: #fff !default;
|
8
|
-
$avatar-base-font-weight: 400 !default;
|
9
|
-
$avatar-base-img-height: 100% !default;
|
10
|
-
|
11
|
-
// Circle Avatar
|
12
|
-
$avatar-circle-border-radius: 50% !default;
|
13
|
-
|
14
|
-
// Avatar size
|
15
|
-
$avatar-xsmall-font-size: .6em !default;
|
16
|
-
$avatar-small-font-size: .8em !default;
|
17
|
-
$avatar-large-font-size: 1.2em !default;
|
18
|
-
$avatar-xlarge-font-size: 1.4em !default;
|
@@ -1 +0,0 @@
|
|
1
|
-
@import './material3-definition.scss';
|
@@ -1,26 +0,0 @@
|
|
1
|
-
// Avatar Base
|
2
|
-
$avatar-base-border-radius: 4px !default;
|
3
|
-
$avatar-base-background-color: rgba($primary-light) !default;
|
4
|
-
$avatar-base-font-size: $text-xl !default;
|
5
|
-
$avatar-base-width: 40px !default;
|
6
|
-
$avatar-base-height: 40px !default;
|
7
|
-
$avatar-base-line-height: 20px !default;
|
8
|
-
$avatar-base-text-color: rgba($primary-darker) !default;
|
9
|
-
$avatar-base-font-weight: 500 !default;
|
10
|
-
$avatar-base-img-height: 100% !default;
|
11
|
-
|
12
|
-
// Circle Avatar
|
13
|
-
$avatar-circle-border-radius: 50% !default;
|
14
|
-
|
15
|
-
// Avatar size
|
16
|
-
$avatar-xsmall-font-size: 14px !default;
|
17
|
-
$avatar-small-font-size: 18px !default;
|
18
|
-
$avatar-large-font-size: 26px !default;
|
19
|
-
$avatar-xlarge-font-size: 30px !default;
|
20
|
-
$avatar-large-border-radius: 4px !default;
|
21
|
-
|
22
|
-
// Avatar Line Height
|
23
|
-
$avatar-base-xsmall-line-height: 14px !default;
|
24
|
-
$avatar-base-small-line-height: 18px !default;
|
25
|
-
$avatar-base-large-line-height: 26px !default;
|
26
|
-
$avatar-base-xlarge-line-height: 30px !default;
|
@@ -1 +0,0 @@
|
|
1
|
-
@import './tailwind-definition.scss';
|
@@ -1,25 +0,0 @@
|
|
1
|
-
// Avatar Base
|
2
|
-
$avatar-base-border-radius: 4px !default;
|
3
|
-
$avatar-base-background-color: $content-bg-color-alt3 !default;
|
4
|
-
$avatar-base-font-size: $text-sm !default;
|
5
|
-
$avatar-base-width: 40px !default;
|
6
|
-
$avatar-base-height: 40px !default;
|
7
|
-
$avatar-base-line-height: 22px !default;
|
8
|
-
$avatar-base-text-color: $content-text-color-alt2 !default;
|
9
|
-
$avatar-base-font-weight: $font-weight-medium !default;
|
10
|
-
$avatar-base-img-height: 100% !default;
|
11
|
-
|
12
|
-
// Circle Avatar
|
13
|
-
$avatar-circle-border-radius: 50% !default;
|
14
|
-
|
15
|
-
// Avatar size
|
16
|
-
$avatar-xsmall-font-size: $text-xxs !default;
|
17
|
-
$avatar-small-font-size: $text-xs !default;
|
18
|
-
$avatar-large-font-size: $text-lg !default;
|
19
|
-
$avatar-xlarge-font-size: $text-xl !default;
|
20
|
-
|
21
|
-
// Avatar Line Height
|
22
|
-
$avatar-base-xsmall-line-height: 16px !default;
|
23
|
-
$avatar-base-small-line-height: 18px !default;
|
24
|
-
$avatar-base-large-line-height: 28px !default;
|
25
|
-
$avatar-base-xlarge-line-height: 28px !default;
|
@@ -1 +0,0 @@
|
|
1
|
-
/* stylelint-disable-line no-empty-source */
|
package/styles/card/_all.scss
DELETED
@@ -1,245 +0,0 @@
|
|
1
|
-
/*! component's default definitions and variables */
|
2
|
-
$card-img-brdr-radious: 50% !default;
|
3
|
-
$card-brdr-radious: $border-radius !default;
|
4
|
-
$card-action-btn-txt-transform: none !default;
|
5
|
-
$card-bg-color: $default-bg-color !default;
|
6
|
-
$card-focus-bg-color: $default-bg-color !default;
|
7
|
-
$card-hover-bg-color: $default-bg-color !default;
|
8
|
-
$card-active-bg-color: $default-bg-color !default;
|
9
|
-
$card-focus-brdr-color: $default-border-color !default;
|
10
|
-
$card-hover-brdr-color: $default-border-color !default;
|
11
|
-
$card-active-brdr-color: $default-border-color !default;
|
12
|
-
$card-highlight-color: rgba(0, 0, 0, 0) !default;
|
13
|
-
$card-hover-box-shadow: $shadow-color !default;
|
14
|
-
|
15
|
-
$card-content-line-height: normal !default;
|
16
|
-
$card-title-nrml-lheight: 12px !default;
|
17
|
-
$card-title-bigger-lheight: 13px !default;
|
18
|
-
$card-header-image-width: 40px !default;
|
19
|
-
$card-header-image-height: 40px !default;
|
20
|
-
$card-header-minheight: 30px !default;
|
21
|
-
$card-header-nrml-padding: 16px 0 16px 16px !default;
|
22
|
-
$card-header-txt-nrml-padding: 0 0 0 8px !default;
|
23
|
-
$card-action-btn-font: 14px !default;
|
24
|
-
$card-nrml-content-padding: 16px !default;
|
25
|
-
$card-nrml-nested-content-padding: 16px !default;
|
26
|
-
$card-content-font-size: 14px !default;
|
27
|
-
$card-content-bigger-font-size: 16px !default;
|
28
|
-
$card-title-nrml-padding: 8px !default;
|
29
|
-
$card-action-nrml-padding: 8px !default;
|
30
|
-
$card-action-nrml-nested-margin: 8px !default;
|
31
|
-
$card-action-nrml-vertical-padding: 0 8px !default;
|
32
|
-
$card-action-nrml-btn-vertical-margin: 0 0 8px 0 !default;
|
33
|
-
$card-action-btn-nrml-margin: 0 0 0 8px !default;
|
34
|
-
$card-action-btn-nrml-padding: 0 6px !default;
|
35
|
-
$card-action-btn-nrml-height: 36px !default;
|
36
|
-
$card-nrml-mheight: 48px !default;
|
37
|
-
$card-nrml-lheight: 16px !default;
|
38
|
-
$card-nrml-padding: 16px 0 !default;
|
39
|
-
$card-image-mheight: 150px !default;
|
40
|
-
$card-image-title-font: 24px !default;
|
41
|
-
$card-image-title-lheight: 22px !default;
|
42
|
-
$card-header-txt-title-nrml-padding: 0 0 8px !default;
|
43
|
-
$card-header-txt-title-font: 15px !default;
|
44
|
-
$card-header-font: 15px !default;
|
45
|
-
$card-header-padding: 16px !default;
|
46
|
-
$card-header-lheight: 16px !default;
|
47
|
-
$card-title-font: 18px !default;
|
48
|
-
$card-image-title-nrml-padding: 16px !default;
|
49
|
-
$card-hor-image-margin: 2px !default;
|
50
|
-
$card-header-txt-subtitle-font: 14px !default;
|
51
|
-
$card-header-txt-subtitle-lheight: 14px !default;
|
52
|
-
$card-header-txt-title-lheight: 18px !default;
|
53
|
-
$card-header-title-font: 15px !default;
|
54
|
-
$card-header-sub-title-font: 14px !default;
|
55
|
-
$card-image-title-mheight: 40px !default;
|
56
|
-
$card-header-txt-nrml-title-font: 13px !default;
|
57
|
-
$card-header-txt-nrml-subtitle-font: 12px !default;
|
58
|
-
$card-action-btn-icon-width: 24px !default;
|
59
|
-
$card-action-btn-icon-height: 24px !default;
|
60
|
-
|
61
|
-
//bigger
|
62
|
-
|
63
|
-
$card-bigger-lheight: 36px !default;
|
64
|
-
$card-bigger-mheight: 36px !default;
|
65
|
-
$card-header-bigger-padding: 12px !default;
|
66
|
-
$card-header-bigger-lheight: 12px !default;
|
67
|
-
$card-title-bigger-margin: 18px 12px 12px !default;
|
68
|
-
$card-hor-image-bigger-margin: 2px !default;
|
69
|
-
$card-sep-bigger-margin: 12px 0 !default;
|
70
|
-
$card-header-bigger-minheight: 22.5px !default;
|
71
|
-
$card-header-bigger-padding: 12px !default;
|
72
|
-
$card-header-txt-bigger-padding: 0 0 0 12px !default;
|
73
|
-
$card-header-txt-title-bigger-lheight: 13.5px !default;
|
74
|
-
$card-header-txt-title-bigger-padding: 0 0 6px !default;
|
75
|
-
$card-header-txt-subtitle-bigger-lheight: 10.5px !default;
|
76
|
-
$card-header-image-bigger-width: 30px !default;
|
77
|
-
$card-header-image-bigger-height: 30px !default;
|
78
|
-
$card-image-bigger-mheight: 112.5px !default;
|
79
|
-
$card-image-title-bigger-lheight: 18px !default;
|
80
|
-
$card-image-title-bigger-mheight: 30px !default;
|
81
|
-
$card-img-title-bigger-padding: 6px !default;
|
82
|
-
$card-action-bigger-padding: 6px !default;
|
83
|
-
$card-action-bigger-vertical-padding: 0 6px !default;
|
84
|
-
$card-action-bigger-btn-vertical-margin: 0 0 6px 0 !default;
|
85
|
-
$card-action-btn-bigger-height: 27px !default;
|
86
|
-
$card-action-btn-bigger-margin: 0 0 0 6px !default;
|
87
|
-
$card-action-btn-bigger-padding: 0 6px !default;
|
88
|
-
$card-bigger-content-padding: 12px !default;
|
89
|
-
$card-header-txt-bigger-title-font: 15px !default;
|
90
|
-
$card-header-txt-bigger-subtitle-font: 14px !default;
|
91
|
-
$card-image-title-bigger-font: 24px !default;
|
92
|
-
$card-action-btn-bigger-icon-width: 24px !default;
|
93
|
-
$card-action-btn-bigger-icon-height: 24px !default;
|
94
|
-
|
95
|
-
//color
|
96
|
-
|
97
|
-
$card-brdr-size: 1px !default;
|
98
|
-
$card-brdr-type: solid !default;
|
99
|
-
$card-brdr-color: $default-border-color !default;
|
100
|
-
$card-sep-margin: 16px 0 !default;
|
101
|
-
$card-sep-brdr-size: 1px !default;
|
102
|
-
$card-sep-brdr-type: solid !default;
|
103
|
-
$card-sep-brdr-color: $default-border-color !default;
|
104
|
-
$card-image-title-color: $default-font-color !default;
|
105
|
-
$card-image-title-bg: $default-bg-color !default;
|
106
|
-
$card-action-btn-bg-color: $default-bg-color !default;
|
107
|
-
$card-action-btn-font-color: $default-font-color !default;
|
108
|
-
$card-action-btn-border: 0 !default;
|
109
|
-
$card-action-btn-hover-bg: $default-bg-color !default;
|
110
|
-
$card-action-btn-hover-border: 0 !default;
|
111
|
-
$card-action-btn-hover-font: $default-font-color !default;
|
112
|
-
$card-action-btn-focus-bg: $default-bg-color !default;
|
113
|
-
$card-action-btn-focus-border: 0 !default;
|
114
|
-
$card-action-btn-focus-font: $default-font-color !default;
|
115
|
-
$card-action-btn-pressed-bg: $default-bg-color !default;
|
116
|
-
$card-action-btn-pressed-border: 0 !default;
|
117
|
-
$card-action-btn-pressed-font: $default-font-color !default;
|
118
|
-
$card-font-color: $default-font-color !default;
|
119
|
-
$card-header-txt-title-color: $default-font-color !default;
|
120
|
-
$card-header-txt-subtitle-color: $default-font-color !default;
|
121
|
-
$card-content-font-color: $card-header-txt-subtitle-color !default;
|
122
|
-
$card-action-btn-icon-color: $default-font-color !default;
|
123
|
-
|
124
|
-
/*! component's theme wise override material-definitions and variables */
|
125
|
-
$skin-name: 'bootstrap' !default;
|
126
|
-
$card-img-brdr-radious: 50% !default;
|
127
|
-
$card-brdr-radious: 4px !default;
|
128
|
-
|
129
|
-
// Font
|
130
|
-
|
131
|
-
$card-header-font: 15px !default;
|
132
|
-
$card-title-font: 17px !default;
|
133
|
-
$card-action-btn-icon-font: 14px !default;
|
134
|
-
$card-action-btn-font: 14px !default;
|
135
|
-
$card-content-font-size: 14px !default;
|
136
|
-
$card-header-title-font: 14px !default;
|
137
|
-
$card-header-sub-title-font: 14px !default;
|
138
|
-
|
139
|
-
// Mouse
|
140
|
-
$card-nrml-lheight: 36px !default;
|
141
|
-
$card-nrml-mheight: 36px !default;
|
142
|
-
$card-header-padding: 12px !default;
|
143
|
-
$card-header-lheight: normal !default;
|
144
|
-
$card-title-nrml-lheight: normal !default;
|
145
|
-
$card-title-nrml-padding: 12px !default;
|
146
|
-
$card-hor-image-margin: 2px !default;
|
147
|
-
$card-sep-margin: 12px 0 !default;
|
148
|
-
$card-header-minheight: 22.5px !default;
|
149
|
-
$card-header-nrml-padding: 12px !default;
|
150
|
-
$card-header-txt-nrml-padding: 0 0 0 7.5px !default;
|
151
|
-
$card-header-txt-title-lheight: normal !default;
|
152
|
-
$card-header-txt-title-nrml-padding: 6px 0 0 !default;
|
153
|
-
$card-header-txt-subtitle-lheight: normal !default;
|
154
|
-
$card-header-image-width: 30px !default;
|
155
|
-
$card-header-image-height: 30px !default;
|
156
|
-
$card-image-mheight: 112.5px !default;
|
157
|
-
$card-image-title-lheight: 27px !default;
|
158
|
-
$card-image-title-mheight: 27px !default;
|
159
|
-
$card-image-title-nrml-padding: 0 12px !default;
|
160
|
-
$card-action-nrml-padding: 6px !default;
|
161
|
-
$card-action-nrml-vertical-padding: 12px !default;
|
162
|
-
$card-action-nrml-btn-vertical-margin: 0 0 6px 0 !default;
|
163
|
-
$card-action-btn-nrml-height: 27px !default;
|
164
|
-
$card-action-btn-nrml-margin: 0 0 0 6px !default;
|
165
|
-
$card-action-btn-nrml-padding: 0 6px !default;
|
166
|
-
$card-nrml-content-padding: 12px !default;
|
167
|
-
$card-header-txt-nrml-title-font: 14px !default;
|
168
|
-
$card-header-txt-nrml-subtitle-font: 14px !default;
|
169
|
-
$card-image-title-font: 17px !default;
|
170
|
-
$card-action-btn-icon-width: 24px !default;
|
171
|
-
$card-action-btn-icon-height: 24px !default;
|
172
|
-
|
173
|
-
// Touch
|
174
|
-
|
175
|
-
$card-bigger-lheight: 45px !default;
|
176
|
-
$card-bigger-mheight: 45px !default;
|
177
|
-
$card-header-bigger-padding: 16px !default;
|
178
|
-
$card-header-bigger-lheight: normal !default;
|
179
|
-
$card-title-bigger-margin: 16px !default;
|
180
|
-
$card-title-bigger-lheight: normal !default;
|
181
|
-
$card-hor-image-bigger-margin: 2px !default;
|
182
|
-
$card-sep-bigger-margin: 16px 0 !default;
|
183
|
-
$card-header-bigger-minheight: 30px !default;
|
184
|
-
$card-header-bigger-padding: 16px !default;
|
185
|
-
$card-header-txt-bigger-padding: 0 0 0 10px !default;
|
186
|
-
$card-header-txt-title-bigger-lheight: normal !default;
|
187
|
-
$card-header-txt-title-bigger-padding: 8px 0 0 !default;
|
188
|
-
$card-header-txt-subtitle-bigger-lheight: normal !default;
|
189
|
-
$card-header-image-bigger-width: 40px !default;
|
190
|
-
$card-header-image-bigger-height: 40px !default;
|
191
|
-
$card-image-bigger-mheight: 150px !default;
|
192
|
-
$card-image-title-bigger-lheight: 36px !default;
|
193
|
-
$card-image-title-bigger-mheight: 36px !default;
|
194
|
-
$card-img-title-bigger-padding: 0 16px !default;
|
195
|
-
$card-action-bigger-padding: 16px !default;
|
196
|
-
$card-action-bigger-vertical-padding: 16px !default;
|
197
|
-
$card-action-bigger-btn-vertical-margin: 0 0 10px 0 !default;
|
198
|
-
$card-action-btn-bigger-height: 36px !default;
|
199
|
-
$card-action-btn-bigger-margin: 0 0 0 10px !default;
|
200
|
-
$card-action-btn-bigger-padding: 0 6px !default;
|
201
|
-
$card-bigger-content-padding: 16px !default;
|
202
|
-
$card-header-txt-bigger-title-font: 14px !default;
|
203
|
-
$card-header-txt-bigger-subtitle-font: 14px !default;
|
204
|
-
$card-image-title-bigger-font: 17px !default;
|
205
|
-
$card-action-btn-bigger-icon-width: 24px !default;
|
206
|
-
$card-action-btn-bigger-icon-height: 24px !default;
|
207
|
-
|
208
|
-
// color
|
209
|
-
|
210
|
-
$card-bg-color: $grey-white !default;
|
211
|
-
$card-brdr-size: 1px !default;
|
212
|
-
$card-brdr-type: solid !default;
|
213
|
-
$card-brdr-color: $grey-dd !default;
|
214
|
-
$card-sep-brdr-size: 1px !default;
|
215
|
-
$card-sep-brdr-type: solid !default;
|
216
|
-
$card-sep-brdr-color: $grey-dd !default;
|
217
|
-
$card-image-title-color: $grey-dark-font !default;
|
218
|
-
$card-image-title-bg: rgba($grey-base, .35) !default;
|
219
|
-
|
220
|
-
$card-action-btn-bg-color: $brand-primary !default;
|
221
|
-
$card-action-btn-font-color: $brand-primary-font !default;
|
222
|
-
$card-action-btn-border: 1px solid $brand-primary-darken-10 !default;
|
223
|
-
$card-action-btn-hover-bg: $brand-primary-darken-15 !default;
|
224
|
-
$card-action-btn-hover-border: 1px solid $brand-primary-darken-25 !default;
|
225
|
-
$card-action-btn-hover-font: $brand-primary-font !default;
|
226
|
-
$card-action-btn-focus-bg: $brand-primary-darken-15 !default;
|
227
|
-
$card-action-btn-focus-border: 1px solid $brand-primary-darken-35 !default;
|
228
|
-
$card-action-btn-focus-font: $brand-primary-font !default;
|
229
|
-
$card-action-btn-pressed-bg: $brand-primary-darken-15 !default;
|
230
|
-
$card-action-btn-pressed-border: 1px solid $brand-primary-darken-25 !default;
|
231
|
-
$card-action-btn-pressed-font: $brand-primary-font !default;
|
232
|
-
|
233
|
-
$card-font-color: $grey-light-font !default;
|
234
|
-
$card-header-txt-title-color: $grey-light-font !default;
|
235
|
-
$card-header-txt-subtitle-color: $grey-light-font !default;
|
236
|
-
$card-content-font-color: $grey-light-font !default;
|
237
|
-
$card-box-shadow: none !default;
|
238
|
-
|
239
|
-
$card-focus-bg-color: $grey-white !default;
|
240
|
-
$card-hover-bg-color: $grey-white !default;
|
241
|
-
$card-active-bg-color: $grey-white !default;
|
242
|
-
$card-focus-brdr-color: $grey-ad !default;
|
243
|
-
$card-hover-brdr-color: $grey-ad !default;
|
244
|
-
$card-active-brdr-color: $brand-primary !default;
|
245
|
-
$card-action-btn-icon-color: $grey-light-font !default;
|
@@ -1,125 +0,0 @@
|
|
1
|
-
/*! component's theme wise override material-definitions and variables */
|
2
|
-
$card-img-brdr-radious: 50% !default;
|
3
|
-
$card-brdr-radious: 4px !default;
|
4
|
-
$card-action-btn-txt-transform: none !default;
|
5
|
-
|
6
|
-
// Font
|
7
|
-
|
8
|
-
$card-header-font: 15px !default;
|
9
|
-
$card-title-font: 17px !default;
|
10
|
-
$card-action-btn-icon-font: 14px !default;
|
11
|
-
$card-action-btn-font: 14px !default;
|
12
|
-
$card-content-font-size: 14px !default;
|
13
|
-
$card-content-bigger-font-size: 16px !default;
|
14
|
-
$card-header-title-font: 14px !default;
|
15
|
-
$card-header-sub-title-font: 14px !default;
|
16
|
-
|
17
|
-
// Mouse
|
18
|
-
$card-content-line-height: normal !default;
|
19
|
-
$card-nrml-lheight: 36px !default;
|
20
|
-
$card-nrml-mheight: 36px !default;
|
21
|
-
$card-header-padding: 12px !default;
|
22
|
-
$card-header-lheight: normal !default;
|
23
|
-
$card-title-nrml-lheight: normal !default;
|
24
|
-
$card-title-nrml-padding: 12px !default;
|
25
|
-
$card-hor-image-margin: 2px !default;
|
26
|
-
$card-sep-margin: 12px 0 !default;
|
27
|
-
$card-header-minheight: 22.5px !default;
|
28
|
-
$card-header-nrml-padding: 12px !default;
|
29
|
-
$card-header-txt-nrml-padding: 0 0 0 7.5px !default;
|
30
|
-
$card-header-txt-title-lheight: normal !default;
|
31
|
-
$card-header-txt-title-nrml-padding: 6px 0 0 !default;
|
32
|
-
$card-header-txt-subtitle-lheight: normal !default;
|
33
|
-
$card-header-image-width: 30px !default;
|
34
|
-
$card-header-image-height: 30px !default;
|
35
|
-
$card-image-mheight: 112.5px !default;
|
36
|
-
$card-image-title-lheight: 27px !default;
|
37
|
-
$card-image-title-mheight: 27px !default;
|
38
|
-
$card-image-title-nrml-padding: 0 12px !default;
|
39
|
-
$card-action-nrml-padding: 6px !default;
|
40
|
-
$card-action-nrml-vertical-padding: 12px !default;
|
41
|
-
$card-action-nrml-btn-vertical-margin: 0 0 6px 0 !default;
|
42
|
-
$card-action-btn-nrml-height: 27px !default;
|
43
|
-
$card-action-btn-nrml-margin: 0 0 0 6px !default;
|
44
|
-
$card-action-btn-nrml-padding: 0 6px !default;
|
45
|
-
$card-nrml-content-padding: 12px !default;
|
46
|
-
$card-header-txt-nrml-title-font: 14px !default;
|
47
|
-
$card-header-txt-nrml-subtitle-font: 14px !default;
|
48
|
-
$card-image-title-font: 17px !default;
|
49
|
-
$card-action-btn-icon-width: 24px !default;
|
50
|
-
$card-action-btn-icon-height: 24px !default;
|
51
|
-
|
52
|
-
// Touch
|
53
|
-
|
54
|
-
$card-bigger-lheight: 45px !default;
|
55
|
-
$card-bigger-mheight: 45px !default;
|
56
|
-
$card-header-bigger-padding: 16px !default;
|
57
|
-
$card-header-bigger-lheight: normal !default;
|
58
|
-
$card-title-bigger-margin: 16px !default;
|
59
|
-
$card-title-bigger-lheight: normal !default;
|
60
|
-
$card-hor-image-bigger-margin: 2px !default;
|
61
|
-
$card-sep-bigger-margin: 16px 0 !default;
|
62
|
-
$card-header-bigger-minheight: 30px !default;
|
63
|
-
$card-header-bigger-padding: 16px !default;
|
64
|
-
$card-header-txt-bigger-padding: 0 0 0 10px !default;
|
65
|
-
$card-header-txt-title-bigger-lheight: normal !default;
|
66
|
-
$card-header-txt-title-bigger-padding: 8px 0 0 !default;
|
67
|
-
$card-header-txt-subtitle-bigger-lheight: normal !default;
|
68
|
-
$card-header-image-bigger-width: 40px !default;
|
69
|
-
$card-header-image-bigger-height: 40px !default;
|
70
|
-
$card-image-bigger-mheight: 150px !default;
|
71
|
-
$card-image-title-bigger-lheight: 36px !default;
|
72
|
-
$card-image-title-bigger-mheight: 36px !default;
|
73
|
-
$card-img-title-bigger-padding: 0 16px !default;
|
74
|
-
$card-action-bigger-padding: 16px !default;
|
75
|
-
$card-action-bigger-vertical-padding: 16px !default;
|
76
|
-
$card-action-bigger-btn-vertical-margin: 0 0 10px 0 !default;
|
77
|
-
$card-action-btn-bigger-height: 36px !default;
|
78
|
-
$card-action-btn-bigger-margin: 0 0 0 10px !default;
|
79
|
-
$card-action-btn-bigger-padding: 0 6px !default;
|
80
|
-
$card-bigger-content-padding: 16px !default;
|
81
|
-
$card-header-txt-bigger-title-font: 14px !default;
|
82
|
-
$card-header-txt-bigger-subtitle-font: 14px !default;
|
83
|
-
$card-image-title-bigger-font: 17px !default;
|
84
|
-
$card-action-btn-bigger-icon-width: 24px !default;
|
85
|
-
$card-action-btn-bigger-icon-height: 24px !default;
|
86
|
-
|
87
|
-
// color
|
88
|
-
|
89
|
-
$card-bg-color: $grey-white !default;
|
90
|
-
$card-brdr-size: 1px !default;
|
91
|
-
$card-brdr-type: solid !default;
|
92
|
-
$card-brdr-color: $grey-dd !default;
|
93
|
-
$card-sep-brdr-size: 1px !default;
|
94
|
-
$card-sep-brdr-type: solid !default;
|
95
|
-
$card-sep-brdr-color: $grey-dd !default;
|
96
|
-
$card-image-title-color: $grey-dark-font !default;
|
97
|
-
$card-image-title-bg: rgba($grey-base, .35) !default;
|
98
|
-
|
99
|
-
$card-action-btn-bg-color: $brand-primary !default;
|
100
|
-
$card-action-btn-font-color: $brand-primary-font !default;
|
101
|
-
$card-action-btn-border: 1px solid $brand-primary-darken-10 !default;
|
102
|
-
$card-action-btn-hover-bg: $brand-primary-darken-15 !default;
|
103
|
-
$card-action-btn-hover-border: 1px solid $brand-primary-darken-25 !default;
|
104
|
-
$card-action-btn-hover-font: $brand-primary-font !default;
|
105
|
-
$card-action-btn-focus-bg: $brand-primary-darken-15 !default;
|
106
|
-
$card-action-btn-focus-border: 1px solid $brand-primary-darken-35 !default;
|
107
|
-
$card-action-btn-focus-font: $brand-primary-font !default;
|
108
|
-
$card-action-btn-pressed-bg: $brand-primary-darken-15 !default;
|
109
|
-
$card-action-btn-pressed-border: 1px solid $brand-primary-darken-25 !default;
|
110
|
-
$card-action-btn-pressed-font: $brand-primary-font !default;
|
111
|
-
|
112
|
-
$card-font-color: $grey-light-font !default;
|
113
|
-
$card-header-txt-title-color: $grey-light-font !default;
|
114
|
-
$card-header-txt-subtitle-color: $grey-light-font !default;
|
115
|
-
$card-content-font-color: $grey-light-font !default;
|
116
|
-
$card-box-shadow: none !default;
|
117
|
-
|
118
|
-
$card-focus-bg-color: $grey-white !default;
|
119
|
-
$card-hover-bg-color: $grey-white !default;
|
120
|
-
$card-active-bg-color: $grey-white !default;
|
121
|
-
$card-focus-brdr-color: $grey-ad !default;
|
122
|
-
$card-hover-brdr-color: $grey-ad !default;
|
123
|
-
$card-active-brdr-color: $brand-primary !default;
|
124
|
-
$card-action-btn-icon-color: $grey-light-font !default;
|
125
|
-
$card-highlight-color: rgba(0, 0, 0, 0) !default;
|
@@ -1,127 +0,0 @@
|
|
1
|
-
// Card Base
|
2
|
-
|
3
|
-
$card-img-brdr-radious: 50% !default;
|
4
|
-
$card-brdr-radious: 4px !default;
|
5
|
-
$card-action-btn-txt-transform: none !default;
|
6
|
-
|
7
|
-
// Font
|
8
|
-
|
9
|
-
$card-header-font: 18px !default;
|
10
|
-
$card-title-font: 18px !default;
|
11
|
-
$card-action-btn-icon-font: 14px !default;
|
12
|
-
$card-action-btn-font: 14px !default;
|
13
|
-
$card-content-font-size: 14px !default;
|
14
|
-
$card-header-title-font: 14px !default;
|
15
|
-
$card-header-sub-title-font: 14px !default;
|
16
|
-
|
17
|
-
// Mouse
|
18
|
-
$card-content-line-height: normal !default;
|
19
|
-
$card-nrml-lheight: 36px !default;
|
20
|
-
$card-nrml-mheight: 36px !default;
|
21
|
-
$card-header-padding: 16px !default;
|
22
|
-
$card-header-lheight: normal !default;
|
23
|
-
$card-title-nrml-lheight: normal !default;
|
24
|
-
$card-title-nrml-padding: 16px !default;
|
25
|
-
$card-hor-image-margin: 2px !default;
|
26
|
-
$card-sep-margin: 12px 0 !default;
|
27
|
-
$card-header-minheight: 22.5px !default;
|
28
|
-
$card-header-nrml-padding: 16px !default;
|
29
|
-
$card-header-txt-nrml-padding: 0 0 0 7.5px !default;
|
30
|
-
$card-header-txt-title-lheight: 21px !default;
|
31
|
-
$card-header-txt-title-nrml-padding: 10px 0 0 !default;
|
32
|
-
$card-header-txt-subtitle-lheight: 16px !default;
|
33
|
-
$card-header-image-width: 30px !default;
|
34
|
-
$card-header-image-height: 30px !default;
|
35
|
-
$card-image-mheight: 112.5px !default;
|
36
|
-
$card-image-title-lheight: 27px !default;
|
37
|
-
$card-image-title-mheight: 27px !default;
|
38
|
-
$card-image-title-nrml-padding: 0 12px !default;
|
39
|
-
$card-action-nrml-padding: 16px !default;
|
40
|
-
$card-action-nrml-vertical-padding: 16px !default;
|
41
|
-
$card-action-nrml-btn-vertical-margin: 0 0 6px 0 !default;
|
42
|
-
$card-action-btn-nrml-height: 31px !default;
|
43
|
-
$card-action-btn-nrml-margin: 0 0 0 6px !default;
|
44
|
-
$card-action-btn-nrml-padding: 0 6px !default;
|
45
|
-
$card-nrml-content-padding: 16px !default;
|
46
|
-
$card-header-txt-nrml-title-font: 14px !default;
|
47
|
-
$card-header-txt-nrml-subtitle-font: 14px !default;
|
48
|
-
$card-image-title-font: 20px !default;
|
49
|
-
$card-action-btn-icon-width: 24px !default;
|
50
|
-
$card-action-btn-icon-height: 24px !default;
|
51
|
-
|
52
|
-
// Touch
|
53
|
-
|
54
|
-
$card-bigger-lheight: 45px !default;
|
55
|
-
$card-bigger-mheight: 45px !default;
|
56
|
-
$card-header-bigger-lheight: normal !default;
|
57
|
-
$card-title-bigger-margin: 20px !default;
|
58
|
-
$card-title-bigger-lheight: normal !default;
|
59
|
-
$card-hor-image-bigger-margin: 2px !default;
|
60
|
-
$card-sep-bigger-margin: 16px 0 !default;
|
61
|
-
$card-header-bigger-minheight: 30px !default;
|
62
|
-
$card-header-bigger-padding: 20px !default;
|
63
|
-
$card-header-bigger-padding-bottom: 0 !default;
|
64
|
-
$card-header-txt-bigger-padding: 0 0 0 12px !default;
|
65
|
-
$card-header-txt-title-bigger-lheight: 24px !default;
|
66
|
-
$card-header-txt-title-bigger-padding: 12px 0 0 !default;
|
67
|
-
$card-header-txt-subtitle-bigger-lheight: 19px !default;
|
68
|
-
$card-header-image-bigger-width: 40px !default;
|
69
|
-
$card-header-image-bigger-height: 40px !default;
|
70
|
-
$card-image-bigger-mheight: 150px !default;
|
71
|
-
$card-image-title-bigger-lheight: 36px !default;
|
72
|
-
$card-image-title-bigger-mheight: 36px !default;
|
73
|
-
$card-img-title-bigger-padding: 0 20px !default;
|
74
|
-
$card-action-bigger-padding: 20px !default;
|
75
|
-
$card-action-bigger-vertical-padding: 20px !default;
|
76
|
-
$card-action-bigger-btn-vertical-margin: 0 0 10px 0 !default;
|
77
|
-
$card-action-btn-bigger-height: 38px !default;
|
78
|
-
$card-action-btn-bigger-margin: 0 0 0 20px !default;
|
79
|
-
$card-action-btn-bigger-padding: 0 6px !default;
|
80
|
-
$card-bigger-content-padding: 16px !default;
|
81
|
-
$card-header-txt-bigger-title-font: 20px !default;
|
82
|
-
$card-txt-bigger-title-font: 20px !default;
|
83
|
-
$card-content-bigger-font-size: 14px !default;
|
84
|
-
$card-header-txt-bigger-subtitle-font: 16px !default;
|
85
|
-
$card-image-title-bigger-font: 20px !default;
|
86
|
-
$card-action-btn-bigger-icon-width: 24px !default;
|
87
|
-
$card-action-btn-bigger-icon-height: 24px !default;
|
88
|
-
|
89
|
-
// color
|
90
|
-
|
91
|
-
$card-bg-color: $white !default;
|
92
|
-
$card-brdr-size: 1px !default;
|
93
|
-
$card-brdr-type: solid !default;
|
94
|
-
$card-brdr-color: rgba($black, .12) !default;
|
95
|
-
$card-sep-brdr-size: 1px !default;
|
96
|
-
$card-sep-brdr-type: solid !default;
|
97
|
-
$card-sep-brdr-color: rgba($black, .12) !default;
|
98
|
-
$card-image-title-color: $white !default;
|
99
|
-
$card-image-title-bg: rgba($black, .35) !default;
|
100
|
-
|
101
|
-
$card-action-btn-bg-color: $primary !default;
|
102
|
-
$card-action-btn-font-color: $primary-font !default;
|
103
|
-
$card-action-btn-border: 1px solid darken($primary, 10%) !default;
|
104
|
-
$card-action-btn-hover-bg: darken($primary, 7.5%) !default;
|
105
|
-
$card-action-btn-hover-border: 1px solid darken($primary, 10%) !default;
|
106
|
-
$card-action-btn-hover-font: $primary-font !default;
|
107
|
-
$card-action-btn-focus-bg: $primary !default;
|
108
|
-
$card-action-btn-focus-border: 1px solid $primary !default;
|
109
|
-
$card-action-btn-focus-font: $primary-font !default;
|
110
|
-
$card-action-btn-pressed-bg: darken($primary, 10%) !default;
|
111
|
-
$card-action-btn-pressed-border: 1px solid darken($primary, 12.5%) !default;
|
112
|
-
$card-action-btn-pressed-font: $primary-font !default;
|
113
|
-
|
114
|
-
$card-font-color: $gray-900 !default;
|
115
|
-
$card-header-txt-title-color: $gray-900 !default;
|
116
|
-
$card-header-txt-subtitle-color: $gray-600 !default;
|
117
|
-
$card-content-font-color: $gray-900 !default;
|
118
|
-
$card-box-shadow: none !default;
|
119
|
-
|
120
|
-
$card-focus-bg-color: $white !default;
|
121
|
-
$card-hover-bg-color: $white !default;
|
122
|
-
$card-active-bg-color: $white !default;
|
123
|
-
$card-focus-brdr-color: rgba($black, .25) !default;
|
124
|
-
$card-hover-brdr-color: rgba($black, .25) !default;
|
125
|
-
$card-active-brdr-color: $primary !default;
|
126
|
-
$card-action-btn-icon-color: $light !default;
|
127
|
-
$card-highlight-color: rgba(0, 0, 0, 0) !default;
|
@@ -1 +0,0 @@
|
|
1
|
-
@import './bootstrap5-definition.scss';
|