89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
/* 에디터 콘텐츠 기본 스타일 유틸리티 */
|
|
/* use-base 클래스를 추가하면 하위 자식 요소들에 기본 스타일이 적용됩니다 */
|
|
@layer components {
|
|
.use-base ul,
|
|
.use-base ol {
|
|
@apply list-disc pl-6;
|
|
}
|
|
.use-base ol {
|
|
@apply list-decimal;
|
|
}
|
|
.use-base ul ul,
|
|
.use-base ol ol,
|
|
.use-base ul ol,
|
|
.use-base ol ul {
|
|
@apply mb-0;
|
|
}
|
|
|
|
.use-base table {
|
|
@apply w-full border-collapse;
|
|
}
|
|
.use-base thead,
|
|
.use-base tfoot {
|
|
@apply bg-[#FAFAFA];
|
|
}
|
|
.use-base th,
|
|
.use-base td {
|
|
@apply border border-[#D9D9D9] px-4 py-2 text-left;
|
|
}
|
|
.use-base th {
|
|
@apply font-semibold border-[#D9D9D9];
|
|
}
|
|
|
|
.use-base blockquote {
|
|
@apply border-l-4 border-[#D9D9D9] pl-4 italic;
|
|
}
|
|
|
|
.use-base h1 {
|
|
@apply text-2xl;
|
|
}
|
|
.use-base h2 {
|
|
@apply text-xl;
|
|
}
|
|
.use-base h3 {
|
|
@apply text-lg;
|
|
}
|
|
.use-base h4 {
|
|
@apply text-base;
|
|
}
|
|
.use-base h5 {
|
|
@apply text-sm;
|
|
}
|
|
.use-base h6 {
|
|
@apply text-xs;
|
|
}
|
|
|
|
.use-base strong,
|
|
.use-base b {
|
|
@apply font-bold;
|
|
}
|
|
.use-base em,
|
|
.use-base i {
|
|
@apply italic;
|
|
}
|
|
.use-base u {
|
|
@apply underline;
|
|
}
|
|
.use-base s {
|
|
@apply line-through;
|
|
}
|
|
|
|
.use-base a {
|
|
@apply text-[#3C75FF] underline;
|
|
}
|
|
|
|
.use-base img {
|
|
@apply max-w-full h-auto my-4;
|
|
}
|
|
|
|
.use-base pre {
|
|
@apply bg-[#FAFAFA] p-4 rounded overflow-x-auto mb-4;
|
|
}
|
|
.use-base code {
|
|
@apply bg-[#FAFAFA] px-1 py-0.5 rounded text-sm;
|
|
}
|
|
.use-base pre code {
|
|
@apply bg-transparent p-0;
|
|
}
|
|
}
|