salix/front/core/components/snackbar/style.scss

68 lines
1.3 KiB
SCSS
Raw Normal View History

2019-02-06 10:24:29 +00:00
@import "variables";
2018-06-19 06:12:36 +00:00
vn-snackbar #shapes {
max-height: 20.625em;
margin-left: -12.5em;
position: fixed;
z-index: 100;
width: 25em;
left: 50%;
bottom: 0
2018-06-19 06:12:36 +00:00
}
vn-snackbar .shape {
2019-02-08 16:49:51 +00:00
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 .4em $color-shadow;
2018-06-19 06:12:36 +00:00
transition: transform 300ms ease-in-out;
transform: translateY(20em);
box-sizing: border-box;
border-radius: .2em;
margin-bottom: 15px;
color: white;
2020-02-10 06:24:12 +00:00
padding: 0.8em;
2020-02-10 06:24:12 +00:00
& > .text {
position: relative;
text-align: center;
vn-chip {
position: absolute;
left: -1.5em;
top: -1.5em;
}
2018-06-19 06:12:36 +00:00
}
&.shown {
transform: translateY(0);
}
2018-06-19 06:12:36 +00:00
&.success {
background-color: rgba(163, 209, 49, 0.8);
color: #445911;
& > button {
color: rgba(1, 1, 1, 0.6);
}
}
2018-06-19 06:12:36 +00:00
&.error {
2018-06-19 06:12:36 +00:00
background-color: rgba(198, 40, 40, 0.8);
& > button {
color: rgba(1, 1, 1, 0.6);
}
}
2018-06-19 06:12:36 +00:00
& > button {
background-color: transparent;
text-transform: uppercase;
margin-left: .5em;
font-weight: bold;
cursor: pointer;
2019-02-08 16:49:51 +00:00
color: $color-main;
float: right;
border: none;
2018-05-31 12:40:42 +00:00
padding: .5em;
margin: -.5em
}
}