@dev-tcloud/tcloud-ui 0.1.2 → 0.1.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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/tcloud/custom/buttons.scss +30 -30
  3. package/scss/tcloud/custom/tcloud-prime.scss +3 -3
  4. package/scss/tcloud/custom/tcloud-standard.scss +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.1.0",
6
6
  "@angular/core": "^14.1.0"
package/scss/tcloud/custom/buttons.scss CHANGED
@@ -116,7 +116,7 @@ align-items: center;
116
116
  .btn-new.opened,
117
117
  .btn-new:hover {
118
118
  background: var(--tc-primary);
119
- color: var(--tc-white);
119
+ color: var(--white);
120
120
  }
121
121
 
122
122
  .btn-new i {
@@ -144,7 +144,7 @@ border: none!important;
144
144
  .btn-new-grey.opened,
145
145
  .btn-new-grey:hover {
146
146
  background: var(--tc-primary)!important;
147
- color: var(--tc-white)!important;
147
+ color: var(--white)!important;
148
148
  }
149
149
 
150
150
  .btn-new-grey i {
@@ -160,7 +160,7 @@ margin: 0 0 0 10px;
160
160
  display: inline-flex;
161
161
  align-items: center;
162
162
  background: var(--tc-primary)!important;
163
- color: var(--tc-white)!important;
163
+ color: var(--white)!important;
164
164
  font-size: 12px;
165
165
  font-weight: normal;
166
166
  border-radius: 30px;
@@ -206,7 +206,7 @@ margin: 0 0 0 10px;
206
206
  }
207
207
 
208
208
  .btn-new-outline {
209
- background: var(--tc-white)!important;
209
+ background: var(--white)!important;
210
210
  color: var(--tc-gray-600);
211
211
  font-size: 12px;
212
212
  font-weight: normal;
@@ -259,7 +259,7 @@ margin: 0;
259
259
  display: inline-flex;
260
260
  align-items: center;
261
261
  background: var(--tc-primary)!important;
262
- color: var(--tc-white)!important;
262
+ color: var(--white)!important;
263
263
  font-size: 12px;
264
264
  font-weight: normal;
265
265
  border-radius: 30px;
@@ -280,7 +280,7 @@ cursor: default;
280
280
  display: inline-flex;
281
281
  align-items: center;
282
282
  color: var(--tc-primary);
283
- background: var(--tc-white);
283
+ background: var(--white);
284
284
 
285
285
  font-size: 12px;
286
286
  font-weight: normal;
@@ -292,7 +292,7 @@ transition: all 0.25s;
292
292
  }
293
293
 
294
294
  .btn-new-white:hover {
295
- color: var(--tc-white);
295
+ color: var(--white);
296
296
  background: var(--var(--tc-primary2) );
297
297
  }
298
298
 
@@ -306,7 +306,7 @@ width: 100%;
306
306
 
307
307
 
308
308
  .btn-group .btn-secondary {
309
- color: var(--tc-white);
309
+ color: var(--white);
310
310
  background-color: var(--tc-primary);
311
311
  border-color: var(--tc-primary);
312
312
  }
@@ -374,7 +374,7 @@ color: var(--tc-danger);
374
374
  .btn-info.btn-outline:hover,
375
375
  .btn-warning.btn-outline:hover,
376
376
  .btn-danger.btn-outline:hover {
377
- color: var(--tc-white);
377
+ color: var(--white);
378
378
  }
379
379
 
380
380
  .btn.active,
@@ -386,7 +386,7 @@ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
386
386
  }
387
387
 
388
388
  .btn-primary {
389
- color: var(--tc-white);
389
+ color: var(--white);
390
390
  background-color: var(--tc-primary)!important;
391
391
  border-color: var(--tc-primary)!important;
392
392
  padding: 10px 20px;
@@ -398,7 +398,7 @@ border-radius: 20px;
398
398
  .btn-primary.focus {
399
399
  background-color: var(--tc-primary2) !important;
400
400
  border-color: var(--tc-primary2) !important;
401
- color: var(--tc-white)!important;
401
+ color: var(--white)!important;
402
402
  }
403
403
 
404
404
  .btn-primary.disabled,
@@ -411,7 +411,7 @@ border-color: var(--tc-gray-500);
411
411
  .btn-primary:not(:disabled):not(.disabled):active,
412
412
  .btn-primary:not(:disabled):not(.disabled).active,
413
413
  .show > .btn-primary.dropdown-toggle {
414
- color: var(--tc-white);
414
+ color: var(--white);
415
415
  background-color: #18a689;
416
416
  border-color: #18a689;
417
417
  }
@@ -427,27 +427,27 @@ margin: 0 10px 0 0;
427
427
  }
428
428
 
429
429
  .btn-success {
430
- color: var(--tc-white);
430
+ color: var(--white);
431
431
  background-color: var(--tc-primary);
432
432
  border-color: var(--tc-primary);
433
433
  }
434
434
  .btn-success:hover,
435
435
  .btn-success:focus,
436
436
  .btn-success.focus {
437
- color: var(--tc-white);
437
+ color: var(--white);
438
438
  background-color: var(--tc-primary);
439
439
  border-color: var(--tc-primary);
440
440
  }
441
441
  .btn-success.disabled,
442
442
  .btn-success:disabled {
443
- color: var(--tc-white);
443
+ color: var(--white);
444
444
  background-color: #1a7bb9;
445
445
  border-color: #1a7bb9;
446
446
  }
447
447
  .btn-success:not(:disabled):not(.disabled):active,
448
448
  .btn-success:not(:disabled):not(.disabled).active,
449
449
  .show > .btn-success.dropdown-toggle {
450
- color: var(--tc-white);
450
+ color: var(--white);
451
451
  background-color: var(--tc-primary);
452
452
  border-color: var(--tc-primary);
453
453
  }
@@ -458,27 +458,27 @@ border-color: var(--tc-primary);
458
458
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
459
459
  }
460
460
  .btn-info {
461
- color: var(--tc-white);
461
+ color: var(--white);
462
462
  background-color: #23c6c8;
463
463
  border-color: #23c6c8;
464
464
  }
465
465
  .btn-info:hover,
466
466
  .btn-info:focus,
467
467
  .btn-info.focus {
468
- color: var(--tc-white);
468
+ color: var(--white);
469
469
  background-color: #21b9bb;
470
470
  border-color: #21b9bb;
471
471
  }
472
472
  .btn-info.disabled,
473
473
  .btn-info:disabled {
474
- color: var(--tc-white);
474
+ color: var(--white);
475
475
  background-color: #21b9bb;
476
476
  border-color: #21b9bb;
477
477
  }
478
478
  .btn-info:not(:disabled):not(.disabled):active,
479
479
  .btn-info:not(:disabled):not(.disabled).active,
480
480
  .show > .btn-info.dropdown-toggle {
481
- color: var(--tc-white);
481
+ color: var(--white);
482
482
  background-color: #21b9bb;
483
483
  border-color: #21b9bb;
484
484
  }
@@ -528,27 +528,27 @@ fieldset[disabled] .btn-default.active {
528
528
  color: #cacaca;
529
529
  }
530
530
  .btn-warning {
531
- color: var(--tc-white);
531
+ color: var(--white);
532
532
  background-color: #f8ac59;
533
533
  border-color: #f8ac59;
534
534
  }
535
535
  .btn-warning:hover,
536
536
  .btn-warning:focus,
537
537
  .btn-warning.focus {
538
- color: var(--tc-white);
538
+ color: var(--white);
539
539
  background-color: #f7a54a;
540
540
  border-color: #f7a54a;
541
541
  }
542
542
  .btn-warning.disabled,
543
543
  .btn-warning:disabled {
544
- color: var(--tc-white);
544
+ color: var(--white);
545
545
  background-color: #f7a54a;
546
546
  border-color: #f7a54a;
547
547
  }
548
548
  .btn-warning:not(:disabled):not(.disabled):active,
549
549
  .btn-warning:not(:disabled):not(.disabled).active,
550
550
  .show > .btn-warning.dropdown-toggle {
551
- color: var(--tc-white);
551
+ color: var(--white);
552
552
  background-color: #f7a54a;
553
553
  border-color: #f7a54a;
554
554
  }
@@ -559,20 +559,20 @@ border-color: #f7a54a;
559
559
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
560
560
  }
561
561
  .btn-danger {
562
- color: var(--tc-white);
562
+ color: var(--white);
563
563
  background-color: #ed5565;
564
564
  border-color: #ed5565;
565
565
  }
566
566
  .btn-danger:hover,
567
567
  .btn-danger:focus,
568
568
  .btn-danger.focus {
569
- color: var(--tc-white);
569
+ color: var(--white);
570
570
  background-color: #ec4758;
571
571
  border-color: #ec4758;
572
572
  }
573
573
  .btn-danger.disabled,
574
574
  .btn-danger:disabled {
575
- color: var(--tc-white);
575
+ color: var(--white);
576
576
  background-color: #ec4758;
577
577
  border-color: #ec4758;
578
578
  }
@@ -580,7 +580,7 @@ border-color: #ec4758;
580
580
  .btn-danger:not(:disabled):not(.disabled):active,
581
581
  .btn-danger:not(:disabled):not(.disabled).active,
582
582
  .show > .btn-danger.dropdown-toggle {
583
- color: var(--tc-white);
583
+ color: var(--white);
584
584
  background-color: #ec4758;
585
585
  border-color: #ec4758;
586
586
  }
@@ -647,7 +647,7 @@ border-radius: 30px;
647
647
  .btn-white:active:hover,
648
648
  .btn-white.active:hover,
649
649
  .btn-white.active:focus {
650
- color: var(--tc-white);
650
+ color: var(--white);
651
651
  border: 1px solid var(--tc-primary);
652
652
  background: var(--tc-primary);
653
653
  }
@@ -767,7 +767,7 @@ button.dim:before {
767
767
  font-size: 50px;
768
768
  line-height: 1em;
769
769
  font-weight: normal;
770
- color: var(--tc-white);
770
+ color: var(--white);
771
771
  display: block;
772
772
  padding-top: 10px;
773
773
  }
package/scss/tcloud/custom/tcloud-prime.scss CHANGED
@@ -619,8 +619,8 @@ body.tc-prime {
619
619
  .footer {
620
620
 
621
621
  &.fixed {
622
- background: var(--tc-black) $i;
623
- border-top-color: rgba( var(--tc-black), .4);
622
+ background: var(--black) $i;
623
+ border-top-color: rgba( var(--black), .4);
624
624
  color: rgba(var(--white), .4);
625
625
  margin-left: 0;
626
626
  right: inherit;
@@ -1271,7 +1271,7 @@ body.tc-prime {
1271
1271
  }
1272
1272
 
1273
1273
  .tcloud-name {
1274
- color: var(--tc-black);
1274
+ color: var(--black);
1275
1275
  font-weight: bold;
1276
1276
 
1277
1277
  span {
package/scss/tcloud/custom/tcloud-standard.scss CHANGED
@@ -31,7 +31,7 @@ body {
31
31
  }
32
32
 
33
33
  .card-container {
34
- background: var(--tc-white);
34
+ background: var(--white);
35
35
  border-radius: 20px;
36
36
  padding: 20px;
37
37
  }
@@ -45,11 +45,11 @@ body {
45
45
  }
46
46
 
47
47
  .card.shadow {
48
- box-shadow: 2px 3px 20px rgba(var(--tc-black), .1) !important;
48
+ box-shadow: 2px 3px 20px rgba(var(--black), .1) !important;
49
49
  }
50
50
 
51
51
  .card.card-shadow {
52
- box-shadow: 2px 3px 20px rgba(var(--tc-black), .1);
52
+ box-shadow: 2px 3px 20px rgba(var(--black), .1);
53
53
  }
54
54
 
55
55
  .card.margin-top {
@@ -57,9 +57,9 @@ body {
57
57
  }
58
58
 
59
59
  .card-shadow {
60
- background: var(--tc-white);
60
+ background: var(--white);
61
61
  border-radius: 20px;
62
- box-shadow: 2px 3px 20px rgba(var(--tc-black), .1);
62
+ box-shadow: 2px 3px 20px rgba(var(--black), .1);
63
63
  padding: 20px;
64
64
  margin-bottom: 20px;
65
65
  }