9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / kadu / assets / scss / components / _error.scss

run：R W Run

_about.scss

11.46 KB

2024-06-07 08:38:52

R W Run

_animation.scss

3.86 KB

2024-06-02 09:44:42

R W Run

_back-to-top.scss

1.11 KB

2024-04-25 09:34:42

R W Run

_blog-page.scss

26.83 KB

2024-06-11 06:51:22

R W Run

_blog.scss

11.77 KB

2024-06-06 04:16:02

R W Run

_breadcrumb.scss

2.53 KB

2024-06-12 03:56:04

R W Run

_button.scss

10.66 KB

2024-06-06 11:59:28

R W Run

_choose-us.scss

7.76 KB

2024-06-06 11:53:36

R W Run

_client.scss

4.37 KB

2024-05-28 11:54:48

R W Run

_contact-us.scss

3.81 KB

2024-06-11 08:55:10

R W Run

_counter.scss

3.1 KB

2024-05-30 05:51:10

R W Run

_course-details.scss

29.48 KB

2024-06-09 06:18:52

R W Run

_course.scss

34.5 KB

2024-06-04 06:49:00

R W Run

_cta.scss

6.27 KB

2024-06-06 05:12:08

R W Run

_error.scss

2.65 KB

2024-06-11 10:20:46

R W Run

_event-details.scss

9.96 KB

2024-06-10 05:05:32

R W Run

_event.scss

7.68 KB

2024-06-09 11:06:54

R W Run

_faq.scss

1.27 KB

2024-05-26 10:40:32

R W Run

_footer.scss

18.39 KB

2024-06-06 08:53:18

R W Run

_full-page-nav.scss

4.43 KB

2024-06-11 12:42:00

R W Run

_gallery.scss

3.55 KB

2024-06-10 06:49:40

R W Run

_header.scss

17.28 KB

2024-06-11 11:02:34

R W Run

_hero.scss

18.73 KB

2024-06-11 10:40:22

R W Run

_instructor-details.scss

5.15 KB

2024-06-09 09:15:04

R W Run

_popular-category.scss

12.24 KB

2024-06-06 09:59:08

R W Run

_preloader.scss

621 By

2024-05-28 04:48:48

R W Run

_price.scss

9.83 KB

2024-05-30 05:52:22

R W Run

_privacy-page.scss

1.33 KB

2024-06-11 09:15:36

R W Run

_search.scss

3.03 KB

2024-06-11 10:42:44

R W Run

_services.scss

10.43 KB

2024-06-03 04:06:10

R W Run

_team.scss

9.23 KB

2024-06-09 06:56:08

R W Run

_testimonial.scss

12.14 KB

2024-06-06 10:34:22

R W Run

_title.scss

2.9 KB

2024-06-02 12:32:10

R W Run

_video-course.scss

4.96 KB

2024-05-30 10:54:24

R W Run

error_log

📄_error.scss

/* 
    error-start
*/
.error-page-content {
    text-align: center;

img {
        margin-bottom: 50px;
    }

.title {
        font-family: var(--kd-font-pr-1);
        font-size: 55px;
        line-height: 1.18;
        color: var(--kd-clr-h-1);
        font-weight: 900;
        margin-bottom: 50px;

@media #{$lg} {
            font-size: 45px;
        }

@media #{$md} {
            font-size: 40px;
        }

@media #{$xs} {
            font-size: 30px;
        }

@media #{$sm} {
            font-size: 35px;
        }
    }

.error-btn {
        display: inline-block;
        font-family: var(--kd-font-pr-1);
        color: #fff;
        font-weight: 800;
        font-size: 15px;
        line-height: 1;
        background: var(--kd-clr-pr-1);
        border-radius: 30px;
        padding: 20px 31px;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
        transition: .3s var(--cube-1);
    
        .icon {
            display: inline-block;
            margin-left: 5px;
            transition: .3s var(--cube-1);
        }
    
        .text {
            display: inline-block;
            position: relative;
            z-index: 1;
            overflow: hidden;
            margin-bottom: -3px;
    
            &::after {
                top: 0;
                left: 0;
                opacity: 0;
                width: 100%;
                display: block;
                transition: 0.5s;
                position: absolute;
                background: transparent;
                color: #000;
                content: attr(data-back);
                transform: translateX(-100%);
            }
        
            &::before {
                top: 0;
                left: 0;
                opacity: 1;
                display: block;
                transition: 0.5s;
                position: relative;
                background: var(--blta-pr-1);
                color: #fff;
                content: attr(data-front);
                transform: translateX(0);
            }
        }
    
        &:hover {
            color: #fff;
            background: var(--kd-clr-sd-1);

.icon {
                color: #000;
            }
        
            .text {
                &::after {
                    opacity: 1;
                    transform: translateX(0);
                }
                &::before {
                    opacity: 0;
                    transform: translateX(100%);
                }
            }
    
        }
    
    }
}
/* 
    error-end
*/