git.roojs.org Git - ratchet/blob - lib/css/chevrons.css

   1 /* Chevrons
   2 -------------------------------------------------- */
   3
   4 .chevron {
   5   display: block;
   6   height: 20px;
   7 }
   8
   9 /* Base styles for both 1/2's of the chevron */
  10 .chevron:before,
  11 .chevron:after {
  12   position: relative;
  13   display: block;
  14   width: 12px;
  15   height: 4px;
  16   background-color: #999;
  17   content: '';
  18 }
  19
  20 /* Position and rotate respective 1/2's of the chevron */
  21 .chevron:before {
  22   top: 5px;
  23   -webkit-transform: rotate(45deg);
  24           transform: rotate(45deg);
  25 }
  26 .chevron:after {
  27   top: 7px;
  28   -webkit-transform: rotate(-45deg);
  29           transform: rotate(-45deg);
  30 }