One Hat Cyber Team

Your IP : 172.69.58.131

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

View File Name : _thumbnail-ordered.scss

// Base

.thumbnail-ordered {
	padding: px-to-rem( 9px );
	transition: $transition-base;

	.thumbnail-number {
		display: flex;
		align-items: center;
		transition: $transition-base;
		min-width: 125px;

		&::before {
			width: 0;
			content: '';
			border-bottom: 1px solid $primary;
			transition: inherit;
		}
	}

	.thumbnail-media {
		display: block;
		transition: $transition-base;

		> img {
			width: 100%;
		}

		&:hover {
			opacity: .8;
		}
	}

	.thumbnail-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: px-to-rem( 15px, 0, 15px );
	}

	.thumbnail-body {
		padding: px-to-rem( 15px, 15px, 25px );
	}

	.thumbnail-title {
		color: $black;
	}

	&:hover {
		background-color: $gray-100;

		.thumbnail-number {
			color: $gray-900;

			&::before {
				width: 21px;
				margin-right: px-to-rem( 18px );
			}
		}
	}

	* + .thumbnail-text { margin-top: px-to-rem( 15px ) }
	* + .thumbnail-link { margin-top: px-to-rem( 8px ) }
}

.thumbnail-progress {
	color: $gray-600;
}

.thumbnail-progress-ready {
	color: $primary;
}

// Media
@include media-breakpoint-up( xl ) {
	.thumbnail-ordered {
		.thumbnail-header {
			padding: px-to-rem( 40px, 0, 23px );
		}

		.thumbnail-body {
			padding: px-to-rem( 21px, 15px, 50px );
		}

		* + .thumbnail-link { margin-top: px-to-rem( 17px ) }
	}
}

@include media-breakpoint-up( xxl ) {
	.thumbnail-ordered {
		.thumbnail-header {
			padding: px-to-rem( 58px, 0, 38px, 35px );
		}

		.thumbnail-body {
			padding: px-to-rem( 41px, 5px, 73px, 35px );
		}
	}
}