coer-elements 2.0.69 → 2.0.71

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.
@@ -68,8 +68,8 @@
68
68
 
69
69
  //App Colors
70
70
  'breadcrumbs' : var(--breadcrumbs-inner),
71
- 'app-background': var(--background-inner),
72
71
  'containers' : var(--containers-inner),
72
+ 'app-background': var(--background-inner),
73
73
 
74
74
  //Inputs
75
75
  'inputs' : var(--inputs-inner),
@@ -87,7 +87,10 @@
87
87
  'toolbar-text': var(--toolbar-text-inner)
88
88
  ) {
89
89
  // Text
90
- .#{$breakpoint}text-#{$key} { color: $value !important; }
90
+ .#{$breakpoint}text-#{$key},
91
+ .#{$breakpoint}color-#{$key} {
92
+ color: $value !important;
93
+ }
91
94
 
92
95
  // Backgrounds
93
96
  .#{$breakpoint}background-color-#{$key} { background-color: $value !important; }
@@ -10,7 +10,7 @@
10
10
  @use "../components/lib/coer-sidenav/coer-sidenav.component.scss";
11
11
  @use "../components/lib/coer-sidenav/coer-menu-option/coer-menu-option.component.scss";
12
12
  @use "../components/lib/coer-sidenav/coer-tree-accordion/coer-tree-accordion.component.scss";
13
- @use "../components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.scss";
13
+ @use "../components/lib/coer-toolbar/coer-toolbar.component.scss";
14
14
  @use "../components/lib/coer-switch/coer-switch.component.scss";
15
15
  @use "../components/lib/coer-tab/coer-tab.component.scss";
16
16
  @use "../tools/lib/coer-alert/coer-alert.component.scss";
@@ -342,6 +342,7 @@ coer-textbox,
342
342
  coer-numberbox,
343
343
  coer-dropdown,
344
344
  coer-selectbox,
345
- coer-filebox {
345
+ coer-filebox,
346
+ login-page {
346
347
  display: contents !important;
347
348
  }
@@ -6,7 +6,7 @@
6
6
  'inline': inline,
7
7
  'inline-block': inline-block,
8
8
  'inline-flex' : inline-flex,
9
- 'contents': contents
9
+ 'contents' : contents
10
10
  ) {
11
11
  .#{$breakpoint}display-#{$key} {
12
12
  display: $value !important;
package/styles/index.scss CHANGED
@@ -30,8 +30,26 @@
30
30
  'xl-' : 1200px,
31
31
  'xxl-' : 1400px,
32
32
  ) {
33
+ @if ($breakpoint == '') {
34
+ @include _animations.mixin($breakpoint);
35
+ @include _borders.mixin($breakpoint);
36
+ @include _colors.mixin($breakpoint);
37
+ @include _cursors.mixin($breakpoint);
38
+ @include _displays.mixin($breakpoint);
39
+ @include _fonts.mixin($breakpoint);
40
+ @include _layout-flex-wrap.mixin($breakpoint);
41
+ @include _layout-flex.mixin($breakpoint);
42
+ @include _layout-grid.mixin($breakpoint);
43
+ @include _margins.mixin($breakpoint);
44
+ @include _orders.mixin($breakpoint);
45
+ @include _overflow.mixin($breakpoint);
46
+ @include _padding.mixin($breakpoint);
47
+ @include _paragraphs.mixin($breakpoint);
48
+ @include _positions.mixin($breakpoint);
49
+ @include _width-height.mixin($breakpoint);
50
+ }
33
51
 
34
- @if ($breakpoint == 'mv-') {
52
+ @else if ($breakpoint == 'mv-') {
35
53
  @media (min-width: $min-width) and (max-width: 499px) {
36
54
  @include _animations.mixin($breakpoint);
37
55
  @include _borders.mixin($breakpoint);