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.

78 lines
2.5 KiB

  1. // 반응형 포인트
  2. $break-desktop : 1200px;
  3. $break-tablet : 992px;
  4. $break-mobile : 768px;
  5. // 색상 변수
  6. $color-primary : #5399ea; // 메인 컬러
  7. $color-secondary : #404040; // 서브 컬러
  8. $color-success : #1ffd32;
  9. $color-info : #3498db;
  10. $color-warning : #ffb802;
  11. $color-danger : #e32815;
  12. $color-light : #f8f9fa;
  13. $color-dark : #343a40;
  14. $body-color : #282828; // 기본 텍스트 색상
  15. $body-bg-color : #f4f8f9; // 기본 배경 색상
  16. $link-color : $body-color; // 링크 텍스트 색상
  17. $link-hover-color : $color-primary; // 링크 오버시 텍스트 색상
  18. // 폰트 관련
  19. $font-family-base : 'Noto Sans KR',sans-serif; // 기본글자에 사용 되는 폰트
  20. $font-family-heading : $font-family-base; // 헤딩태그에 사용 되는 폰트
  21. $font-size-base : 14px;
  22. $font-weight-base : 400;
  23. $font-weight-bold : 700;
  24. $line-height-base : 1.5em;
  25. // 애니메이션
  26. $default-animation : ease;
  27. // 테이블 관련
  28. $table-cell-padding: .75rem !default;
  29. $table-cell-padding-sm: .3rem !default;
  30. // 버튼 및 INPUT
  31. $input-btn-padding-y : 7px !default; // 상하
  32. $input-btn-padding-x : 24px !default; // 좌우
  33. $input-btn-font-size : 15px !default;
  34. $input-btn-line-height: $line-height-base !default;
  35. $input-btn-border-radius : 4px !default;
  36. $input-btn-padding-y-xs: 4px !default;
  37. $input-btn-padding-x-xs: 12px !default;
  38. $input-btn-font-size-xs: 11px !default;
  39. $input-btn-line-height-xs: $line-height-base !default;
  40. $input-btn-border-radius-xs : 2px !default;
  41. $input-btn-padding-y-sm: 6.5px !default;
  42. $input-btn-padding-x-sm: 17px !default;
  43. $input-btn-font-size-sm: 13px !default;
  44. $input-btn-line-height-sm: $line-height-base !default;
  45. $input-btn-border-radius-sm : 3px !default;
  46. $input-btn-padding-y-lg: 12px !default;
  47. $input-btn-padding-x-lg: 25px !default;
  48. $input-btn-font-size-lg: 15px !default;
  49. $input-btn-line-height-lg: $line-height-base !default;
  50. $input-btn-border-radius-lg : 6px !default;
  51. $theme-colors: () !default;
  52. $theme-colors: map-merge((
  53. "primary": $color-primary,
  54. "secondary": $color-secondary,
  55. "success": $color-success,
  56. "info": $color-info,
  57. "warning": $color-warning,
  58. "danger": $color-danger,
  59. "light" : $color-light,
  60. "dark" : $color-dark
  61. ), $theme-colors);
  62. $brand-primary : $color-primary;
  63. $brand-success : $color-success;
  64. $brand-info : $color-info;
  65. $brand-warning : $color-warning;
  66. $brand-danger : $color-danger;