You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

79 lines
2.7 KiB

// 반응형 포인트
$break-desktop : 1200px;
$break-tablet : 992px;
$break-mobile : 768px;
// 색상 변수
$color-primary : #5399ea; // 메인 컬러
$color-secondary : #404040; // 서브 컬러
$color-success : #1ffd32;
$color-info : #3498db;
$color-warning : #ffb802;
$color-danger : #e32815;
$color-light : #f8f9fa;
$color-dark : #343a40;
$body-color : #282828; // 기본 텍스트 색상
$body-bg-color : #f4f8f9; // 기본 배경 색상
$link-color : $body-color; // 링크 텍스트 색상
$link-hover-color : $color-primary; // 링크 오버시 텍스트 색상
// 폰트 관련
$font-family-base : 'Noto Sans KR',sans-serif; // 기본글자에 사용 되는 폰트
$font-family-heading : $font-family-base; // 헤딩태그에 사용 되는 폰트
$font-size-base : 14px;
$font-weight-base : 400;
$font-weight-bold : 700;
$line-height-base : 1.5em;
// 애니메이션
$default-animation : ease;
// 테이블 관련
$table-cell-padding: .75rem !default;
$table-cell-padding-sm: .3rem !default;
// 버튼 및 INPUT
$input-btn-padding-y : $font-size-base * 0.375 !default; // 상하
$input-btn-padding-x : $font-size-base * 0.75 !default; // 좌우
$input-btn-font-size : $font-size-base !default;
$input-btn-line-height: $line-height-base !default;
$input-btn-border-radius : 4px !default;
$input-btn-padding-y-xs: $font-size-base * 0.125 !default;
$input-btn-padding-x-xs: $font-size-base * 0.25 !default;
$input-btn-font-size-xs: $font-size-base * 0.75 !default;
$input-btn-line-height-xs: $line-height-base !default;
$input-btn-border-radius-xs : 2px !default;
$input-btn-padding-y-sm: $font-size-base * 0.25 !default;
$input-btn-padding-x-sm: $font-size-base * 0.5 !default;
$input-btn-font-size-sm: $font-size-base * 0.875 !default;
$input-btn-line-height-sm: $line-height-base !default;
$input-btn-border-radius-sm : 3px !default;
$input-btn-padding-y-lg: $font-size-base * 0.5 !default;
$input-btn-padding-x-lg: $font-size-base !default;
$input-btn-font-size-lg: $font-size-base * 1.25 !default;
$input-btn-line-height-lg: $line-height-base !default;
$input-btn-border-radius-lg : 6px !default;
$theme-colors: () !default;
$theme-colors: map-merge((
"primary": $color-primary,
"secondary": $color-secondary,
"success": $color-success,
"info": $color-info,
"warning": $color-warning,
"danger": $color-danger,
"light" : $color-light,
"dark" : $color-dark,
"default" : $color-light
), $theme-colors);
$brand-primary : $color-primary;
$brand-success : $color-success;
$brand-info : $color-info;
$brand-warning : $color-warning;
$brand-danger : $color-danger;