Skip to content

Commit

Permalink
[NDD-76] 테마 시스템에 그림자 추가 (0.3 / 1h) #10
Browse files Browse the repository at this point in the history
* feat: 테마 시스템에 shadow 추가
  • Loading branch information
milk717 authored Nov 7, 2023
1 parent fd35fdf commit 5b6eac6
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 1 deletion.
13 changes: 13 additions & 0 deletions FE/src/styles/_shadow.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
export const shadow = {
/**
* 큰 박스에 사용되는 그림자 입니다.
* ex) 마이페이지 프로필, 마이페이지 탭, 문제 선택기 박스
*/
boxShadow: `8px 8px 25px 0px rgba(0, 0, 0, 0.10)`,

/**
* 작은 박스에 사용되는 그림자입니다.
* ex) 문제 선택기 박스 안에 있는 아이템
*/
boxSmallShadow: `0px 4px 10px 0px rgba(0, 0, 0, 0.10)`,
};
3 changes: 2 additions & 1 deletion FE/src/styles/theme.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
import { colors } from './_colors';
import { typography } from './_typography';
import { shadow } from '@styles/_shadow';

export const theme = { colors, typography };
export const theme = { colors, typography, shadow };
export type ThemeType = typeof theme;

/*
Expand Down

0 comments on commit 5b6eac6

Please sign in to comment.