2024-08-18
배경 제거(누끼) 툴
<style>
/* -- The root styles must go in the element of the structure with the name "Post content". --*/
.single-post-2__content{
/* -- Heading styles -- */
h2, h3, h4, h5, h6{
font-weight: 700;
color: var(--neutral);
margin-bottom: var(--space-s);
}
h2{
font-size: var(--text-xl);
}
h3{
font-size: var(--text-l);
}
h4, h5, h6{
font-size: var(--text-m);
}
/* -- Content paragraphs styles -- */
p {
/* - Bold text styles - */
strong{
color: var(--neutral);
}
/* - Anchor text styles - */
a{
color: var(--neutral);
text-decoration: underline;
font-weight: 500;
transition: color .2s ease;
&:hover, &:focus{
color: var(--primary);
}
}
}
/* -- List styles -- */
ul, ol{
margin:var(--space-m) 0;
li:not(:last-child){
margin-bottom: 8px;
}
}
/* -- Image styles -- */
figure{
margin-bottom: var(--space-l);
&:has(figcaption) {
figcaption{
margin-top: var(--space-xs);
color: var(--neutral);
}
}
}
/* -- Blockquote styles -- */
blockquote.wp-block-quote{
font-family:inherit;
text-align:center;
font-weight: 600;
color: var(--white);
border:none;
background-color:var(--neutral);
padding:var(--section-space-m) var(--space-xxl);
margin-bottom: var(--space-l);
@media (max-width: 767px) {
padding: var(--section-space-m) var(--space-l);
}
cite{
margin:0;
font-size: var(--text-l);
color: var(--neutral);
opacity: 1;
text-align:center;
text-transform: inherit;
}
}
}
</style>