Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Notes |
||
| 3 | ***/ |
||
| 4 | |||
| 5 | @mixin note-variant($text-color, $background-color, $border-color) { |
||
| 6 | background-color: lighten($background-color, 5%); |
||
| 7 | border-color: darken($border-color, 10%); |
||
| 8 | color: $text-color; |
||
| 9 | |||
| 10 | &.note-bordered { |
||
| 11 | background-color: darken($background-color, 1%); |
||
| 12 | border-color: darken($border-color, 10%); |
||
| 13 | } |
||
| 14 | |||
| 15 | &.note-shadow { |
||
| 16 | background-color: darken($background-color, 0%); |
||
| 17 | border-color: darken($border-color, 10%); |
||
| 18 | box-shadow: 5px 5px rgba(darken($border-color, 9%), 0.2); |
||
| 19 | } |
||
| 20 | } |
||
| 21 | |||
| 22 | .note { |
||
| 23 | margin: 0 0 20px 0; |
||
| 24 | padding: 15px 30px 15px 15px; |
||
| 25 | border-left: 5px solid #eee; |
||
| 26 | |||
| 27 | @include border-radius(0 $portlet-border-radius $portlet-border-radius 0); |
||
| 28 | |||
| 29 | h1, |
||
| 30 | h2, |
||
| 31 | h3, |
||
| 32 | h4, |
||
| 33 | h5, |
||
| 34 | h6 { |
||
| 35 | margin-top:0; |
||
| 36 | |||
| 37 | .close { |
||
| 38 | margin-right: -10px; |
||
| 39 | } |
||
| 40 | } |
||
| 41 | |||
| 42 | p { |
||
| 43 | &:last-child { |
||
| 44 | margin-bottom: 0; |
||
| 45 | } |
||
| 46 | font-size: 13px; |
||
| 47 | } |
||
| 48 | |||
| 49 | code, |
||
| 50 | .highlight { |
||
| 51 | background-color: #fff; |
||
| 52 | } |
||
| 53 | |||
| 54 | &.note-default { |
||
| 55 | @include note-variant($state-default-text, $state-default-bg, $state-default-border); |
||
| 56 | } |
||
| 57 | |||
| 58 | &.note-primary { |
||
| 59 | @include note-variant($state-primary-text, $state-primary-bg, $state-primary-border); |
||
| 60 | } |
||
| 61 | |||
| 62 | &.note-success { |
||
| 63 | @include note-variant($state-success-text, $state-success-bg, $state-success-border); |
||
| 64 | } |
||
| 65 | |||
| 66 | &.note-info { |
||
| 67 | @include note-variant($state-info-text, $state-info-bg, $state-info-border); |
||
| 68 | } |
||
| 69 | |||
| 70 | &.note-warning { |
||
| 71 | @include note-variant($state-warning-text, darken($state-warning-bg, 5%), darken($state-warning-border, 5%)); |
||
| 72 | } |
||
| 73 | |||
| 74 | &.note-danger { |
||
| 75 | @include note-variant($state-danger-text, $state-danger-bg, $state-danger-border); |
||
| 76 | } |
||
| 77 | |||
| 78 | } |