selected projects

/* ===== Dalia El-Yam — File Gallery slider ===== */ .dey-slider{position:relative;margin:0 0 24px} .gallery.dey-track{display:flex;align-items:flex-start;direction:ltr; overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth; -webkit-overflow-scrolling:touch;margin:0;padding:0; transition:height .35s ease;scrollbar-width:none;-ms-overflow-style:none} .gallery.dey-track::-webkit-scrollbar{display:none} .gallery.dey-track br.clear{display:none} .gallery.dey-track dl.gallery-item{flex:0 0 100%;width:100%;max-width:100%;align-self:flex-start; margin:0 !important;padding:0 !important;scroll-snap-align:center;text-align:center} .gallery.dey-track dt.gallery-icon{margin:0 !important;padding:0 !important} .gallery.dey-track dl.gallery-item img{display:block;width:100%;height:auto;margin:0;padding:0; border:0 !important;box-shadow:none !important} .dey-nav{position:absolute;top:50%;transform:translateY(-50%);direction:ltr; width:42px;height:42px;padding:0;border:0;border-radius:50%; background:rgba(0,0,0,.40);cursor:pointer;z-index:5;opacity:0; transition:opacity .25s,background .25s;display:flex;align-items:center;justify-content:center} .dey-slider:hover .dey-nav{opacity:1} .dey-nav:hover{background:rgba(0,0,0,.75)} .dey-nav svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none; stroke-linecap:round;stroke-linejoin:round} .dey-nav[disabled]{opacity:0 !important;pointer-events:none} .dey-prev{left:12px} [...]

/* ===== Dalia El-Yam — File Gallery slider ===== */ .dey-slider{position:relative;margin:0 0 24px} .gallery.dey-track{display:flex;align-items:flex-start;direction:ltr; overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth; -webkit-overflow-scrolling:touch;margin:0;padding:0; transition:height .35s ease;scrollbar-width:none;-ms-overflow-style:none} .gallery.dey-track::-webkit-scrollbar{display:none} .gallery.dey-track br.clear{display:none} .gallery.dey-track dl.gallery-item{flex:0 0 100%;width:100%;max-width:100%;align-self:flex-start; margin:0 !important;padding:0 !important;scroll-snap-align:center;text-align:center} .gallery.dey-track dt.gallery-icon{margin:0 !important;padding:0 !important} .gallery.dey-track dl.gallery-item img{display:block;width:100%;height:auto;margin:0;padding:0; border:0 !important;box-shadow:none !important} .dey-nav{position:absolute;top:50%;transform:translateY(-50%);direction:ltr; width:42px;height:42px;padding:0;border:0;border-radius:50%; background:rgba(0,0,0,.40);cursor:pointer;z-index:5;opacity:0; transition:opacity .25s,background .25s;display:flex;align-items:center;justify-content:center} .dey-slider:hover .dey-nav{opacity:1} .dey-nav:hover{background:rgba(0,0,0,.75)} .dey-nav svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none; stroke-linecap:round;stroke-linejoin:round} .dey-nav[disabled]{opacity:0 !important;pointer-events:none} .dey-prev{left:12px} [...]

/* ===== Dalia El-Yam — File Gallery slider ===== */ .dey-slider{position:relative;margin:0 0 24px} .gallery.dey-track{display:flex;align-items:flex-start;direction:ltr; overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth; -webkit-overflow-scrolling:touch;margin:0;padding:0; transition:height .35s ease;scrollbar-width:none;-ms-overflow-style:none} .gallery.dey-track::-webkit-scrollbar{display:none} .gallery.dey-track br.clear{display:none} .gallery.dey-track dl.gallery-item{flex:0 0 100%;width:100%;max-width:100%;align-self:flex-start; margin:0 !important;padding:0 !important;scroll-snap-align:center;text-align:center} .gallery.dey-track dt.gallery-icon{margin:0 !important;padding:0 !important} .gallery.dey-track dl.gallery-item img{display:block;width:100%;height:auto;margin:0;padding:0; border:0 !important;box-shadow:none !important} .dey-nav{position:absolute;top:50%;transform:translateY(-50%);direction:ltr; width:42px;height:42px;padding:0;border:0;border-radius:50%; background:rgba(0,0,0,.40);cursor:pointer;z-index:5;opacity:0; transition:opacity .25s,background .25s;display:flex;align-items:center;justify-content:center} .dey-slider:hover .dey-nav{opacity:1} .dey-nav:hover{background:rgba(0,0,0,.75)} .dey-nav svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none; stroke-linecap:round;stroke-linejoin:round} .dey-nav[disabled]{opacity:0 !important;pointer-events:none} .dey-prev{left:12px} [...]