1 line
2 KiB
CSS
1 line
2 KiB
CSS
@charset "UTF-8";.body-text-typography-example-story blockquote:before,.body-text-typography-example-story h6:before,.body-text-typography-example-story h5:before,.body-text-typography-example-story h4:before,.body-text-typography-example-story h3:before,.body-text-typography-example-story h2:before{position:absolute;top:0;left:-50px;text-align:right;display:block;width:40px;color:#ddd;padding:2px 5px;border-radius:4px;font-weight:800;line-height:1}.body-text-typography-example-story blockquote:hover:before,.body-text-typography-example-story h6:hover:before,.body-text-typography-example-story h5:hover:before,.body-text-typography-example-story h4:hover:before,.body-text-typography-example-story h3:hover:before,.body-text-typography-example-story h2:hover:before{color:#999}@media (max-width: 800px){.body-text-typography-example-story blockquote:before,.body-text-typography-example-story h6:before,.body-text-typography-example-story h5:before,.body-text-typography-example-story h4:before,.body-text-typography-example-story h3:before,.body-text-typography-example-story h2:before{color:#fff!important}}.body-text-typography-example-story h2{position:relative}.body-text-typography-example-story h2:before{content:"H2";font-size:22px}.body-text-typography-example-story h3{position:relative}.body-text-typography-example-story h3:before{content:"H3";font-size:19px}.body-text-typography-example-story h4{position:relative}.body-text-typography-example-story h4:before{content:"H4";font-size:16px}.body-text-typography-example-story h5{position:relative}.body-text-typography-example-story h5:before{content:"H5";font-size:15px}.body-text-typography-example-story h6{position:relative}.body-text-typography-example-story h6:before{content:"H6";font-size:12px}.body-text-typography-example-story blockquote{position:relative}.body-text-typography-example-story blockquote:before{content:"“";font-size:3rem;line-height:3rem}.body-text-typography-example-story blockquote blockquote:before{display:none}
|