webapp/src/components/Feed/Group.scss

46 lines
687 B
SCSS
Raw Normal View History

2022-09-09 11:53:35 +00:00
.layout-icon {
background: #fff;
border-radius: 100%;
height: 3.2rem;
right: 0.8rem;
text-align: center;
top: 0.8rem;
transition: background-color 0.2s;
width: 3.2rem;
margin-bottom: 2em;
margin-left: 93%;
z-index: 2;
&:hover {
background: #000;
.icon {
filter: invert(1);
}
}
img {
height: auto;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
.icon {
height: 100%;
transition: filter 0.2s;
}
}
2022-10-19 14:26:49 +00:00
.floor--group {
@include media-breakpoint-down(sm) {
.col-lg-6 {
.row {
margin: 0 0 0 divide(-$container-padding-x, 2);
}
}
}
}