Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 gulpfile-wrap-template.js ;(function(window, document, undefined) { "use strict"; <%= contents %> /* * Use SweetAlert with RequireJS */ if (typeof define === 'function' && define.amd) { define(function () { return sweetAlert; }); } else if (typeof module !== 'undefined' && module.exports) { module.exports = sweetAlert; } })(window, document);	364 B	2026-02-12 14:54
📄 ie9.css /* Internet Explorer 9 has some special quirks that are fixed here / / The icons are not animated. / / This file is automatically merged into sweet-alert.min.js through Gulp / / Error icon / .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg)\9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg)\9; } / Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg)\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg)\9; }	637 B	2026-02-12 14:54
📄 loader-animation.css /! Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT / .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } / * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }	4.08 KB	2026-02-12 14:54
📁 modules	-	2026-02-12 14:54
📄 sweetalert.es6.js // SweetAlert // 2014-2015 (c) - Tristan Edwards // github.com/t4t5/sweetalert /* * jQuery-like functions for manipulating the DOM / import { hasClass, addClass, removeClass, escapeHtml, _show, show, _hide, hide, isDescendant, getTopMargin, fadeIn, fadeOut, fireClick, stopEventPropagation } from './modules/handle-dom'; / * Handy utilities / import { extend, hexToRgb, isIE8, logStr, colorLuminance } from './modules/utils'; / * Handle sweetAlert's DOM elements / import { sweetAlertInitialize, getModal, getOverlay, getInput, setFocusStyle, openModal, resetInput, fixVerticalPosition } from './modules/handle-swal-dom'; // Handle button events and keyboard events import { handleButton, handleConfirm, handleCancel } from './modules/handle-click'; import handleKeyDown from './modules/handle-key'; // Default values import defaultParams from './modules/default-params'; import setParameters from './modules/set-params'; / * Remember state in cases where opening and handling a modal will fiddle with it. * (We also use window.previousActiveElement as a global variable) / var previousWindowKeyDown; var lastFocusedButton; / * Global sweetAlert function * (this is what the user calls) / var sweetAlert, swal; export default sweetAlert = swal = function() { var customizations = arguments[0]; addClass(document.body, 'stop-scrolling'); resetInput(); / * Use argument if defined or default value from params object otherwise. * Supports the case where a default value is boolean true and should be * overridden by a corresponding explicit argument which is boolean false. / function argumentOrDefault(key) { var args = customizations; return (args[key] === undefined) ? defaultParams[key] : args[key]; } if (customizations === undefined) { logStr('SweetAlert expects at least 1 attribute!'); return false; } var params = extend({}, defaultParams); switch (typeof customizations) { // Ex: swal("Hello", "Just testing", "info"); case 'string': params.title = customizations; params.text = arguments[1] \|\| ''; params.type = arguments[2] \|\| ''; break; // Ex: swal({ title:"Hello", text: "Just testing", type: "info" }); case 'object': if (customizations.title === undefined) { logStr('Missing "title" argument!'); return false; } params.title = customizations.title; for (let customName in defaultParams) { params[customName] = argumentOrDefault(customName); } // Show "Confirm" instead of "OK" if cancel button is visible params.confirmButtonText = params.showCancelButton ? 'Confirm' : defaultParams.confirmButtonText; params.confirmButtonText = argumentOrDefault('confirmButtonText'); // Callback function when clicking on "OK"/"Cancel" params.doneFunction = arguments[1] \|\| null; break; default: logStr('Unexpected type of argument! Expected "string" or "object", got ' + typeof customizations); return false; } setParameters(params); fixVerticalPosition(); openModal(arguments[1]); // Modal interactions var modal = getModal(); / * Make sure all modal buttons respond to all events / var $buttons = modal.querySelectorAll('button'); var buttonEvents = ['onclick', 'onmouseover', 'onmouseout', 'onmousedown', 'onmouseup', 'onfocus']; var onButtonEvent = (e) => handleButton(e, params, modal); for (let btnIndex = 0; btnIndex < $buttons.length; btnIndex++) { for (let evtIndex = 0; evtIndex < buttonEvents.length; evtIndex++) { let btnEvt = buttonEvents[evtIndex]; $buttons[btnIndex][btnEvt] = onButtonEvent; } } // Clicking outside the modal dismisses it (if allowed by user) getOverlay().onclick = onButtonEvent; previousWindowKeyDown = window.onkeydown; var onKeyEvent = (e) => handleKeyDown(e, params, modal); window.onkeydown = onKeyEvent; window.onfocus = function () { // When the user has focused away and focused back from the whole window. setTimeout(function () { // Put in a timeout to jump out of the event sequence. // Calling focus() in the event sequence confuses things. if (lastFocusedButton !== undefined) { lastFocusedButton.focus(); lastFocusedButton = undefined; } }, 0); }; // Show alert with enabled buttons always swal.enableButtons(); }; / * Set default params for each popup * @param {Object} userParams / sweetAlert.setDefaults = swal.setDefaults = function(userParams) { if (!userParams) { throw new Error('userParams is required'); } if (typeof userParams !== 'object') { throw new Error('userParams has to be a object'); } extend(defaultParams, userParams); }; / * Animation when closing modal / sweetAlert.close = swal.close = function() { var modal = getModal(); fadeOut(getOverlay(), 5); fadeOut(modal, 5); removeClass(modal, 'showSweetAlert'); addClass(modal, 'hideSweetAlert'); removeClass(modal, 'visible'); / * Reset icon animations / var $successIcon = modal.querySelector('.sa-icon.sa-success'); removeClass($successIcon, 'animate'); removeClass($successIcon.querySelector('.sa-tip'), 'animateSuccessTip'); removeClass($successIcon.querySelector('.sa-long'), 'animateSuccessLong'); var $errorIcon = modal.querySelector('.sa-icon.sa-error'); removeClass($errorIcon, 'animateErrorIcon'); removeClass($errorIcon.querySelector('.sa-x-mark'), 'animateXMark'); var $warningIcon = modal.querySelector('.sa-icon.sa-warning'); removeClass($warningIcon, 'pulseWarning'); removeClass($warningIcon.querySelector('.sa-body'), 'pulseWarningIns'); removeClass($warningIcon.querySelector('.sa-dot'), 'pulseWarningIns'); // Reset custom class (delay so that UI changes aren't visible) setTimeout(function() { var customClass = modal.getAttribute('data-custom-class'); removeClass(modal, customClass); }, 300); // Make page scrollable again removeClass(document.body, 'stop-scrolling'); // Reset the page to its previous state window.onkeydown = previousWindowKeyDown; if (window.previousActiveElement) { window.previousActiveElement.focus(); } lastFocusedButton = undefined; clearTimeout(modal.timeout); return true; }; / * Validation of the input field is done by user * If something is wrong => call showInputError with errorMessage / sweetAlert.showInputError = swal.showInputError = function(errorMessage) { var modal = getModal(); var $errorIcon = modal.querySelector('.sa-input-error'); addClass($errorIcon, 'show'); var $errorContainer = modal.querySelector('.sa-error-container'); addClass($errorContainer, 'show'); $errorContainer.querySelector('p').innerHTML = errorMessage; setTimeout(function() { sweetAlert.enableButtons(); }, 1); modal.querySelector('input').focus(); }; / * Reset input error DOM elements / sweetAlert.resetInputError = swal.resetInputError = function(event) { // If press enter => ignore if (event && event.keyCode === 13) { return false; } var $modal = getModal(); var $errorIcon = $modal.querySelector('.sa-input-error'); removeClass($errorIcon, 'show'); var $errorContainer = $modal.querySelector('.sa-error-container'); removeClass($errorContainer, 'show'); }; / * Disable confirm and cancel buttons / sweetAlert.disableButtons = swal.disableButtons = function(event) { var modal = getModal(); var $confirmButton = modal.querySelector('button.confirm'); var $cancelButton = modal.querySelector('button.cancel'); $confirmButton.disabled = true; $cancelButton.disabled = true; }; / * Enable confirm and cancel buttons */ sweetAlert.enableButtons = swal.enableButtons = function(event) { var modal = getModal(); var $confirmButton = modal.querySelector('button.confirm'); var $cancelButton = modal.querySelector('button.cancel'); $confirmButton.disabled = false; $cancelButton.disabled = false; }; if (typeof window !== 'undefined') { // The 'handle-click' module requires // that 'sweetAlert' was set as global. window.sweetAlert = window.swal = sweetAlert; } else { logStr('SweetAlert is a frontend module!'); }	8.12 KB	2026-02-12 14:54
📄 sweetalert.scss // SweetAlert // 2014-2015 (c) - Tristan Edwards // github.com/t4t5/sweetalert body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgb(0, 0, 0); /* IE8 / -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; / IE8 / background-color: rgba(black, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { $width: 478px; $padding: 17px; background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: $width; padding: $padding; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -($width/2 + $padding); margin-top: -200px; overflow: hidden; display: none; z-index: 99999; @media all and (max-width: 540px) { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } fieldset { border: none; position: relative; } .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; &.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: rgb(234, 125, 125); color: white; line-height: 24px; text-align: center; margin-right: 3px; } p { display: inline-block; } } .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; &::before, &::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } &::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } &::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } &.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(215, 215, 215); height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(black, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; &:focus { outline: none; box-shadow: 0px 0px 3px rgb(196, 230, 245); border: 1px solid rgb(180, 219, 237); &::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } &:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } &::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } } &::-moz-placeholder { color: lighten(#575757, 40); } &:-ms-input-placeholder { color: lighten(#575757, 40); } &::-webkit-input-placeholder { color: lighten(#575757, 40); } } &.show-input input { display: block; } .sa-confirm-button-container { display: inline-block; position: relative; } .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } button { $btnBlue: #8CD4F5; $btnGray: #C1C1C1; background-color: $btnBlue; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; &:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } &:hover { background-color: darken($btnBlue, 3%); } &:active { background-color: darken($btnBlue, 10%); } &.cancel { background-color: $btnGray; &:hover { background-color: darken($btnGray, 3%); } &:active { background-color: darken($btnGray, 10%); } // Cancel button should keep the same style &:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } } &[disabled] { opacity: .6; cursor: default; } &.confirm[disabled] { color: transparent; ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } } // Removes selection outline in Firefox &::-moz-focus-inner { border: 0; } } // Only show focus-style when there is multiple choice of actions &[data-has-cancel-button=false] button { box-shadow: none !important; } &[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sa-icon { $red: #F27474; $orange: #F8BB86; $blue: #C9DAE1; $green: #A5DC86; width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; &.sa-error { border-color: $red; .sa-x-mark { position: relative; display: block; } .sa-line { position: absolute; height: 5px; width: 47px; background-color: $red; display: block; top: 37px; border-radius: 2px; &.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } &.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } } } &.sa-warning { border-color: $orange; .sa-body { // Exclamation mark body position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: $orange; } .sa-dot { // Exclamation mark dot position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: $orange; } } &.sa-info { border-color: $blue; &::before { // i-letter body content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: $blue; } &::after { // i-letter dot content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: $blue; } } &.sa-success { border-color: $green; &::before, &::after { // Emulate moving circular line content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } &::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } &::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sa-placeholder { // Ring width: 80px; height: 80px; border: 4px solid rgba($green, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sa-fix { // Hide corners left from animation width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sa-line { height: 5px; background-color: $green; display: block; border-radius: 2px; position: absolute; z-index: 2; &.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } &.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } } &.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } } } / * Animations */ @mixin keyframes($animation-name) { @-webkit-keyframes #{$animation-name} { @content; } @keyframes #{$animation-name} { @content; } } @mixin animation($str) { -webkit-animation: #{$str}; animation: #{$str}; } // Modal animation @include keyframes(showSweetAlert) { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @include keyframes(hideSweetAlert) { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @include keyframes(slideFromTop) { 0% { top: 0%; } 100% { top: 50%; } } @include keyframes(slideToTop) { 0% { top: 50%; } 100% { top: 0%; } } @include keyframes(slideFromBottom) { 0% { top: 70%; } 100% { top: 50%; } } @include keyframes(slideToBottom) { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert { &[data-animation=pop] { @include animation('showSweetAlert 0.3s'); } &[data-animation=none] { @include animation('none'); } &[data-animation=slide-from-top] { @include animation('slideFromTop 0.3s'); } &[data-animation=slide-from-bottom] { @include animation('slideFromBottom 0.3s'); } } .hideSweetAlert { &[data-animation=pop] { @include animation('hideSweetAlert 0.2s'); } &[data-animation=none] { @include animation('none'); } &[data-animation=slide-from-top] { @include animation('slideToTop 0.4s'); } &[data-animation=slide-from-bottom] { @include animation('slideToBottom 0.3s'); } } // Success icon animation @include keyframes(animateSuccessTip) { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @include keyframes(animateSuccessLong) { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @include keyframes(rotatePlaceholder) { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { @include animation('animateSuccessTip 0.75s'); } .animateSuccessLong { @include animation('animateSuccessLong 0.75s'); } .sa-icon.sa-success.animate::after { @include animation('rotatePlaceholder 4.25s ease-in'); } // Error icon animation @include keyframes(animateErrorIcon) { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { @include animation('animateErrorIcon 0.5s'); } @include keyframes(animateXMark) { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { @include animation('animateXMark 0.5s'); } @include keyframes(pulseWarning) { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { @include animation('pulseWarning 0.75s infinite alternate'); } @include keyframes(pulseWarningIns) { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { @include animation('pulseWarningIns 0.75s infinite alternate'); } @include keyframes(rotate-loading) { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }	14.41 KB	2026-02-12 14:54

Terminal