One Hat Cyber Team

Your IP : 172.69.214.92

Server IP : 188.114.97.7

Server : Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64

Server Software : Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2

PHP Version : 8.3.17

Buat File | Buat Folder

Dir : ~/var/www/html/theme/dev/components/line/

Edit File: line.scss

@import "../bootstrap/scss/functions";
@import "../base/functions";
@import "../base/variables";
@import "../bootstrap/scss/variables";
@import "../bootstrap/scss/mixins";
@import "../base/mixins";

// Context dark
.context-dark {
	.line-item {
		&::before {
			border-bottom-color: rgba( $white, .1 );
		}
	}
}

// Media
@include media-breakpoint-up(md) {
	.line {
		position: relative;
		display: inline-flex;
		padding-bottom: px-to-rem( 20px );
	}

.line-item {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		pointer-events: none;

&::before,
		&::after {
			position: absolute;
			right: px-to-rem( 25px );
			content: '';
		}

&::before {
			bottom: 3px;
			width: 100vw;
			border-bottom: 1px solid $border-color;
		}

&::after {
			bottom: 0;
			width: 7px;
			height: 7px;
			background-color: $primary;
		}
	}
}

@include media-breakpoint-up( lg ) {
	.line {
		padding-bottom: px-to-rem( 32px );

.line-item {
			&::before,
			&::after {
				right: px-to-rem( 75px );
			}
		}
	}

.line-2  {
		padding-bottom: px-to-rem( 75px );

.line-item {
			&::before,
			&::after {
				right: px-to-rem( 6px );
			}
		}
	}

.line-4 {
		padding-bottom: px-to-rem( 38px );

.line-item {
			&::before,
			&::after {
				right: 0;
			}
		}
	}
}

@include media-breakpoint-up( xxl ) {
	.line-3 {
		padding-bottom: 0;

.line-item {
			&::before,
			&::after {
				top: 27px;
				right: calc( 100% + 30px );
				bottom: auto;
			}

&::before {
				top: 30px;
			}
		}
	}
}