search

bhauman / devcards

Devcards aims to provide a visual REPL experience for ClojureScript
1.53k stars 113 forks source link

responsive CSS question regarding inline code samples in devcard #51

Closed frankhale closed 8 years ago

frankhale commented 8 years ago

When the browser window is resized to 1000px or smaller this style is applied to code samples in a devcard. I find this visually jarring because the code samples are stretched to browser edges while everything else flows naturally. Is this CSS intentional? 

@media (max-width: 1000px) {
 .com-rigsomelight-devcards-card-hide-border 
 .com-rigsomelight-devcards_rendered-card 
 .com-rigsomelight-devcards-markdown pre {
    margin-right: -3000px;
    margin-left: -3000px;
    padding-right: 3000px;
    padding-left: 3000px;
 }
}
bhauman commented 8 years ago

Yes this is intended. :)

You can exclude this by excluding/overriding the addons http://rigsomelight.com/devcards/#!/devdemos.css_opt_out

frankhale commented 8 years ago

Thank you for this information!