Files
astuto/app/javascript/stylesheets/general/_components.scss
2019-09-19 16:42:43 +02:00

37 lines
583 B
SCSS

.card {
@extend .card;
box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.15);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
color: #333;
padding: 8px;
}
.card3D {
@extend
.card;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
&:hover {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
}
.badge {
@extend
.badge,
.badge-pill,
.p-2;
font-size: 13px;
}
.badgeLight {
@extend .badge-light;
background-color: $astuto-grey;
}