git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/lazy.less

   1 @buffer-none: 0px;
   2 @buffer-sm:   5px;
   3 @buffer-md:   10px;
   4 @buffer-lg:   22px;
   5
   6 .padding-none         { padding: @buffer-none !important; }
   7 .padding              { padding: @buffer-md !important; }
   8 .padding-sm           { padding: @buffer-sm !important; }
   9 .padding-lg           { padding: @buffer-lg !important; }
  10
  11 .padding-top-none     { padding-top: @buffer-none !important; }
  12 .padding-top          { padding-top: @buffer-md !important; }
  13 .padding-top-sm       { padding-top: @buffer-sm !important; }
  14 .padding-top-lg       { padding-top: @buffer-lg !important; }
  15
  16 .padding-right-none   { padding-right: @buffer-none !important; }
  17 .padding-right        { padding-right: @buffer-md !important; }
  18 .padding-right-sm     { padding-right: @buffer-sm !important; }
  19 .padding-right-lg     { padding-right: @buffer-lg !important; }
  20
  21 .padding-bottom-none  { padding-bottom: @buffer-none !important; }
  22 .padding-bottom       { padding-bottom: @buffer-md !important; }
  23 .padding-bottom-sm    { padding-bottom: @buffer-sm !important; }
  24 .padding-bottom-lg    { padding-bottom: @buffer-lg !important; }
  25
  26 .padding-left-none    { padding-left: @buffer-none !important; }
  27 .padding-left         { padding-left: @buffer-md !important; }
  28 .padding-left-sm      { padding-left: @buffer-sm !important; }
  29 .padding-left-lg      { padding-left: @buffer-lg !important; }
  30
  31 .margin-none          { margin: @buffer-none !important; }
  32 .margin               { margin: @buffer-md !important; }
  33 .margin-sm            { margin: @buffer-sm !important; }
  34 .margin-lg            { margin: @buffer-lg !important; }
  35
  36 .margin-top-none      { margin-top: @buffer-none !important; }
  37 .margin-top           { margin-top: @buffer-md !important; }
  38 .margin-top-lg        { margin-top: @buffer-lg !important; }
  39 .margin-top-sm        { margin-top: @buffer-sm !important; }
  40
  41 .margin-right-none    { margin-right: @buffer-none !important; }
  42 .margin-right         { margin-right: @buffer-md !important; }
  43 .margin-right-lg      { margin-right: @buffer-lg !important; }
  44 .margin-right-sm      { margin-right: @buffer-sm !important; }
  45
  46 .margin-bottom-none   { margin-bottom: @buffer-none !important; }
  47 .margin-bottom        { margin-bottom: @buffer-md !important; }
  48 .margin-bottom-lg     { margin-bottom: @buffer-lg !important; }
  49 .margin-bottom-sm     { margin-bottom: @buffer-sm !important; }
  50
  51 .margin-left-none     { margin-left: @buffer-none !important; }
  52 .margin-left          { margin-left: @buffer-md !important; }
  53 .margin-left-lg       { margin-left: @buffer-lg !important; }
  54 .margin-left-sm       { margin-left: @buffer-sm !important; }
  55
  56 .border-left-none     { border-left: none !important; }
  57 .border-right-none    { border-right: none !important; }
  58 .border-bottom-none   { border-bottom: none !important; }
  59 .border-top-none      { border-top: none !important; }
  60
  61 .display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
  62 .no-underline:hover { text-decoration: none; }
  63 .clickable { cursor: pointer; }
  64 .strong { font-weight: bold; }
  65 .em { font-style: italic; }
  66 .small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px
  67 .no-link { color: @gray-dark; }
  68
  69 .text-sans-serif { font-family: @font-family-sans-serif; }
  70 .text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end
  71 .text-default {
  72   font-family: @font-family-base;
  73   font-size: @font-size-base;
  74   line-height: @line-height-base;
  75   font-weight: normal;
  76 }
  77 .text-hilite {
  78   color: @link-color;
  79   &:hover {
  80     color: @link-hover-color;
  81     text-decoration: underline;
  82   }
  83 }
  84 .text-strike { text-decoration: line-through; }
  85 .text-upper { text-transform: uppercase; }
  86 .text-lower { text-transform: lowercase; }