all repos — hastystyles @ 092332981faad6cef1e929e333e90a6657ac9345

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
 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
 
.danger {
  .mix-titled-box(@light-red, @dark-red, @red, @icon-warning-sign);
}
.important {
  .mix-titled-box(@light-red, @dark-red, @red, @icon-pushpin);
}
.warning {
  .mix-titled-box(@light-yellow, @dark-yellow, @yellow, @icon-warning-sign);
}
.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,
.danger,
.see-also,
.info,
.tip,
.note {
  width: 66.6667%;
}
@media screen and (max-width: 599px) {
  .warning,
  .important,
  .danger,
  .see-also,
  .info,
  .tip,
  .note{
    width: 96%;
  }
}
@media screen and (min-width: 600px) {
  .warning,
  .important,
  .danger,
  .see-also,
  .info,
  .tip,
  .note{
    width: 66.6667%;
  }
}