One Hat Cyber Team

Your IP : 172.70.127.240

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

View File Name : counter.scss

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


// Variables
$counter-color: $gray-900;
$counter-icon-color: $primary;
$counter-size: 40px;


// Base
.counter-value {
	font-size: $counter-size * .6;
	font-weight: 500;
	line-height: 1;
	color: $counter-color;

	> * {
		display: inline-block;
	}
}

.counter-icon {
	position: relative;
	top: -2px;
	margin-left: 12px;
	font-size: .825em;
	color: $counter-icon-color;
}

.counter-title {
	text-transform: uppercase;
	font-size: $font-size-sm;
	line-height: 1.16;
	letter-spacing: 0.06em;
}


// Spacing
* + .counter-title { margin-top: px-to-rem( 8px ) }


// Modifying
.counter-bordered {
	padding-left: px-to-rem( 24px );
	border-left: 1px solid $gray-400;
}


// Context dark
.context-dark {
	.counter-value {
		color: $white;
	}

	.counter-title {
		color: rgba( $white, .6 );
	}

	.counter-bordered {
		border-left-color: rgba( $white, .1 );
	}
}

// Media
@include media-breakpoint-up( md ) {
	.counter-value {
		font-size: $counter-size * .8;
		line-height: .7;
	}
}

@include media-breakpoint-up( xl ) {
	.counter-value {
		font-size: $counter-size;
		line-height: .6;
	}

	* + .counter-title { margin-top: px-to-rem( 22px ) }
}