public/assets/bootstrap-rtl-3-3-4/less/type-rtl.less

   1 //
   2 // RTL Typography
   3 // --------------------------------------------------
   4
   5 // Flipped Alignment
   6 .flip.text-left           { text-align: right; }
   7 .flip.text-right          { text-align: left; }
   8
   9 // List options
  10
  11 // Unstyled keeps list items block level, just removes default browser padding and list-style
  12 .list-unstyled {
  13   padding-right: 0;
  14   padding-left: initial;
  15 }
  16
  17 // Inline turns list items into inline-block
  18 .list-inline {
  19   .list-unstyled();
  20   margin-right: -5px;
  21   margin-left: 0;
  22 }
  23
  24 dd {
  25   margin-right: 0; // Undo browser default
  26   margin-left: initial;
  27 }
  28
  29 // Horizontal description lists
  30 //
  31 // Defaults to being stacked without any of the below styles applied, until the
  32 // grid breakpoint is reached (default of ~768px).
  33
  34 .dl-horizontal {
  35
  36   @media (min-width: @grid-float-breakpoint) {
  37     dt {
  38       float: right;
  39       clear: right;
  40       text-align: left;
  41     }
  42     dd {
  43       margin-right: @component-offset-horizontal;
  44       margin-left: 0;
  45     }
  46   }
  47 }
  48
  49 // Blockquotes
  50 blockquote {
  51   border-right: 5px solid @blockquote-border-color;
  52   border-left: 0;
  53 }
  54
  55 // Opposite alignment of blockquote
  56 //
  57 // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
  58 .blockquote-reverse,
  59 blockquote.pull-left {
  60   padding-left: 15px;
  61   padding-right: 0;
  62   border-left: 5px solid @blockquote-border-color;
  63   border-right: 0;
  64   text-align: left;
  65 }