coer-elements 0.0.17 → 0.0.19

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coer-elements",
3
- "version": "0.0.17",
3
+ "version": "0.0.19",
4
4
  "author": "Christian Omar Escamilla Rodríguez",
5
5
  "keywords": [
6
6
  "coer",
@@ -1,3 +1,13 @@
1
+ * {
2
+ --blue: #0d6efd;
3
+ --gray: #6c757d;
4
+ --green: #198754;
5
+ --yellow: #ffc107;
6
+ --red: #dc3545;
7
+ --white: #f5f5f5;
8
+ --black: #252525;
9
+ --orange: #fd6031;
10
+ }
1
11
 
2
12
  $blue: #0d6efd;
3
13
  $gray: #6c757d;
@@ -22,6 +22,17 @@ input[type=file] {
22
22
  }
23
23
 
24
24
  /********** COER styles **********/
25
+ * {
26
+ --blue: #0d6efd;
27
+ --gray: #6c757d;
28
+ --green: #198754;
29
+ --yellow: #ffc107;
30
+ --red: #dc3545;
31
+ --white: #f5f5f5;
32
+ --black: #252525;
33
+ --orange: #fd6031;
34
+ }
35
+
25
36
  .text-blue {
26
37
  color: #0d6efd !important;
27
38
  }
@@ -366,6 +377,16 @@ div#coer-tool-bar coer-button * {
366
377
  color: #fd6031 !important;
367
378
  }
368
379
 
380
+ div.coer-text-box * {
381
+ --blue: #0d6efd;
382
+ --gray: #6c757d;
383
+ --green: #198754;
384
+ --yellow: #ffc107;
385
+ --red: #dc3545;
386
+ --white: #f5f5f5;
387
+ --black: #252525;
388
+ --orange: #fd6031;
389
+ }
369
390
  div.coer-text-box .text-blue {
370
391
  color: #0d6efd !important;
371
392
  }
@@ -608,6 +629,16 @@ coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container {
608
629
  transform: translate(-5px, -6px) !important;
609
630
  }
610
631
 
632
+ div.coer-textarea * {
633
+ --blue: #0d6efd;
634
+ --gray: #6c757d;
635
+ --green: #198754;
636
+ --yellow: #ffc107;
637
+ --red: #dc3545;
638
+ --white: #f5f5f5;
639
+ --black: #252525;
640
+ --orange: #fd6031;
641
+ }
611
642
  div.coer-textarea .text-blue {
612
643
  color: #0d6efd !important;
613
644
  }
@@ -832,6 +863,16 @@ div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-tex
832
863
  div.coer-select-box {
833
864
  position: relative !important;
834
865
  }
866
+ div.coer-select-box * {
867
+ --blue: #0d6efd;
868
+ --gray: #6c757d;
869
+ --green: #198754;
870
+ --yellow: #ffc107;
871
+ --red: #dc3545;
872
+ --white: #f5f5f5;
873
+ --black: #252525;
874
+ --orange: #fd6031;
875
+ }
835
876
  div.coer-select-box .text-blue {
836
877
  color: #0d6efd !important;
837
878
  }
@@ -1118,6 +1159,16 @@ coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group {
1118
1159
  top: 28px !important;
1119
1160
  }
1120
1161
 
1162
+ div.coer-number-box * {
1163
+ --blue: #0d6efd;
1164
+ --gray: #6c757d;
1165
+ --green: #198754;
1166
+ --yellow: #ffc107;
1167
+ --red: #dc3545;
1168
+ --white: #f5f5f5;
1169
+ --black: #252525;
1170
+ --orange: #fd6031;
1171
+ }
1121
1172
  div.coer-number-box .text-blue {
1122
1173
  color: #0d6efd !important;
1123
1174
  }
@@ -1368,6 +1419,16 @@ div.coer-switch {
1368
1419
  align-items: center !important;
1369
1420
  position: relative !important;
1370
1421
  }
1422
+ div.coer-switch * {
1423
+ --blue: #0d6efd;
1424
+ --gray: #6c757d;
1425
+ --green: #198754;
1426
+ --yellow: #ffc107;
1427
+ --red: #dc3545;
1428
+ --white: #f5f5f5;
1429
+ --black: #252525;
1430
+ --orange: #fd6031;
1431
+ }
1371
1432
  div.coer-switch .text-blue {
1372
1433
  color: #0d6efd !important;
1373
1434
  }
@@ -1536,6 +1597,16 @@ coer-grid div.coer-switch {
1536
1597
  justify-content: center !important;
1537
1598
  }
1538
1599
 
1600
+ div.coer-checkbox * {
1601
+ --blue: #0d6efd;
1602
+ --gray: #6c757d;
1603
+ --green: #198754;
1604
+ --yellow: #ffc107;
1605
+ --red: #dc3545;
1606
+ --white: #f5f5f5;
1607
+ --black: #252525;
1608
+ --orange: #fd6031;
1609
+ }
1539
1610
  div.coer-checkbox .text-blue {
1540
1611
  color: #0d6efd !important;
1541
1612
  }
@@ -1729,6 +1800,16 @@ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.
1729
1800
  display: none !important;
1730
1801
  }
1731
1802
 
1803
+ div.coer-tab * {
1804
+ --blue: #0d6efd;
1805
+ --gray: #6c757d;
1806
+ --green: #198754;
1807
+ --yellow: #ffc107;
1808
+ --red: #dc3545;
1809
+ --white: #f5f5f5;
1810
+ --black: #252525;
1811
+ --orange: #fd6031;
1812
+ }
1732
1813
  div.coer-tab .text-blue {
1733
1814
  color: #0d6efd !important;
1734
1815
  }
@@ -1913,6 +1994,16 @@ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc
1913
1994
  header.coer-page-title {
1914
1995
  margin: 15px 30px 0px 30px;
1915
1996
  }
1997
+ header.coer-page-title * {
1998
+ --blue: #0d6efd;
1999
+ --gray: #6c757d;
2000
+ --green: #198754;
2001
+ --yellow: #ffc107;
2002
+ --red: #dc3545;
2003
+ --white: #f5f5f5;
2004
+ --black: #252525;
2005
+ --orange: #fd6031;
2006
+ }
1916
2007
  header.coer-page-title .text-blue {
1917
2008
  color: #0d6efd !important;
1918
2009
  }
@@ -2092,6 +2183,16 @@ header.coer-page-title button {
2092
2183
  padding-right: 8px;
2093
2184
  }
2094
2185
 
2186
+ div.coer-grid * {
2187
+ --blue: #0d6efd;
2188
+ --gray: #6c757d;
2189
+ --green: #198754;
2190
+ --yellow: #ffc107;
2191
+ --red: #dc3545;
2192
+ --white: #f5f5f5;
2193
+ --black: #252525;
2194
+ --orange: #fd6031;
2195
+ }
2095
2196
  div.coer-grid .text-blue {
2096
2197
  color: #0d6efd !important;
2097
2198
  }
@@ -2449,6 +2550,17 @@ div.modal-content {
2449
2550
  overflow: visible !important;
2450
2551
  }
2451
2552
 
2553
+ * {
2554
+ --blue: #0d6efd;
2555
+ --gray: #6c757d;
2556
+ --green: #198754;
2557
+ --yellow: #ffc107;
2558
+ --red: #dc3545;
2559
+ --white: #f5f5f5;
2560
+ --black: #252525;
2561
+ --orange: #fd6031;
2562
+ }
2563
+
2452
2564
  .text-blue {
2453
2565
  color: #0d6efd !important;
2454
2566
  }
@@ -2686,6 +2798,17 @@ div.modal-content {
2686
2798
  cursor: wait !important;
2687
2799
  }
2688
2800
 
2801
+ * {
2802
+ --blue: #0d6efd;
2803
+ --gray: #6c757d;
2804
+ --green: #198754;
2805
+ --yellow: #ffc107;
2806
+ --red: #dc3545;
2807
+ --white: #f5f5f5;
2808
+ --black: #252525;
2809
+ --orange: #fd6031;
2810
+ }
2811
+
2689
2812
  .text-blue {
2690
2813
  color: #0d6efd !important;
2691
2814
  }