@usssa/component-library 1.0.0-beta.9 → 1.0.0-rc.1

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.
package/src/css/app.sass CHANGED
@@ -84,19 +84,18 @@ i.fa-kit-duotone, span.fa-kit-duotone
84
84
  // NOTIFY Custom CLASSES
85
85
 
86
86
  .u-notify
87
- width: 25.25rem
88
87
  min-height: $xxl
89
88
  border-radius: $xs
90
- padding: $sm $sm $xs $sm
89
+ padding: $xs $sm
90
+ margin: 0
91
91
  box-shadow: 0px 0px 8px 0px rgba(16, 17, 20, 0.12)
92
92
 
93
93
  .q-notification__actions
94
94
  padding: 0rem 0.5rem
95
95
 
96
96
  .q-notification__progress
97
- width: 25.25rem
98
97
  bottom: -0.5rem
99
- border-radius: 0rem 0.25rem
98
+ border-radius: 0 0 $xs $xs
100
99
  height: 0.25rem
101
100
 
102
101
  .q-notification__content
@@ -118,19 +117,21 @@ i.fa-kit-duotone, span.fa-kit-duotone
118
117
  line-height: 1.25rem
119
118
  letter-spacing: 0.01786rem
120
119
  overflow-wrap: break-word
120
+ opacity: 1
121
121
 
122
122
  .u-notify-action-button
123
- height: $lg
124
- min-width: 5.5rem
123
+ min-height: $md
125
124
  max-width: 6.5rem
126
- padding: 0rem $ba
125
+ padding: $xxs $sm
127
126
  border-radius: $xs
128
127
  overflow-wrap: break-word
129
128
  .block
130
129
  white-space: nowrap
131
- width: 6.5rem
132
130
  overflow: hidden
133
131
  text-overflow: ellipsis
132
+ font-size: $sm
133
+ font-style: normal
134
+ font-weight: 500
134
135
 
135
136
  .u-notify-action-icon
136
137
  background: transparent !important
@@ -149,14 +150,14 @@ i.fa-kit-duotone, span.fa-kit-duotone
149
150
  color: $accent
150
151
 
151
152
  .u-type-positive
152
- background: $green-2 !important
153
- color: $green-7 !important
153
+ background: $green-1 !important
154
+ color: $green-6 !important
154
155
  .q-btn
155
156
  background: $positive
156
157
 
157
158
  .u-type-info
158
159
  background: $purple-1 !important
159
- color: $purple-7 !important
160
+ color: $purple-6 !important
160
161
  .q-btn
161
162
  background: $info
162
163
 
@@ -168,7 +169,7 @@ i.fa-kit-duotone, span.fa-kit-duotone
168
169
 
169
170
  .u-type-accent
170
171
  background: $red-1 !important
171
- color: $red-7 !important
172
+ color: $red-5 !important
172
173
  .q-btn
173
174
  background: $accent
174
175