themes/default/less/reset.less

   1 // Reset.less
   2 // Adapted from Normalize.css http://github.com/necolas/normalize.css
   3 // ------------------------------------------------------------------------
   4
   5 // Display in IE6-9 and FF3
   6 // -------------------------
   7
   8 article,
   9 aside,
  10 details,
  11 figcaption,
  12 figure,
  13 footer,
  14 header,
  15 hgroup,
  16 nav,
  17 section {
  18   display: block;
  19 }
  20
  21 // Display block in IE6-9 and FF3
  22 // -------------------------
  23
  24 audio,
  25 canvas,
  26 video {
  27   display: inline-block;
  28   *display: inline;
  29   *zoom: 1;
  30 }
  31
  32 // Prevents modern browsers from displaying 'audio' without controls
  33 // -------------------------
  34
  35 audio:not([controls]) {
  36     display: none;
  37 }
  38
  39 // Base settings
  40 // -------------------------
  41
  42 html {
  43   font-size: 100%;
  44   -webkit-text-size-adjust: 100%;
  45       -ms-text-size-adjust: 100%;
  46 }
  47 // Focus states
  48 a:focus {
  49   .tab-focus();
  50 }
  51 // Hover & Active
  52 a:hover,
  53 a:active {
  54   outline: 0;
  55 }
  56
  57 // Prevents sub and sup affecting line-height in all browsers
  58 // -------------------------
  59
  60 sub,
  61 sup {
  62   position: relative;
  63   font-size: 75%;
  64   line-height: 0;
  65   vertical-align: baseline;
  66 }
  67 sup {
  68   top: -0.5em;
  69 }
  70 sub {
  71   bottom: -0.25em;
  72 }
  73
  74 // Img border in a's and image quality
  75 // -------------------------
  76
  77 img {
  78   max-width: 100%;
  79   height: auto;
  80   border: 0;
  81   -ms-interpolation-mode: bicubic;
  82 }
  83
  84 // Forms
  85 // -------------------------
  86
  87 // Font size in all browsers, margin changes, misc consistency
  88 button,
  89 input,
  90 select,
  91 textarea {
  92   margin: 0;
  93   font-size: 100%;
  94   vertical-align: middle;
  95 }
  96 button,
  97 input {
  98   *overflow: visible; // Inner spacing ie IE6/7
  99   line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 100 }
 101 button::-moz-focus-inner,
 102 input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 103   padding: 0;
 104   border: 0;
 105 }
 106 button,
 107 input[type="button"],
 108 input[type="reset"],
 109 input[type="submit"] {
 110   cursor: pointer; // Cursors on all buttons applied consistently
 111   -webkit-appearance: button; // Style clickable inputs in iOS
 112 }
 113 input[type="search"] { // Appearance in Safari/Chrome
 114   -webkit-appearance: textfield;
 115   -webkit-box-sizing: content-box;
 116      -moz-box-sizing: content-box;
 117           box-sizing: content-box;
 118 }
 119 input[type="search"]::-webkit-search-decoration,
 120 input[type="search"]::-webkit-search-cancel-button {
 121   -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 122 }
 123 textarea {
 124   overflow: auto; // Remove vertical scrollbar in IE6-9
 125   vertical-align: top; // Readability and alignment cross-browser
 126 }