Breaking up one long line of CSS code

[danielleB]

Is there a way to break up one long line of CSS code such as is found in the mai-theme-engine plugin? I uploaded it in Dreamweaver hoping the would be line breaks that are not showing up in the WP editor, but unfortunately not. It's difficult to target a line of code when it is all on one line such as this...

/*! normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}html,input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;min-height:0;min-width:0}html{font-size:100%}body{height:100%;width:100%;max-width:100%;background-color:#fcfcfc;color:#323232;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.625;margin:0;overflow-x:hidden}.text-xs{font-size:.64rem}.text-sm{font-size:.8rem}.text-md{font-size:1rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.563rem}.text-xxl{font-size:1.953rem}.banner-area .archive-title,.banner-area .entry-title,.heading,h1,h1.entry-title{font-size:1.953rem}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}h5{font-size:1.25em}h6{font-size:1.25em}.button,.gallery img,.more-link,a,button,input:focus,input[type=button],input[type=reset],input[type=submit],textarea:focus{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}input[type=button],input[type=reset],input[type=search],input[type=submit]{-webkit-appearance:none}a{color:#067ccc;text-decoration:none}p:not([class])>a:not([class]){te

---

Danielle

http://developing locally

[Victor Font]

The normalize CSS is not meant to be edited. This resets the CSS to browser defaults so your changes, made in style.css will have a better effect.

If you look at the commment for that particular line of CSS, the code is from https://github.com/necolas/normalize.css. If you don't want to use the minmized version, use a code editor to un-minimize it or download a fresh copy from github.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[danielleB]

This reply has been marked as private.

[Author]

Posts