간단한 notice 박스 기능 사용하기
Category: Blog
Tags: minimal-mistake Github
게시물을 작성할 때 해당 문장 아래에 다음과 같이 추가하면 공지 사항처럼 블럭이 생긴다. -- 뒤에 어떤 클라스를 추가하는지에 따라 블럭의 색깔이 달라진다.
이렇게 하면 공지사항이 됩니당
{: .notice--primary}
Notice 문자박스 종류랑 적용한 결과
Notice Type | color | class |
---|---|---|
Default | 연회색 | .notice |
Primary | 진회색 | .notice--primary |
Info | 파란색 | .notice--info |
Warning | 노란색 | .notice--warning |
Success | 초록색 | .notice--success |
Danger | 빨간색 | .notice--danger |
이것은 default 박스입니다 !
이것은 primary 박스입니다 !
이것은 info 박스입니다 !
이것은 warning박스입니다 !
이것은 success 박스입니다 !
이것은 danger 박스입니다 !