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 |
.caution { .mix-titled-box(@light-red, @dark-red, @red, @icon-bolt); } .note, .info { .mix-titled-box(@light-gray, @dark-gray, @gray, @icon-info-sign); } .tip { .mix-titled-box(@light-blue, @dark-blue, @blue, @icon-lightbulb); } .warning, .important, .attention { .mix-titled-box(@light-yellow, @dark-yellow, @yellow, @icon-warning-sign); } @media screen and (min-width: 600px) { .warning, .important, .caution, .tip, .note{ width: 66.6667%; } } |