9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / kadu / assets / scss / abstracts / _common.scss

run：R W Run

_common.scss

5.66 KB

2024-06-02 10:09:04

R W Run

_variables.scss

1.58 KB

2024-06-02 05:07:24

R W Run

error_log

📄_common.scss

/* 
    global-css-start
*/

body {
    font-family: var(--kd-font-pr-1);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: var(--kd-clr-p-1);
}

.img,img {
    max-width: 100%;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}
a , span {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
    transition: inherit;
}

button {
    border: none;
    outline: none;
}

a:focus,
a:hover
{
    color: inherit;
    text-decoration: none;
}

h1 {
    font-size: 55px;
}
h2 {
    font-size: 55px;
}
h3 {
    font-size: 42px;
}
h4 {
    font-size: 27px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 16px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

::-moz-selection {
    background-color: #3065D0;
    color: white;
    text-shadow: none;
}
::-moz-selection {
    background-color: #3065D0;
    color: white;
    text-shadow: none;
}
::selection {
    background-color:#3065D0;
    color: white;
    text-shadow: none;
}

input ,textarea {

&::placeholder {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        font-family: inherit;
    }

}

input:focus::placeholder, textarea:focus::placeholder {
    opacity: 0;
}

@media #{$over,$xxxl,$xxl,$xl,$lg,$md} {
    ::-webkit-scrollbar {
        width: 5px;
        background-color: transparent;
        box-shadow: none;
        border: none;
    }
        
    ::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: none;
    border: none;
    }
        
    ::-webkit-scrollbar-thumb {
    background: var(--kd-clr-pr-1);
    border-radius: 30px;
    }
}

/* 
    global-css-start
*/

/* 
    margin-&-padding_veriable-start
*/

@for $i from 1 through 40 {
    .mt-#{5 * $i}{margin-top: 5px * $i;}
}

@for $i from 1 through 40 {
    .mb-#{5 * $i}{margin-bottom: 5px *$i;}
}

@for $i from 1 through 40 {
    .ml-#{5 * $i}{margin-left: 5px * $i;}
}

@for $i from 1 through 40 {
    .mr-#{5 * $i}{margin-right: 5px *$i;}
}

@for $i from 1 through 40 {
    .pt-#{5 * $i}{padding-top: 5px *$i;}
}

@for $i from 1 through 60 {
    .pb-#{5 * $i}{padding-bottom: 5px *$i;}
}

@for $i from 1 through 40 {
    .pl-#{5 * $i}{padding-left: 5px *$i;}
}

@for $i from 1 through 40 {
    .pr-#{5 * $i}{padding-right: 5px *$i;}
}

/* 
    margin-&-padding_veriable-end
*/

/* 
    all-common-class-start
*/

@media (min-width: 1300px) {
    .container{
        &.kd-container-1 {
            max-width: 1275px;
        }
        &.kd-container-2 {
            max-width: 1315px;
        }

}
    
}

.fix {
    overflow: hidden;
}

.img-cover {
    img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

.bg-default {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.flaticon {
    display: inline-block;
    line-height: 0.65;
}

.z-index-3 {
    position: relative;
    z-index: 3;
}

.p-absolute {
    position: absolute;
}

.p-relative {
    position: relative;
    z-index: 1;
}

.kd-h2-split-text {
	text-transform: unset !important;
	overflow: hidden;
	.split-line {
		div {

div {
				&:nth-child(1) {
					text-transform: capitalize;
				}
			}
		}
	}
}

.kd-split-text {
	text-transform: unset !important;
	letter-spacing: -.5px;
	overflow: hidden;
    perspective: 2000px;
    transform-style: preserve-3d;
    padding-bottom: 4px;
	.split-line {
		div {

div {
				&:nth-child(1) {
					text-transform: capitalize;
				}
			}
		}
	}
}

.rtl-home {
    direction: rtl;

.split-line {
		div {
            direction: ltr;
		}
	}
}

.kd-font-pr-1 {
    font-family: var(--kd-font-pr-1);
}

.kd-font-sd-1 {
    font-family: var(--kd-font-sd-1);
}

.kd-font-400 {
    font-weight: 400;
}

.kd-font-500 {
    font-weight: 500;
}

.kd-font-600 {
    font-weight: 600;
}

.kd-font-700 {
    font-weight: 700;
}

.kd-font-800 {
    font-weight: 800;
}

.kd-font-900 {
    font-weight: 900;
}

.kd-clr-white {
    color: #fff;
}

.kd-clr-pr-1 {
    color: var(--kd-clr-pr-1);
}

.kd-clr-sd-1 {
    color: var(--kd-clr-sd-1);
}

.kd-clr-h-1 {
    color: var(--kd-clr-h-1);
}

.kd-clr-p-1 {
    color: var(--kd-clr-p-1);
}

.kd-ml-auto {
    margin-left: auto;
}

.kd-mr-auto {
    margin-right: auto;
}

.line-limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;

&:is(.has-line-1) {
        -webkit-line-clamp: 1; 
        line-clamp: 1; 
    }

&:is(.has-line-2) {
        -webkit-line-clamp: 2; 
        line-clamp: 2; 
    }

&:is(.has-line-3) {
        -webkit-line-clamp: 3; 
        line-clamp: 3; 
    }

&:is(.has-line-4) {
        -webkit-line-clamp: 4; 
        line-clamp: 4; 
    }

&:is(.has-line-5) {
        -webkit-line-clamp: 5; 
        line-clamp: 5; 
    }

&:is(.has-line-6) {
        -webkit-line-clamp: 6; 
        line-clamp: 6; 
    }

&:is(.has-line-7) {
        -webkit-line-clamp: 7; 
        line-clamp: 7; 
    }

&:is(.has-line-8) {
        -webkit-line-clamp: 8; 
        line-clamp: 8; 
    }

&:is(.has-line-9) {
        -webkit-line-clamp: 9; 
        line-clamp: 9; 
    }

&:is(.has-line-10) {
        -webkit-line-clamp: 10; 
        line-clamp: 10; 
    }
}

/* 
    all-common-class-end
*/