pre 대응 스타일시트

border: 0px solid #bbb;
padding: 16px;
overflow: hidden;
display: block;
border-radius: 5px;
font-size: 13px;
line-height: 1.30769231;
background: #f6f6f6;
color: #2f3337;
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;

인용

인용문구

나누기

max-width: 300px;
border: 3px solid #e9eaed;
margin: 36px auto 36px;
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(0,0,0,.2);

전체 스타일시트(SCSS)

.xe_content,.fr-view{
  img{
    box-shadow: 0 0 .8rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 .8rem rgba(0,0,0,0.5);
    -o-box-shadow: 0 0 .8rem rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 .8rem rgba(0,0,0,0.5);
  }
  pre{
    border: 0px solid #bbb;
    padding: 16px;
    overflow-x: scroll;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.30769231;
    background: #f6f6f6;
    color: #2f3337;
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
  }
  p{
    margin-top: 0;
    margin-bottom: .6rem;
  }
}

※참조사이트

1) 라엘블로그

https://blog.lael.be/post/8319

2) 스택오버플로우

https://stackoverflow.com/questions/55855261/fatal-error-uncaught-error-call-to-a-member-function-attributes-on-boolean-i?rq=1

3) 로마네스크

https://romanesque.me/