all repos — hastystyles @ cad415d445737f74ad153300d44e3d26362d3fb0

The stylesheets for HastyScrybe and HastySite.

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%;
  }
}