# css variable

4개의 포스트

CSS Variable 적용하기

사용자 지정 CSS 속성이란? 사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. - MDN Web Docs 즉, CSS에도 변수를 선언할 수 있다라는 점입니다. *IE에서는 지원이 안된다. 변수를 선언해 보자 -- 뒤에 사용하고 싶은 변수명을 적어준다. 보통은 kebab-cas...

2022년 2월 4일
·
0개의 댓글
post-thumbnail

벨로그에 다크 모드 적용하기

다크 모드는 2020년의 트렌드였고, 2022년인 지금, 너무나도 당연해져서 없으면 사용자가 많이 불편해 하죠. 다크 모드는 벨로그에도 정말 필요했는데요, 미루고 미루다가 드디어 이번 설날 연휴를 맞이하여 이를 적용한 이야기를 여러분들에게 들려드립니다.

2022년 2월 1일
·
24개의 댓글

TIL. 40 React - 버튼 컴포넌트

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

2021년 7월 29일
·
0개의 댓글
post-thumbnail

사용자 지정 CSS 속성

최근 업무 중, 언어 선택을 했을 때 언어별로 길이가 달라져서 특정 element의 font-size를 변경해야 했었는데 어떻게 해야할까 고민하던 중 알게 된 것이 css에서도 변수를 사용할 수 있다는 것이다.회사의 테마색이 있거나 자주 사용하는 색상, 폰트 크기 등이

2020년 10월 14일
·
0개의 댓글