salix/client/core/src/components/snackbar/style.scss

60 lines
1.1 KiB
SCSS
Raw Normal View History

@import "colors";
2018-06-19 06:12:36 +00:00
vn-snackbar #shapes {
position: fixed;
bottom: 0;
2018-06-19 06:12:36 +00:00
right: 15px;
width: 20em;
2018-06-19 06:12:36 +00:00
max-height: 20.625em;
z-index: 100;
2018-06-19 06:12:36 +00:00
}
vn-snackbar .shape {
box-sizing: border-box;
background-color: rgba(1, 1, 1, 0.8);
color: white;
padding: 1em;
border-radius: .2em;
box-shadow: 0 0 .4em rgba(1,1,1,.4);
2018-06-19 06:12:36 +00:00
margin-bottom: 15px;
transform: translateX(20em);
transition: transform 300ms ease-in-out;
&.text {
text-align: center
}
&.shown {
2018-06-19 06:12:36 +00:00
transform: translateX(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 {
cursor: pointer;
float: right;
text-transform: uppercase;
border: none;
background-color: transparent;
font-weight: bold;
color: $main-01;
2018-05-31 12:40:42 +00:00
padding: .5em;
margin: -.5em;
margin-left: .5em;
}
}