One Hat Cyber Team

Your IP : 172.71.120.55

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/html/theme/dev/components/blurb/

Edit File: blurb.scss

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

// Variables
$blurb-icon-color: $primary;
$blurb-icon-fsz: 33px;

// Base
.blurb-header {
	display: flex;
	align-items: center;
}

.blurb-icon {
	font-size: $blurb-icon-fsz;
	color: $blurb-icon-color;
}

.blurb-icon-round {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: $white;
	border-radius: 50%;
	box-shadow: -5px 20px 30px rgba(39, 43, 55, 0.15);
	flex-shrink: 0;
}

.blurb-title {
}

// Modifying
.blurb-icon-left {
	max-width: 96%;

.blurb-header {
		max-width: 210px;
	}

.blurb-title {
		margin-top: px-to-rem( 12px );
		margin-left: px-to-rem( 20px );
	}

* + .blurb-text { margin-top: px-to-rem( 10px ) }
}

.blurb-icon-left-width-1 {
	max-width: 300px;

.blurb-header {
		max-width: none;
	}
}

.blurb-info {
	max-width: 96%;

.blurb-header {
		max-width: 290px;
		align-items: center;
	}

.blurb-title {
		margin-left: px-to-rem( 15px );
	}

* + .blurb-embed { margin-top: px-to-rem( 6px ) }
}

* + .blurb-info { margin-top: px-to-rem( 20px ) }

.blurb-hover {
	position: relative;
	z-index: 0;
	max-width: 84%;

&::before {
		position: absolute;
		top: -20px;
		right: -20px;
		bottom: -20px;
		left: -20px;
		z-index: -1;
		content: '';
		opacity: 0;
		background-color: $white;
		box-shadow: $box-shadow;
		transform: scale( .9 );
		transition: .25s;
	}

.blurb-header {
		max-width: 290px;
	}

* + .blurb-title { margin-top: px-to-rem( 10px ) }
	* + .blurb-text { margin-top: px-to-rem( 4px ) }
}

// Blurb link
.blurb-link {
	display: inline-flex;
	align-items: center;
	transition: $transition-base;

.blurb-title {
		margin-top: 0;
	}

.blurb-icon {
		margin-right: px-to-rem( 17px );
		font-size: px-to-rem( 26px );
	}

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

&:hover {
		&::before {
			width: px-to-rem( 19px );
			margin-right: px-to-rem( 12px );
		}
	}
}

// Blurb link
.blurb-link-2 {
	align-items: center;
	transition: $transition-base;
	@include group( 17px, 13px );
}

// Context dark
.context-dark {
	.blurb-hover {
		&::before {
			background-color: rgba( $white, .1 );
			box-shadow: none;
		}
	}
}

// Media
@include media-breakpoint-up(sm) {
	.blurb-link-2 {
		display: inline-flex;
	}
}

@include media-breakpoint-up( xl ) {
	.blurb-icon-left {
		* + .blurb-text { margin-top: px-to-rem( 14px ) }
	}

.blurb-info {
		* + .blurb-embed { margin-top: px-to-rem( 13px ) }
	}

* + .blurb-info { margin-top: px-to-rem( 41px ) }
}

@include media-breakpoint-up( xxl ) {
	.blurb-hover {
		&:hover {
			&::before {
				opacity: 1;
				transform: scale( 1 );
			}
		}

* + .blurb-text { margin-top: px-to-rem( 9px ) }
	}
}