# uicore-elements/trunk/assets/css/utils/gallery.css

UiCore Elements – Free widgets and templates for Elementor, version trunk. 1 lines.

- Page: https://pluginprobe.com/plugins/uicore-elements/trunk/code/assets/css/utils/gallery.css
- Raw: https://pluginprobe.com/plugins/uicore-elements/trunk/raw/assets/css/utils/gallery.css
- Modified: 2024-12-12T10:33:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/uicore-elements/trunk/code/assets/css/utils/gallery.css#L10-L20`.

```css
.ui-e-filters{display:flex;gap:20px;margin-bottom:20px}.ui-e-filters .ui-e-filter-item{background-color:transparent;border:none;border-radius:0;padding:0 0 5px 0;color:#798184;transition:.3s cubic-bezier(.24,1,.3,1);white-space:nowrap;cursor:pointer}.ui-e-filters .ui-e-filter-item:focus,.ui-e-filters .ui-e-filter-item:hover{color:#798184;background-color:transparent}.ui-e-filters .ui-e-filter-item.ui-e-active{cursor:default;border-bottom-width:1px}@media (max-width:767px){.ui-e-filters{flex-direction:row;justify-content:flex-start!important;overflow-x:scroll;gap:10px;margin:0 -5vw 5vw;padding:0 5vw}}.ui-e-item{transition:background-color .3s cubic-bezier(.24,1,.3,1),border-color .3s cubic-bezier(.24,1,.3,1),box-shadow .3s cubic-bezier(.24,1,.3,1)}.ui-e-media-wrp{position:relative;display:flex;margin-bottom:var(--ui-e-image-spacing)}.ui-e-media-wrp img{width:100%;height:100%;object-fit:cover}.ui-e-content{width:100%;transition:background-color .3s cubic-bezier(.24,1,.3,1)}.ui-e-title-wrapper{display:flex;align-items:center;gap:10px;padding-bottom:var(--ui-e-title-spacing)}.ui-e-title{transition:color .3s cubic-bezier(.24,1,.3,1)}.ui-e-item p,.ui-e-title{margin:0}.ui-e-description,.ui-e-tags{color:#b0b0b0}.ui-e-badge{font-size:14px;z-index:2}.ui-e-wrp{opacity:1;transform:scale(1);transition:opacity .6s cubic-bezier(.29,.7,.34,1.04),transform .6s cubic-bezier(.29,.7,.34,1.04)}.ui-e-wrp.ui-e-hidden{opacity:0;transform:scale(.9);z-index:-1;pointer-events:none;position:absolute;left:0;top:0}
```