9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / kadu / assets / scss / components / _search.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

📄_search.scss

/* 
    search-box-css-start
*/
.popup-search-box {
    background-color: var(--kd-clr-pr-1);
    position: fixed;
    display: flex;
    left: 0;
    top: -100px;
    width: 100%;
    z-index: 9;
    height: 100vh;
    align-items: center;
    transform: scaleY(0);
    transition: 500ms var(--cube-1);
    transform-origin: top;
    visibility: hidden;

&-close {
        height: 50px;
        width: 50px;
        font-size: 26px;
        border: none;
        outline: none;
        border-radius: 5px;
        background: #fff;
        color: #000;
        flex: 0 0 auto;
        transition: 300ms var(--cube-1);
        position: absolute;
        right: 50px;
        top: 50px;
        line-height: 1;
        
        @media #{$xs} {
            top: 15px;
            right: 15px;
        }

i {
            font-weight: 700;
            line-height: 1;
        }

&:hover {
            background: var(--kd-clr-sd-1);
            color: #000;
        }
    }

&-container {
        max-width: 600px;
    }

.title {
        color: #fff;
        margin-bottom: 25px;
        font-size: 40px;

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

&-form {
        display: flex;
        @media #{$xs} {
            flex-wrap: wrap;
        }
        @media #{$sm} {
            flex-wrap: nowrap;
        }

}

@media #{$xs} {
        height: 100%;
        overflow-y: auto;
    }
    &.active {
        top: 0;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
    }
    & form {
        position: relative;
        width: 100%;
        @media #{$xs} {
            margin-bottom: 50px;
        }
        @media #{$sm} {
            margin-bottom: 0px;
        }
    }
    &-input {
        & input {
            width: 100%;
            height: 60px;
            background: #fff;
            border: 1px solid #0000003d;
            border-radius: 5px;
            border: none;
            outline: none;
            font-size: 18px;
            font-weight: 700;
            color: #000;
            padding: 0 30px;
            padding-right: 115px;
            font-family: var(--kd-font-pr-1);

&::placeholder {
                color: #000;
                font-size: 18px;
            }
        }
    }
    & button[type="submit"] {
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        padding: 0 30px;
        background: var(--kd-clr-sd-1);
        color: #000;
        font-size: 24px;
        border-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: none;
        transition: 300ms var(--cube-1);

i {
            font-weight: 700;
        }

&:hover {
            color: #fff;
            background: #000;
        }
    }
}

/* 
    search-box-css-end
*/