1 line
2.7 KiB
CSS
1 line
2.7 KiB
CSS
@charset "UTF-8";.body-text-typography-example-story h2{position:relative}.body-text-typography-example-story h2:before{content:"H2";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;font-size:22px}.body-text-typography-example-story h2:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story h2:before{color:#fff!important}}.body-text-typography-example-story h3{position:relative}.body-text-typography-example-story h3:before{content:"H3";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;font-size:19px}.body-text-typography-example-story h3:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story h3:before{color:#fff!important}}.body-text-typography-example-story h4{position:relative}.body-text-typography-example-story h4:before{content:"H4";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;font-size:16px}.body-text-typography-example-story h4:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story h4:before{color:#fff!important}}.body-text-typography-example-story h5{position:relative}.body-text-typography-example-story h5:before{content:"H5";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;font-size:15px}.body-text-typography-example-story h5:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story h5:before{color:#fff!important}}.body-text-typography-example-story h6{position:relative}.body-text-typography-example-story h6:before{content:"H6";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;font-size:12px}.body-text-typography-example-story h6:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story h6:before{color:#fff!important}}.body-text-typography-example-story blockquote{position:relative}.body-text-typography-example-story blockquote: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;content:"“";font-size:3rem;line-height:3rem}.body-text-typography-example-story blockquote:before:hover{color:#999}@media (max-width: 800px){.body-text-typography-example-story blockquote:before{color:#fff!important}}.body-text-typography-example-story blockquote blockquote:before{display:none}
|