@progress/kendo-theme-core 14.9.0-dev.1 → 14.9.0-dev.3
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.
|
@@ -3202,14 +3202,14 @@
|
|
|
3202
3202
|
}
|
|
3203
3203
|
},
|
|
3204
3204
|
{
|
|
3205
|
-
"description": "The
|
|
3205
|
+
"description": "The font size of the Avatar initials in the extra small size.\n",
|
|
3206
3206
|
"commentRange": {
|
|
3207
3207
|
"start": 37,
|
|
3208
3208
|
"end": 38
|
|
3209
3209
|
},
|
|
3210
3210
|
"context": {
|
|
3211
3211
|
"type": "variable",
|
|
3212
|
-
"name": "kendo-avatar-
|
|
3212
|
+
"name": "kendo-avatar-xs-font-size",
|
|
3213
3213
|
"value": "null",
|
|
3214
3214
|
"scope": "default",
|
|
3215
3215
|
"line": {
|
|
@@ -3226,11 +3226,286 @@
|
|
|
3226
3226
|
"name": "_variables.scss"
|
|
3227
3227
|
}
|
|
3228
3228
|
},
|
|
3229
|
+
{
|
|
3230
|
+
"description": "The font size of the Avatar initials in the small size.\n",
|
|
3231
|
+
"commentRange": {
|
|
3232
|
+
"start": 40,
|
|
3233
|
+
"end": 41
|
|
3234
|
+
},
|
|
3235
|
+
"context": {
|
|
3236
|
+
"type": "variable",
|
|
3237
|
+
"name": "kendo-avatar-sm-font-size",
|
|
3238
|
+
"value": "null",
|
|
3239
|
+
"scope": "default",
|
|
3240
|
+
"line": {
|
|
3241
|
+
"start": 42,
|
|
3242
|
+
"end": 42
|
|
3243
|
+
}
|
|
3244
|
+
},
|
|
3245
|
+
"group": [
|
|
3246
|
+
"avatar"
|
|
3247
|
+
],
|
|
3248
|
+
"access": "public",
|
|
3249
|
+
"file": {
|
|
3250
|
+
"path": "components/avatar/_variables.scss",
|
|
3251
|
+
"name": "_variables.scss"
|
|
3252
|
+
}
|
|
3253
|
+
},
|
|
3254
|
+
{
|
|
3255
|
+
"description": "The font size of the Avatar initials in the medium size.\n",
|
|
3256
|
+
"commentRange": {
|
|
3257
|
+
"start": 43,
|
|
3258
|
+
"end": 44
|
|
3259
|
+
},
|
|
3260
|
+
"context": {
|
|
3261
|
+
"type": "variable",
|
|
3262
|
+
"name": "kendo-avatar-md-font-size",
|
|
3263
|
+
"value": "null",
|
|
3264
|
+
"scope": "default",
|
|
3265
|
+
"line": {
|
|
3266
|
+
"start": 45,
|
|
3267
|
+
"end": 45
|
|
3268
|
+
}
|
|
3269
|
+
},
|
|
3270
|
+
"group": [
|
|
3271
|
+
"avatar"
|
|
3272
|
+
],
|
|
3273
|
+
"access": "public",
|
|
3274
|
+
"file": {
|
|
3275
|
+
"path": "components/avatar/_variables.scss",
|
|
3276
|
+
"name": "_variables.scss"
|
|
3277
|
+
}
|
|
3278
|
+
},
|
|
3279
|
+
{
|
|
3280
|
+
"description": "The font size of the Avatar initials in the large size.\n",
|
|
3281
|
+
"commentRange": {
|
|
3282
|
+
"start": 46,
|
|
3283
|
+
"end": 47
|
|
3284
|
+
},
|
|
3285
|
+
"context": {
|
|
3286
|
+
"type": "variable",
|
|
3287
|
+
"name": "kendo-avatar-lg-font-size",
|
|
3288
|
+
"value": "null",
|
|
3289
|
+
"scope": "default",
|
|
3290
|
+
"line": {
|
|
3291
|
+
"start": 48,
|
|
3292
|
+
"end": 48
|
|
3293
|
+
}
|
|
3294
|
+
},
|
|
3295
|
+
"group": [
|
|
3296
|
+
"avatar"
|
|
3297
|
+
],
|
|
3298
|
+
"access": "public",
|
|
3299
|
+
"file": {
|
|
3300
|
+
"path": "components/avatar/_variables.scss",
|
|
3301
|
+
"name": "_variables.scss"
|
|
3302
|
+
}
|
|
3303
|
+
},
|
|
3304
|
+
{
|
|
3305
|
+
"description": "The font size of the Avatar initials in the extra large size.\n",
|
|
3306
|
+
"commentRange": {
|
|
3307
|
+
"start": 49,
|
|
3308
|
+
"end": 50
|
|
3309
|
+
},
|
|
3310
|
+
"context": {
|
|
3311
|
+
"type": "variable",
|
|
3312
|
+
"name": "kendo-avatar-xl-font-size",
|
|
3313
|
+
"value": "null",
|
|
3314
|
+
"scope": "default",
|
|
3315
|
+
"line": {
|
|
3316
|
+
"start": 51,
|
|
3317
|
+
"end": 51
|
|
3318
|
+
}
|
|
3319
|
+
},
|
|
3320
|
+
"group": [
|
|
3321
|
+
"avatar"
|
|
3322
|
+
],
|
|
3323
|
+
"access": "public",
|
|
3324
|
+
"file": {
|
|
3325
|
+
"path": "components/avatar/_variables.scss",
|
|
3326
|
+
"name": "_variables.scss"
|
|
3327
|
+
}
|
|
3328
|
+
},
|
|
3329
|
+
{
|
|
3330
|
+
"description": "The line height of the Avatar.\n",
|
|
3331
|
+
"commentRange": {
|
|
3332
|
+
"start": 52,
|
|
3333
|
+
"end": 53
|
|
3334
|
+
},
|
|
3335
|
+
"context": {
|
|
3336
|
+
"type": "variable",
|
|
3337
|
+
"name": "kendo-avatar-line-height",
|
|
3338
|
+
"value": "null",
|
|
3339
|
+
"scope": "default",
|
|
3340
|
+
"line": {
|
|
3341
|
+
"start": 54,
|
|
3342
|
+
"end": 54
|
|
3343
|
+
}
|
|
3344
|
+
},
|
|
3345
|
+
"group": [
|
|
3346
|
+
"avatar"
|
|
3347
|
+
],
|
|
3348
|
+
"access": "public",
|
|
3349
|
+
"file": {
|
|
3350
|
+
"path": "components/avatar/_variables.scss",
|
|
3351
|
+
"name": "_variables.scss"
|
|
3352
|
+
}
|
|
3353
|
+
},
|
|
3354
|
+
{
|
|
3355
|
+
"description": "The icon size of the extra small Avatar.\n",
|
|
3356
|
+
"commentRange": {
|
|
3357
|
+
"start": 56,
|
|
3358
|
+
"end": 57
|
|
3359
|
+
},
|
|
3360
|
+
"context": {
|
|
3361
|
+
"type": "variable",
|
|
3362
|
+
"name": "kendo-avatar-xs-icon-size",
|
|
3363
|
+
"value": "null",
|
|
3364
|
+
"scope": "default",
|
|
3365
|
+
"line": {
|
|
3366
|
+
"start": 58,
|
|
3367
|
+
"end": 58
|
|
3368
|
+
}
|
|
3369
|
+
},
|
|
3370
|
+
"group": [
|
|
3371
|
+
"avatar"
|
|
3372
|
+
],
|
|
3373
|
+
"access": "public",
|
|
3374
|
+
"file": {
|
|
3375
|
+
"path": "components/avatar/_variables.scss",
|
|
3376
|
+
"name": "_variables.scss"
|
|
3377
|
+
}
|
|
3378
|
+
},
|
|
3379
|
+
{
|
|
3380
|
+
"description": "The icon size of the small Avatar.\n",
|
|
3381
|
+
"commentRange": {
|
|
3382
|
+
"start": 59,
|
|
3383
|
+
"end": 60
|
|
3384
|
+
},
|
|
3385
|
+
"context": {
|
|
3386
|
+
"type": "variable",
|
|
3387
|
+
"name": "kendo-avatar-sm-icon-size",
|
|
3388
|
+
"value": "null",
|
|
3389
|
+
"scope": "default",
|
|
3390
|
+
"line": {
|
|
3391
|
+
"start": 61,
|
|
3392
|
+
"end": 61
|
|
3393
|
+
}
|
|
3394
|
+
},
|
|
3395
|
+
"group": [
|
|
3396
|
+
"avatar"
|
|
3397
|
+
],
|
|
3398
|
+
"access": "public",
|
|
3399
|
+
"file": {
|
|
3400
|
+
"path": "components/avatar/_variables.scss",
|
|
3401
|
+
"name": "_variables.scss"
|
|
3402
|
+
}
|
|
3403
|
+
},
|
|
3404
|
+
{
|
|
3405
|
+
"description": "The icon size of the medium Avatar.\n",
|
|
3406
|
+
"commentRange": {
|
|
3407
|
+
"start": 62,
|
|
3408
|
+
"end": 63
|
|
3409
|
+
},
|
|
3410
|
+
"context": {
|
|
3411
|
+
"type": "variable",
|
|
3412
|
+
"name": "kendo-avatar-md-icon-size",
|
|
3413
|
+
"value": "null",
|
|
3414
|
+
"scope": "default",
|
|
3415
|
+
"line": {
|
|
3416
|
+
"start": 64,
|
|
3417
|
+
"end": 64
|
|
3418
|
+
}
|
|
3419
|
+
},
|
|
3420
|
+
"group": [
|
|
3421
|
+
"avatar"
|
|
3422
|
+
],
|
|
3423
|
+
"access": "public",
|
|
3424
|
+
"file": {
|
|
3425
|
+
"path": "components/avatar/_variables.scss",
|
|
3426
|
+
"name": "_variables.scss"
|
|
3427
|
+
}
|
|
3428
|
+
},
|
|
3429
|
+
{
|
|
3430
|
+
"description": "The icon size of the large Avatar.\n",
|
|
3431
|
+
"commentRange": {
|
|
3432
|
+
"start": 65,
|
|
3433
|
+
"end": 66
|
|
3434
|
+
},
|
|
3435
|
+
"context": {
|
|
3436
|
+
"type": "variable",
|
|
3437
|
+
"name": "kendo-avatar-lg-icon-size",
|
|
3438
|
+
"value": "null",
|
|
3439
|
+
"scope": "default",
|
|
3440
|
+
"line": {
|
|
3441
|
+
"start": 67,
|
|
3442
|
+
"end": 67
|
|
3443
|
+
}
|
|
3444
|
+
},
|
|
3445
|
+
"group": [
|
|
3446
|
+
"avatar"
|
|
3447
|
+
],
|
|
3448
|
+
"access": "public",
|
|
3449
|
+
"file": {
|
|
3450
|
+
"path": "components/avatar/_variables.scss",
|
|
3451
|
+
"name": "_variables.scss"
|
|
3452
|
+
}
|
|
3453
|
+
},
|
|
3454
|
+
{
|
|
3455
|
+
"description": "The icon size of the extra large Avatar.\n",
|
|
3456
|
+
"commentRange": {
|
|
3457
|
+
"start": 68,
|
|
3458
|
+
"end": 69
|
|
3459
|
+
},
|
|
3460
|
+
"context": {
|
|
3461
|
+
"type": "variable",
|
|
3462
|
+
"name": "kendo-avatar-xl-icon-size",
|
|
3463
|
+
"value": "null",
|
|
3464
|
+
"scope": "default",
|
|
3465
|
+
"line": {
|
|
3466
|
+
"start": 70,
|
|
3467
|
+
"end": 70
|
|
3468
|
+
}
|
|
3469
|
+
},
|
|
3470
|
+
"group": [
|
|
3471
|
+
"avatar"
|
|
3472
|
+
],
|
|
3473
|
+
"access": "public",
|
|
3474
|
+
"file": {
|
|
3475
|
+
"path": "components/avatar/_variables.scss",
|
|
3476
|
+
"name": "_variables.scss"
|
|
3477
|
+
}
|
|
3478
|
+
},
|
|
3479
|
+
{
|
|
3480
|
+
"description": "The extra small size of the Avatar.\n",
|
|
3481
|
+
"commentRange": {
|
|
3482
|
+
"start": 73,
|
|
3483
|
+
"end": 74
|
|
3484
|
+
},
|
|
3485
|
+
"context": {
|
|
3486
|
+
"type": "variable",
|
|
3487
|
+
"name": "kendo-avatar-xs-size",
|
|
3488
|
+
"value": "null",
|
|
3489
|
+
"scope": "default",
|
|
3490
|
+
"line": {
|
|
3491
|
+
"start": 75,
|
|
3492
|
+
"end": 75
|
|
3493
|
+
}
|
|
3494
|
+
},
|
|
3495
|
+
"group": [
|
|
3496
|
+
"avatar"
|
|
3497
|
+
],
|
|
3498
|
+
"access": "public",
|
|
3499
|
+
"file": {
|
|
3500
|
+
"path": "components/avatar/_variables.scss",
|
|
3501
|
+
"name": "_variables.scss"
|
|
3502
|
+
}
|
|
3503
|
+
},
|
|
3229
3504
|
{
|
|
3230
3505
|
"description": "The small size of the Avatar.\n",
|
|
3231
3506
|
"commentRange": {
|
|
3232
|
-
"start":
|
|
3233
|
-
"end":
|
|
3507
|
+
"start": 76,
|
|
3508
|
+
"end": 77
|
|
3234
3509
|
},
|
|
3235
3510
|
"context": {
|
|
3236
3511
|
"type": "variable",
|
|
@@ -3238,8 +3513,8 @@
|
|
|
3238
3513
|
"value": "null",
|
|
3239
3514
|
"scope": "default",
|
|
3240
3515
|
"line": {
|
|
3241
|
-
"start":
|
|
3242
|
-
"end":
|
|
3516
|
+
"start": 78,
|
|
3517
|
+
"end": 78
|
|
3243
3518
|
}
|
|
3244
3519
|
},
|
|
3245
3520
|
"group": [
|
|
@@ -3254,8 +3529,8 @@
|
|
|
3254
3529
|
{
|
|
3255
3530
|
"description": "The medium size of the Avatar.\n",
|
|
3256
3531
|
"commentRange": {
|
|
3257
|
-
"start":
|
|
3258
|
-
"end":
|
|
3532
|
+
"start": 79,
|
|
3533
|
+
"end": 80
|
|
3259
3534
|
},
|
|
3260
3535
|
"context": {
|
|
3261
3536
|
"type": "variable",
|
|
@@ -3263,8 +3538,8 @@
|
|
|
3263
3538
|
"value": "null",
|
|
3264
3539
|
"scope": "default",
|
|
3265
3540
|
"line": {
|
|
3266
|
-
"start":
|
|
3267
|
-
"end":
|
|
3541
|
+
"start": 81,
|
|
3542
|
+
"end": 81
|
|
3268
3543
|
}
|
|
3269
3544
|
},
|
|
3270
3545
|
"group": [
|
|
@@ -3279,8 +3554,8 @@
|
|
|
3279
3554
|
{
|
|
3280
3555
|
"description": "The large size of the Avatar.\n",
|
|
3281
3556
|
"commentRange": {
|
|
3282
|
-
"start":
|
|
3283
|
-
"end":
|
|
3557
|
+
"start": 82,
|
|
3558
|
+
"end": 83
|
|
3284
3559
|
},
|
|
3285
3560
|
"context": {
|
|
3286
3561
|
"type": "variable",
|
|
@@ -3288,8 +3563,33 @@
|
|
|
3288
3563
|
"value": "null",
|
|
3289
3564
|
"scope": "default",
|
|
3290
3565
|
"line": {
|
|
3291
|
-
"start":
|
|
3292
|
-
"end":
|
|
3566
|
+
"start": 84,
|
|
3567
|
+
"end": 84
|
|
3568
|
+
}
|
|
3569
|
+
},
|
|
3570
|
+
"group": [
|
|
3571
|
+
"avatar"
|
|
3572
|
+
],
|
|
3573
|
+
"access": "public",
|
|
3574
|
+
"file": {
|
|
3575
|
+
"path": "components/avatar/_variables.scss",
|
|
3576
|
+
"name": "_variables.scss"
|
|
3577
|
+
}
|
|
3578
|
+
},
|
|
3579
|
+
{
|
|
3580
|
+
"description": "The extra large size of the Avatar.\n",
|
|
3581
|
+
"commentRange": {
|
|
3582
|
+
"start": 85,
|
|
3583
|
+
"end": 86
|
|
3584
|
+
},
|
|
3585
|
+
"context": {
|
|
3586
|
+
"type": "variable",
|
|
3587
|
+
"name": "kendo-avatar-xl-size",
|
|
3588
|
+
"value": "null",
|
|
3589
|
+
"scope": "default",
|
|
3590
|
+
"line": {
|
|
3591
|
+
"start": 87,
|
|
3592
|
+
"end": 87
|
|
3293
3593
|
}
|
|
3294
3594
|
},
|
|
3295
3595
|
"group": [
|
|
@@ -3304,17 +3604,17 @@
|
|
|
3304
3604
|
{
|
|
3305
3605
|
"description": "The sizes map of the Avatar.\n",
|
|
3306
3606
|
"commentRange": {
|
|
3307
|
-
"start":
|
|
3308
|
-
"end":
|
|
3607
|
+
"start": 89,
|
|
3608
|
+
"end": 90
|
|
3309
3609
|
},
|
|
3310
3610
|
"context": {
|
|
3311
3611
|
"type": "variable",
|
|
3312
3612
|
"name": "kendo-avatar-sizes",
|
|
3313
|
-
"value": "(\n sm: $kendo-avatar-sm-size,\n md: $kendo-avatar-md-size,\n lg: $kendo-avatar-lg-size\n)",
|
|
3613
|
+
"value": "(\n xs: ( size: $kendo-avatar-xs-size, font-size: $kendo-avatar-xs-font-size, icon-size: $kendo-avatar-xs-icon-size ),\n sm: ( size: $kendo-avatar-sm-size, font-size: $kendo-avatar-sm-font-size, icon-size: $kendo-avatar-sm-icon-size ),\n md: ( size: $kendo-avatar-md-size, font-size: $kendo-avatar-md-font-size, icon-size: $kendo-avatar-md-icon-size ),\n lg: ( size: $kendo-avatar-lg-size, font-size: $kendo-avatar-lg-font-size, icon-size: $kendo-avatar-lg-icon-size ),\n xl: ( size: $kendo-avatar-xl-size, font-size: $kendo-avatar-xl-font-size, icon-size: $kendo-avatar-xl-icon-size )\n)",
|
|
3314
3614
|
"scope": "default",
|
|
3315
3615
|
"line": {
|
|
3316
|
-
"start":
|
|
3317
|
-
"end":
|
|
3616
|
+
"start": 91,
|
|
3617
|
+
"end": 97
|
|
3318
3618
|
}
|
|
3319
3619
|
},
|
|
3320
3620
|
"group": [
|
|
@@ -3329,8 +3629,8 @@
|
|
|
3329
3629
|
{
|
|
3330
3630
|
"description": "The theme colors map of the Avatar.\n",
|
|
3331
3631
|
"commentRange": {
|
|
3332
|
-
"start":
|
|
3333
|
-
"end":
|
|
3632
|
+
"start": 99,
|
|
3633
|
+
"end": 100
|
|
3334
3634
|
},
|
|
3335
3635
|
"context": {
|
|
3336
3636
|
"type": "variable",
|
|
@@ -3338,8 +3638,8 @@
|
|
|
3338
3638
|
"value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
|
|
3339
3639
|
"scope": "default",
|
|
3340
3640
|
"line": {
|
|
3341
|
-
"start":
|
|
3342
|
-
"end":
|
|
3641
|
+
"start": 101,
|
|
3642
|
+
"end": 101
|
|
3343
3643
|
}
|
|
3344
3644
|
},
|
|
3345
3645
|
"group": [
|
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:map";
|
|
1
2
|
@use "./_variables.scss" as *;
|
|
2
3
|
@use "../../functions/index.scss" as *;
|
|
3
4
|
@use "../../border-radii/index.scss" as *;
|
|
@@ -34,12 +35,27 @@
|
|
|
34
35
|
border-radius: $kendo-avatar-border-radius;
|
|
35
36
|
|
|
36
37
|
// Sizes
|
|
37
|
-
@each $name, $
|
|
38
|
+
@each $name, $props in $kendo-avatar-sizes {
|
|
39
|
+
$_size: map.get( $props, size );
|
|
40
|
+
$_font-size: map.get( $props, font-size );
|
|
41
|
+
$_icon-size: map.get( $props, icon-size );
|
|
42
|
+
|
|
38
43
|
#{k-when-default($kendo-avatar-default-size, $name)}
|
|
39
44
|
&.k-avatar-#{$name} {
|
|
40
|
-
width: $
|
|
41
|
-
height: $
|
|
42
|
-
flex-basis: $
|
|
45
|
+
width: $_size;
|
|
46
|
+
height: $_size;
|
|
47
|
+
flex-basis: $_size;
|
|
48
|
+
|
|
49
|
+
.k-avatar-text,
|
|
50
|
+
.k-avatar-initials {
|
|
51
|
+
font-size: $_font-size;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.k-avatar-icon .k-icon {
|
|
55
|
+
width: $_icon-size;
|
|
56
|
+
height: $_icon-size;
|
|
57
|
+
font-size: $_icon-size;
|
|
58
|
+
}
|
|
43
59
|
}
|
|
44
60
|
}
|
|
45
61
|
}
|
|
@@ -34,11 +34,45 @@ $kendo-avatar-font-family: null !default;
|
|
|
34
34
|
/// The font size of the Avatar.
|
|
35
35
|
/// @group avatar
|
|
36
36
|
$kendo-avatar-font-size: null !default;
|
|
37
|
+
/// The font size of the Avatar initials in the extra small size.
|
|
38
|
+
/// @group avatar
|
|
39
|
+
$kendo-avatar-xs-font-size: null !default;
|
|
40
|
+
/// The font size of the Avatar initials in the small size.
|
|
41
|
+
/// @group avatar
|
|
42
|
+
$kendo-avatar-sm-font-size: null !default;
|
|
43
|
+
/// The font size of the Avatar initials in the medium size.
|
|
44
|
+
/// @group avatar
|
|
45
|
+
$kendo-avatar-md-font-size: null !default;
|
|
46
|
+
/// The font size of the Avatar initials in the large size.
|
|
47
|
+
/// @group avatar
|
|
48
|
+
$kendo-avatar-lg-font-size: null !default;
|
|
49
|
+
/// The font size of the Avatar initials in the extra large size.
|
|
50
|
+
/// @group avatar
|
|
51
|
+
$kendo-avatar-xl-font-size: null !default;
|
|
37
52
|
/// The line height of the Avatar.
|
|
38
53
|
/// @group avatar
|
|
39
54
|
$kendo-avatar-line-height: null !default;
|
|
40
55
|
|
|
56
|
+
/// The icon size of the extra small Avatar.
|
|
57
|
+
/// @group avatar
|
|
58
|
+
$kendo-avatar-xs-icon-size: null !default;
|
|
59
|
+
/// The icon size of the small Avatar.
|
|
60
|
+
/// @group avatar
|
|
61
|
+
$kendo-avatar-sm-icon-size: null !default;
|
|
62
|
+
/// The icon size of the medium Avatar.
|
|
63
|
+
/// @group avatar
|
|
64
|
+
$kendo-avatar-md-icon-size: null !default;
|
|
65
|
+
/// The icon size of the large Avatar.
|
|
66
|
+
/// @group avatar
|
|
67
|
+
$kendo-avatar-lg-icon-size: null !default;
|
|
68
|
+
/// The icon size of the extra large Avatar.
|
|
69
|
+
/// @group avatar
|
|
70
|
+
$kendo-avatar-xl-icon-size: null !default;
|
|
41
71
|
|
|
72
|
+
|
|
73
|
+
/// The extra small size of the Avatar.
|
|
74
|
+
/// @group avatar
|
|
75
|
+
$kendo-avatar-xs-size: null !default;
|
|
42
76
|
/// The small size of the Avatar.
|
|
43
77
|
/// @group avatar
|
|
44
78
|
$kendo-avatar-sm-size: null !default;
|
|
@@ -48,13 +82,18 @@ $kendo-avatar-md-size: null !default;
|
|
|
48
82
|
/// The large size of the Avatar.
|
|
49
83
|
/// @group avatar
|
|
50
84
|
$kendo-avatar-lg-size: null !default;
|
|
85
|
+
/// The extra large size of the Avatar.
|
|
86
|
+
/// @group avatar
|
|
87
|
+
$kendo-avatar-xl-size: null !default;
|
|
51
88
|
|
|
52
89
|
/// The sizes map of the Avatar.
|
|
53
90
|
/// @group avatar
|
|
54
91
|
$kendo-avatar-sizes: (
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
92
|
+
xs: ( size: $kendo-avatar-xs-size, font-size: $kendo-avatar-xs-font-size, icon-size: $kendo-avatar-xs-icon-size ),
|
|
93
|
+
sm: ( size: $kendo-avatar-sm-size, font-size: $kendo-avatar-sm-font-size, icon-size: $kendo-avatar-sm-icon-size ),
|
|
94
|
+
md: ( size: $kendo-avatar-md-size, font-size: $kendo-avatar-md-font-size, icon-size: $kendo-avatar-md-icon-size ),
|
|
95
|
+
lg: ( size: $kendo-avatar-lg-size, font-size: $kendo-avatar-lg-font-size, icon-size: $kendo-avatar-lg-icon-size ),
|
|
96
|
+
xl: ( size: $kendo-avatar-xl-size, font-size: $kendo-avatar-xl-font-size, icon-size: $kendo-avatar-xl-icon-size )
|
|
58
97
|
) !default;
|
|
59
98
|
|
|
60
99
|
/// The theme colors map of the Avatar.
|