// //masonery Filters
|
|
// .masonry-filter-container {
|
|
// margin-bottom: map-get($spacers, 4);
|
|
// .filter-button-group{
|
|
// .btn {
|
|
// background: transparent;
|
|
// font-weight: 300;
|
|
// text-transform: initial;
|
|
// color: map-get($colors, primary);
|
|
// &.active{color: map-get($colors, 2)}
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
|
|
// // masonry classic
|
|
// .masonry__item{
|
|
// margin-bottom: 30px;
|
|
// .hover-element__reveal {
|
|
// position: absolute;
|
|
// top: 0;
|
|
// left: 0;
|
|
// right: 0;
|
|
// bottom: 0;
|
|
// background: linear-gradient(to bottom, rgba(37, 37, 37, 0.5) 0%, transparent 100%);
|
|
// color: #ffffff;
|
|
// padding: 20px;
|
|
// transition: all 0.2s ease-in-out;
|
|
// opacity: 0;
|
|
// h5 {
|
|
// margin: 0;
|
|
// }
|
|
// h6{
|
|
// font-weight: 300;
|
|
// margin-top: 5px;
|
|
// }
|
|
// }
|
|
// .hover-element:hover .hover-element__reveal{
|
|
// opacity: 1;
|
|
// }
|
|
|
|
// .hover-element {
|
|
// position: relative;
|
|
// overflow: hidden;
|
|
// }
|
|
// &.radius-capsule .hover-element{
|
|
// border-radius: $radius-capsule;
|
|
// }
|
|
// }
|
|
|
|
|
|
// // masonryLightbox
|
|
// a[data-lightbox] {
|
|
// transition: 0.3s ease;
|
|
// &:hover {
|
|
// opacity: .8;
|
|
// cursor: zoom-in;
|
|
// }
|
|
// }
|