View dabblet.css
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
.hi{ | |
background-color:red; | |
width: 200px; | |
height: 200px | |
} | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); |
View styles.less
/** | |
* Using Operator Mono in Atom | |
* | |
* 1. Open up Atom Preferences. | |
* 2. Click the “Open Config Folder” button. | |
* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up. | |
* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden! | |
* 5. Tweak away. | |
* | |
* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png): |