One Hat Cyber Team

Your IP : 108.162.216.17

Server IP : 188.114.96.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/social/

Edit File: social.scss

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

// Base
.social {
	> li {
		display: inline-block;
	}
}

.social-bordered {
	position: relative;
	display: flex;
	justify-content: center;
	@include groupX( 16px );

&::before {
		position: absolute;
		top: calc(50% - 1px);
		left: 50%;
		width: 100%;
		max-width: 800px;
		transform: translateX( -50% );
		content: '';
		border-bottom: 1px solid $border-color;
	}

.social-icon {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		min-width: 42px;
		min-height: 42px;
		color: rgba( $white, .3 );
		background-color: $gray-900;
		border: 1px solid $border-color;
		transition: $transition-base;

&:hover {
			background-color: $primary;
		}
	}
}

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