Skip to content

Instantly share code, notes, and snippets.

@arbales
Created September 21, 2011 18:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arbales/1232902 to your computer and use it in GitHub Desktop.
Save arbales/1232902 to your computer and use it in GitHub Desktop.
-# Before
%aside.dialogue.dark.alerts
.inner
%header
%button=# This was floated
%h3=# Wonky positioning
.content
%section=# This element does nothing.
%ul.item-wrapper=# This had a bunch of styles
-# After
%aside.dialogue.dark.alerts
.inner
%header
%button.close=# Automatically positions properly. Never override these.
%h3=# Automatically centered.
.content
=# Remove extra node
%ul.item-wrapper.frame.light
-#
We want to use a light frame. We add an override to dialog/alerts to
zero-out padding, since the %ul's children maintain their own padding.
all overrides go in a dialog/file.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment