ducky/web
2015-05-29
Parent:b9d0efb44eaa
ducky/web/src/styles/_flashes.scss
Stop ignoring our build folder. Now that our HTML lives in our build folder, we should probably stop ignoring it. This means that an `hg clone` followed by an `npm install` followed by an `npm run deploy` will work. I hope.
| paddy@2 | 1 $base-spacing: 1.5em !default; |
| paddy@2 | 2 $alert-color: #fff6bf !default; |
| paddy@2 | 3 $error-color: #fbe3e4 !default; |
| paddy@2 | 4 $notice-color: #e5edf8 !default; |
| paddy@2 | 5 $success-color: #e6efc2 !default; |
| paddy@2 | 6 |
| paddy@2 | 7 @mixin flash($color) { |
| paddy@2 | 8 background-color: $color; |
| paddy@2 | 9 color: darken($color, 60%); |
| paddy@2 | 10 display: block; |
| paddy@2 | 11 font-weight: 500; |
| paddy@2 | 12 margin-bottom: $base-spacing / 2; |
| paddy@2 | 13 padding: $base-spacing / 2; |
| paddy@2 | 14 text-align: center; |
| paddy@2 | 15 |
| paddy@2 | 16 a { |
| paddy@2 | 17 color: darken($color, 70%); |
| paddy@2 | 18 text-decoration: underline; |
| paddy@2 | 19 |
| paddy@2 | 20 &:focus, |
| paddy@2 | 21 &:hover { |
| paddy@2 | 22 color: darken($color, 90%); |
| paddy@2 | 23 } |
| paddy@2 | 24 } |
| paddy@2 | 25 } |
| paddy@2 | 26 |
| paddy@2 | 27 .flash-alert { |
| paddy@2 | 28 @include flash($alert-color); |
| paddy@2 | 29 } |
| paddy@2 | 30 |
| paddy@2 | 31 .flash-error { |
| paddy@2 | 32 @include flash($error-color); |
| paddy@2 | 33 } |
| paddy@2 | 34 |
| paddy@2 | 35 .flash-notice { |
| paddy@2 | 36 @include flash($notice-color); |
| paddy@2 | 37 } |
| paddy@2 | 38 |
| paddy@2 | 39 .flash-success { |
| paddy@2 | 40 @include flash($success-color); |
| paddy@2 | 41 } |
| paddy@2 | 42 |