One Hat Cyber Team

Your IP : 172.69.214.93

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/rd-navbar/

Edit File: rd-navbar.scss

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

// Variables
$navbar-color: $white;
$navbar-hover: $primary;
$navbar-background: rgba( $gray-900, .9 );
$navbar-zindex: $zindex-fixed;
$navbar-shadow: 0 0 28px rgba( $gray-600, 0.1 );

$navbar-dropdown-color: $gray-700;

// Base
.rd-navbar {
	position: relative;
	z-index: $navbar-zindex;
	color: $navbar-color;

li {
		list-style: none;
	}
}

.navbar-button {
	position: relative;
	display: block;
	border: none;
	font-size: 18px;
	width: 18px;
	height: 18px;
	line-height: 1;
	opacity: 1;
	visibility: visible;
	background: none;
	color: inherit;
	transition: .25s ease-in-out;

&::before,
	&::after {
		position: absolute;
		top: 50%;
		left: 50%;
		transition: .25s, color 0s;
	}

&::before {
		transform: translate( -50%, -50% ) rotate(0) scale(1);
		opacity: 1;
	}

&::after {
		content: '\ec2a';
		transform: translate( -50%, -50% ) rotate(90deg)  scale(0);
		font-family: 'Linearicons';
		opacity: 0;
	}

&:hover {
		color: rgba( $white, .5 );
	}

&.navbar-info-active,
	&.navbar-search-active,
	&.navbar-cart-active,
	&.navbar-contact-active,
	&.navbar-navigation-active,
	&.navbar-social-active,
	&.navbar-list-active,
	&.active {
		&::before {
			transform: translate( -50%, -50% ) rotate(-90deg)  scale(0);
			opacity: 0;
		}

&::after {
			transform: translate( -50%, -50% ) rotate(0deg)  scale(1);
			opacity: 1;
		}

.navbar-button-badge {
			transform: rotate(-90deg)  scale(0);
			opacity: 0;
		}
	}
}

.navbar-button-badge {
	position: absolute;
	top: -3px;
	right: -10px;
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: $font-size-sm;
	color: $navbar-color;
	background-color: $primary;
	border-radius: 50%;
	transition: .25s, color 0s;
}

// Logo
.logo {
	//padding: 10px;
}

.logo-link {
	display: block;
}

.logo-default,
.logo-inverse {
	margin: 0;
}

.logo-inverse {
	display: none;
}

// Navbar list
.navbar-list {
	display: flex;
	align-items: center;
}

// Layouts
@import 'rd-navbar-fixed';
@import 'rd-navbar-fullwidth';