LeaVerou/dabblet — Issue #138: Default CSS for new dabblet should have selector & curly braces.
Author: Daniel-Hug
Created: 2012-02-10 19:56:58+00:00
State: open

When you create a new dabblet, this is the default CSS:

/**
* The first commented line is your dabblet’s title
*/

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

---

As you can see the previous block of CSS rules is missing it's selector and should be changed to this (with tabs for indenting of course):

/**
* The first commented line is your dabblet’s title
*/

html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

---

At the start of making a new dabblet, the first thing I always do is add a selector and curly braces around the existing CSS block, which is styling the html element.
In your screencast (http://youtu.be/ztMJQJgTMSE) I noticed you do the same thing. It'd be less work if we didn't have to add a selector and curly braces first thing in every dabblet. Including them by default makes more sense, and it would help users to understand what element those styles are applied to.

Thanks, and great work thus far!
-Daniel