assets/notes.less
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
.danger { .mix-titled-box(@light-red, @dark-red, @red, @icon-warning-sign); } .important { .mix-titled-box(@light-red, @dark-red, @red, @icon-pushpin); } .warning, .caution { .mix-titled-box(@light-yellow, @dark-yellow, @yellow, @icon-warning-sign); } .attention { .mix-titled-box(@light-yellow, @dark-yellow, @yellow, @icon-bell); } .note { .mix-titled-box(@light-gray, @dark-gray, @gray, @icon-edit); } .info { .mix-titled-box(@light-gray, @dark-gray, @gray, @icon-info-sign); } .see-also { .mix-titled-box(@light-blue, @dark-blue, @blue, @icon-circle-arrow-right); } .tip { .mix-titled-box(@light-blue, @dark-blue, @blue, @icon-lightbulb); } .warning, .important, .caution, .attention, .caution, .danger, .see-also, .info, .tip, .note { width: 66.6667%; } @media screen and (max-width: 599px) { .warning, .important, .caution, .attention, .caution, .danger, .see-also, .info, .tip, .note{ width: 96%; } } @media screen and (min-width: 600px) { .warning, .important, .caution, .attention, .caution, .danger, .see-also, .info, .tip, .note{ width: 66.6667%; } } |