-
Fadil authoredb229f479
_snack-bar.scss 2.29 KiB
.vitamui-snack-bar.mat-snack-bar-container {
font-size: 14px;
font-weight: bold;
color: white;
background: var(--vitamui-primary);
max-width: none;
width: 100vw;
margin: 0;
border-radius: 0;
}
.vitamui-snack-bar-container {
position: relative;
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.close-btn {
background: none;
border: none;
padding: 0;
cursor: pointer;
> i {
color: white;
opacity: 0.5;
font-size: 36px;
}
}
.vitamui-snack-bar-content {
font-size: 14px;
font-weight: bold;
color: white;
vertical-align: middle;
> i.vitamui-icon {
color: white;
margin-right: 10px;
}
a {
color: white;
font-weight: bold;
}
}
.download-link {
background: none;
border: none;
color: white;
text-decoration: underline;
outline: none;
cursor: pointer;
padding: 10px;
font-size: 14px;
}
// SUBROGATION SNACKBAR CSS
.subrogation-banner {
background: var(--vitamui-primary);
color: var(--vitamui-primary-font);
border-radius: 0;
max-width: none;
width: 100%;
height: 80px;
padding: 20px 40px;
display: flex;
align-items: center;
position: fixed;
bottom: 0;
left:0;
right:0;
z-index: 1000;
> div:first-of-type {
display: flex;
align-items: center;
width: 95%;
> i {
font-size: 30px;
}
}
> div:last-of-type{
width: 5%;
display: flex;
justify-content: flex-end;
}
.btn {
&.link {
color: var(--vitamui-primary-font)!important;
text-decoration: underline;
}
&.outline {
border: 1px solid var(--vitamui-primary-font)!important;
color: var(--vitamui-primary-font)!important;
}
}
}
.hidden-banner-div {
border-radius: 3px 3px 0 0;
background: var(--vitamui-primary);
color: var(--vitamui-primary-font);
position: fixed;
height: 35px;
width: 35px;
right: 15px;
bottom: 0;
z-index: 1000;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
> i {
font-size: 30px;
}
}