nitro-react/src/components/purse/PurseView.scss

45 lines
1.0 KiB
SCSS
Raw Normal View History

2021-04-19 18:34:31 +02:00
.nitro-purse {
2021-12-05 14:14:43 +01:00
background-color: rgba($dark, 0.95);
2021-07-07 04:26:22 +02:00
font-size: $font-size-sm;
2021-07-23 09:12:53 +02:00
pointer-events: all;
2021-12-05 14:14:43 +01:00
box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5),
inset 0 -4px darken(rgba($dark, 0.6), 4);
2021-06-22 09:08:16 +02:00
.notification-button {
2021-12-05 14:14:43 +01:00
color: lighten($dark, 20);
2021-06-22 09:08:16 +02:00
cursor: pointer;
font-size: 0.9rem;
2021-06-22 11:52:47 +02:00
pointer-events: all;
2021-12-05 14:14:43 +01:00
display: none;
2021-06-22 09:08:16 +02:00
}
2021-07-23 09:12:53 +02:00
.nitro-purse-hc {
2021-12-05 14:14:43 +01:00
background-color: rgba($light, 0.1);
2021-07-23 09:12:53 +02:00
}
.nitro-purse-button {
&:hover {
2021-12-05 14:14:43 +01:00
background-color: rgba($light, 0.1);
cursor: pointer;
2021-07-23 09:12:53 +02:00
}
}
2021-04-19 18:34:31 +02:00
2022-02-21 19:26:19 +01:00
.nitro-currency {
pointer-events: all;
position: relative;
}
.nitro-seasonal-currency {
pointer-events: all;
background-color: rgba($dark,.95);
box-shadow: inset 0px 5px lighten(rgba($dark,.6),2.5), inset 0 -4px darken(rgba($dark,.6),4);
font-size: $font-size-sm;
margin-bottom: 5px;
.seasonal-text {
color: rgba($light,.5);
}
}
}