Skip to content

Instantly share code, notes, and snippets.

@imathis
Created July 2, 2010 21:34
Show Gist options
  • Save imathis/461939 to your computer and use it in GitHub Desktop.
Save imathis/461939 to your computer and use it in GitHub Desktop.
.app-message
border: 1px solid
border-top: 0
padding: 7px
margin: 0 -1px
p
+border-radius(4px)
padding: 10px $pad 10px $pad + 28
border: 1px solid
+box-shadow(rgba(255,255,255, .3), 0, 1px, 0)
=app-message-color($c, $img)
+gradient-bg(darken($c, 45), 6, 10)
border-color: darken($c, 65)
color: saturate(darken($c, 70), 19)
p
border-color: darken($c, 65)
background: $c no-repeat 8px .6em image-url($img)
strong
color: saturate(darken($c, 75), 35)
#success
@extend .app-message
+app-message-color(#f7fbf2, 'success.png')
#error
@extend .app-message
+app-message-color(#fbf2f2, 'error.png')
#info
@extend .app-message
+app-message-color(#f2f7fb, 'info.png')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment