@carefirst/library 4.2.0 → 4.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/styles/app.scss +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carefirst/library",
3
- "version": "4.2.0",
3
+ "version": "4.2.1",
4
4
  "author": "Jacques Francois Coetzee",
5
5
  "private": false,
6
6
  "peerDependencies": {
package/public/styles/app.scss CHANGED
@@ -132,14 +132,14 @@ cf-badge:has(div.stretch) {
132
132
  ============== Opacity Background ==============
133
133
  ===============================================*/
134
134
  @mixin opacity($percentage) {
135
- background-color: color-mix(in srgb, var(--cf-app-color-accent) $percentage, var(--cf-app-background-light));
136
- border: 1px solid var(--cf-app-color-accent);
135
+ background-color: color-mix(in srgb, var(--cf-app-color-accent) $percentage, var(--cf-app-background-light)) !important;
136
+ border: 1px solid var(--cf-app-color-accent) !important;
137
137
  }
138
138
 
139
- .background-opacity-25 {
139
+ .accent-background-opacity-25 {
140
140
  @include opacity(25%);
141
141
  }
142
142
 
143
- .background-opacity-50 {
143
+ .accent-background-opacity-50 {
144
144
  @include opacity(50%);
145
145
  }