One Hat Cyber Team

Your IP : 172.69.214.93

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/htmlOld/theme/dev/components/term-list/

Edit File: term-list.scss

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

dt {
	font-weight: 400;
}

.term-list-lg {
	* + dd { margin-top: px-to-rem( 15px ) }
}

* + .term-list-lg { margin-top: px-to-rem( 20px ) }

// Term list divided
.term-list-divided {
	padding-left: px-to-rem( 20px );

dt {
		position: relative;

&::before {
			position: absolute;
			top: .68em;
			right: 100%;
			content: '';
			width: px-to-rem( 10px );
			height: 1px;
			background-color: $primary;
			transform: translateX( -5px );
		}
	}

* + dd { margin-top: px-to-rem( 5px ) }
}

* + .term-list-divided { margin-top: px-to-rem( 20px ) }

// Term list inline
.term-list-inline {
	dt, dd {
		display: inline-block;
	}

dt {
		font-weight: 500;
		color: $gray-900;
	}

dd {
		color: $gray-600;
	}
}

.term-list-inline + .term-list-inline { margin-top: 7px }
* + .term-list-inline { margin-top: px-to-rem( 12px ) }

// Context dark
.context-dark {
	.term-list {
		dt {
			color: inherit;
		}
	}
}

// Media
@include media-breakpoint-up( lg ) {
	.term-list-divided {
		padding-left: px-to-rem( 40px );

dt {
			position: relative;

&::before {
				top: .72em;
				width: px-to-rem( 26px );
				transform: translateX( -13px );
			}
		}

* + dd { margin-top: px-to-rem( 12px ) }
	}

* + .term-list-divided { margin-top: px-to-rem( 53px ) }
	* + .term-list-inline { margin-top: px-to-rem( 20px ) }
	* + .term-list-lg { margin-top: px-to-rem( 25px ) }
}