home
/
forge
/
roadtovirtuosity.com
/
public
/
assets
/
_scss
/
codebase
➕ New
📤 Upload
✎ Editing:
_overlay.scss
← Back
// // Options Overlay // -------------------------------------------------- .options-container { position: relative; overflow: hidden; z-index: 1; display: block; .options-item { transition: transform .35s ease-out; will-change: transform; } .options-overlay { display: flex; justify-content: center; align-items: center; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: 2; content: ''; opacity: 0; visibility: hidden; transition: all .3s ease-in; will-change: opacity, transform; &-content { text-align: center; } } &:hover { .options-overlay { opacity: 1; visibility: visible; } } @include media-breakpoint-down(md) { .options-overlay { display: none; } &:hover .options-overlay { display: block; } } } // Item hover effects .fx-item-zoom-in:hover .options-item { transform: scale(1.2, 1.2); } .fx-item-rotate-r:hover .options-item { transform: scale(1.4) rotate(8deg); } .fx-item-rotate-l:hover .options-item { transform: scale(1.4) rotate(-8deg); } // Overlay hover effects .fx-overlay-slide-top { .options-overlay { transform: translateY(100%); } &:hover .options-overlay { transform: translateY(0); } } .fx-overlay-slide-right { .options-overlay { transform: translateX(-100%); } &:hover .options-overlay { transform: translateX(0); } } .fx-overlay-slide-down { .options-overlay { transform: translateY(-100%); } &:hover .options-overlay { transform: translateY(0); } } .fx-overlay-slide-left { .options-overlay { transform: translateX(100%); } &:hover .options-overlay { transform: translateX(0); } } .fx-overlay-zoom-in { .options-overlay { transform: scale(0, 0); } &:hover .options-overlay { transform: scale(1, 1); } } .fx-overlay-zoom-out { .options-overlay { transform: scale(2, 2); } &:hover .options-overlay { transform: scale(1, 1); } }
💾 Save Changes
Cancel
📤 Upload File
×
Select File
Upload
Cancel
➕ Create New
×
Type
📄 File
📁 Folder
Name
Create
Cancel
✎ Rename Item
×
Current Name
New Name
Rename
Cancel
🔐 Change Permissions
×
Target File
Permission (e.g., 0755, 0644)
0755
0644
0777
Apply
Cancel