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/base/
View File Name : _variables.scss

// Variables

$gray-100: #F1EBEE;
$gray-200: #e3e3e3;
$gray-400: #cfcfcf;
$gray-600: #8d8d8d;
$gray-700: #515151;
$gray-800: #2f3340;
$gray-900: #272b37;
$gray-darkest: #171d2f;
$white:    #fff;

$primary:       #F2B449;

$bg-gradient: linear-gradient(125.58deg, #6F5D86 2.05%, #9D769F 17.79%, #B27EB2 27.53%, #D17F7B 44.74%, #8A5C7D 100%);

$context-light: rgba( $white, .6 );

// Gradients
$gradient-gray-1: linear-gradient( 180deg, rgba( $gray-800, 0 ) 0%, rgba( $gray-800, 0.34 ) 100% );

// Body
$body-color: $gray-700;

// Fonts
$font-family-base: 'Spartan', sans-serif;
$font-size-base: px-to-rem( 16px );
$font-size-lg:   px-to-rem( 18px );
$font-size-sm:   px-to-rem( 12px );
$line-height-base: 1.7;
$line-height-lg:   1.58;
$line-height-sm:   1.15;

$h1-font-size: px-to-rem( 60px );
$h2-font-size: px-to-rem( 39px );
$h3-font-size: px-to-rem( 27px );
$h4-font-size: px-to-rem( 20px );
$h5-font-size: px-to-rem( 18px );
$h6-font-size: px-to-rem( 16px );

$h1-line-height: px-to-rem( 78px );
$h2-line-height: px-to-rem( 51px );
$h3-line-height: px-to-rem( 35px );
$h4-line-height: px-to-rem( 28px );
$h5-line-height: px-to-rem( 28px );
$h6-line-height: px-to-rem( 27px );

$headings-font-weight: 400;
$headings-color: $gray-900;

$list-inline-padding: px-to-rem( 16px );

$mark-bg: $primary;

$link-hover-color: $gray-800;

// Components
$border-color: $gray-400;
$border-width: 1px;

$border-radius: 0;

$box-shadow-sm: 0px 7px 20px rgba( $gray-900, 0.15 );
$box-shadow: 0 10px 30px rgba( $gray-900, 0.15 );
$box-shadow-md: 0px 20px 30px rgba( $gray-900, 0.25 );
$box-shadow-lg: 0px 20px 30px rgba( $gray-900, 0.8 );

// Grid breakpoints
$grid-breakpoints: (
	xxs: 0,
	xs: 480px,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1600px
);

// Grid containers
$container-max-widths: (
	sm: 540px,
	md: 720px,
	lg: 960px,
	xl: 1200px
);

$container-wide-max-width: 1790px;

// Buttons + Forms
$input-btn-padding-y: px-to-rem( 13px );
$input-btn-padding-x: px-to-rem( 20px );
$input-btn-font-size: $font-size-base;
$input-btn-line-height: $line-height-base;

// Buttons
$btn-box-shadow: none;
$btn-font-size: $font-size-sm;
$btn-font-weight: 700;
$btn-line-height: $line-height-base * 1.05;
$btn-padding-y: px-to-rem( 16px );
$btn-padding-x: px-to-rem( 47px );
$btn-border-radius: 30px;


$btn-padding-y-sm: px-to-rem( 8px );
$btn-padding-x-sm: px-to-rem( 18px );

// Forms
$label-font-size: $font-size-base;

$input-padding-y: $input-btn-padding-y;
$input-padding-x: $input-btn-padding-x;
$input-font-size: $font-size-base;
$input-line-height: $line-height-base;
$input-font-weight: 400;
$input-border-width: $border-width;
$input-border-radius: 30px;

$input-bg: $gray-100;
$input-disabled-bg: rgba( $gray-100, .8 );
$input-border-color: $border-color;

$input-focus-bg: $white;
$input-focus-color: $gray-900;
$input-focus-border-color: $input-border-color;
$input-focus-box-shadow: 0 0 0 1px $input-focus-border-color;

$input-color: $body-color;
$input-placeholder-color: $input-color;

$input-height-border: $input-border-width * 2;
$input-height: #{$input-font-size * $input-line-height + $input-padding-y * 2 + px-to-rem($input-height-border)};

$input-group-addon-color: $input-focus-color;
$input-group-addon-bg: $input-bg;

$form-group-margin-bottom: 0;

// Z-index master list
$zindex-dropdown:       10;
$zindex-sticky:         11;
$zindex-popover:        12;
$zindex-tooltip:        13;
$zindex-fixed:          14;
$zindex-modal-backdrop: 15;
$zindex-modal:          16;