Babel includes JSX processing.
Any URL's added here will be added as
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<div class="input"> <input class="input-control" id="input" placeholder="Placeholder" /> <label class="input-label" for="input">This label is red when when the placeholder is shown, green otherwise, and blue in old browsers.</label> </div>
.input &-label color: blue // For old browsers // This is the tricky part. Old browsers will discard the entire selector group as it contains an invalid selector. Newer browsers will match nothing for the first one but happily apply the rest. \:not(*):placeholder-shown, &-label color: green &-control:placeholder-shown ~ &-label color: red
Also see: Tab Triggers