One Hat Cyber Team

Your IP : 172.71.120.56

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/button/

Edit File: button.scss

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

// Base
.btn {
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: $btn-border-width solid transparent;
	font-family: $btn-font-family;
	font-weight: $btn-font-weight;
	text-transform: uppercase;
	box-shadow: $btn-box-shadow;
	background: $primary;
	color: $white;
	transition: $transition-base;
	letter-spacing: .04em;

@include button-size(
		$btn-padding-y,
		$btn-padding-x,
		$btn-font-size,
		$btn-line-height,
		$btn-border-radius
	);

&::before {
		position: absolute;
		left: -2px;
		top: -2px;
		right: -2px;
		bottom: -2px;
		z-index: -1;
		background-color: $gray-800;
		content: '';
		transform: scale( .8 );
		opacity: 0;
		transition: inherit;
		border-radius: $btn-border-radius;
	}

&:hover,
	&.hover,
	&:active,
	&.active {
		text-decoration: none;
		color: $white;

&::before {
			opacity: 1;
			transform: scale( 1 );
		}
	}

&:focus,
	&.focus {
		outline: 0;
	}

&.disabled,
	&:disabled {
		opacity: $btn-disabled-opacity;
		pointer-events: none;
	}
}

// Spacing
* + .btn {
	margin-top: px-to-rem( 22px );
}

table + .btn {
	margin-top: px-to-rem( 15px );
}

.rd-range-value + .btn,
.rd-range + .btn {
	margin-top: px-to-rem( 13px );
}

// Theming
.btn-outline {
	font-weight: 700;
	color: $gray-900;
	background: transparent;
	border-color: $gray-900;

&::before {
		background-color: $gray-900;
	}

&:hover {
		color: $white;
	}
}

.btn-block {
	display: flex;
	width: 100%;
}

// Sizing
.btn-sm {
	padding: 9px $btn-padding-x-sm 7px;
}

// Context dark
.context-dark {
	.btn-outline {
		color: $white;
		border-color: rgba( $white, .3 );

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

// Media
@include media-breakpoint-up(md) {
	.row + .btn {
		margin-top: px-to-rem( 50px );
	}
}

@include media-breakpoint-up(lg) {
	table + .btn {
		margin-top: px-to-rem( 20px );
	}

h2 + .btn {
		margin-top: px-to-rem( 42px );
	}

h1 + .btn {
		margin-top: px-to-rem( 37px );
	}
}