// Helper classes .is-horizontal-center {
justify-content: center;
}
.rounded-image-has-inner-shadow {
// box-shadow: inset 0 8px 6px -6px black; position: absolute; width: 128px; height: 128px; box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4); // box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4); // box-shadow: inset vertical horizontal blur spread color; border-radius: 100px; // circles shadow to match the image top: 0;
}
.is-double-spaced{
line-height: 2rem; }
.has-vcentred-content{
display: flex; justify-content: center; flex-wrap: wrap; *{ align-self: center; }
}
.has-border-black{
border: 1px solid $black;
}
.is-ontop{
position: absolute; z-index: 5; left: 0.3rem; bottom: 0.3rem;
}
.is-ontop-right{
position: absolute; z-index: 5; right: 0.3rem; bottom: 0.3rem;
}