AI 룩북 생성기

<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>