openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

openrat-normalize.less (7959B)

      1 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
      2 /* Customized for OR-CMS */
      3 
      4 //  * 1. Set default font family to sans-serif.
      5 //  * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
      6 html {
      7   font-family: 'Oxygen', 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Ubuntu", "Cantarell",
      8   "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
      9   font-size: 0.9em;
     10   -ms-text-size-adjust: 100%;
     11   -webkit-text-size-adjust: 100%;
     12 }
     13 
     14 //  Remove default margin.
     15 body { margin: 0 }
     16 
     17 // HTML5 display definitions ==========================================================================
     18 //  * Correct `block` display not defined for any HTML5 element in IE 8/9.
     19 //  * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
     20 //  * Correct `block` display not defined for `main` in IE 11.
     21 article,
     22 aside,
     23 details,
     24 figcaption,
     25 figure,
     26 footer,
     27 header,
     28 hgroup,
     29 main,
     30 nav,
     31 section,
     32 summary {
     33   display: block;
     34 }
     35 
     36 //  * 1. Correct `inline-block` display not defined in IE 8/9.
     37 //  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     38 audio,
     39 canvas,
     40 progress,
     41 video {
     42   display: inline-block;
     43   vertical-align: baseline;
     44 }
     45 
     46 //  * Prevent modern browsers from displaying `audio` without controls.
     47 //  * Remove excess height in iOS 5 devices.
     48 audio:not([controls]) {
     49   display: none;
     50   height: 0;
     51 }
     52 
     53 //  * Address `[hidden]` styling not present in IE 8/9/10.
     54 //  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
     55 [hidden],
     56 template {
     57   display: none;
     58 }
     59 
     60 // Links ==========================================================================
     61 //  * Remove the gray background color from active links in IE 10.
     62 a {
     63   background: transparent;
     64   //  * Improve readability when focused and also mouse hovered in all browsers.
     65   &:active,
     66   &:hover {
     67     outline: 0;
     68   }
     69 }
     70 
     71 // Text-level semantics ==========================================================================
     72 
     73 //  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
     74 abbr[title] { border-bottom: 1px dotted; }
     75 
     76 //  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
     77 b,
     78 strong {
     79   font-weight: bold;
     80 }
     81 
     82 //  * Address styling not present in Safari and Chrome.
     83 dfn { font-style: italic; }
     84 
     85 //  * Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome.
     86 h1 {
     87   font-size: 1.2em;
     88   margin: 0.67em 0;
     89 }
     90 
     91 //  * Address styling not present in IE 8/9.
     92 mark {
     93   background: #ff0;
     94   color: #000;
     95 }
     96 
     97 //  * Address inconsistent and variable font size in all browsers.
     98 small { font-size: 80%; }
     99 
    100 //  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
    101 sub,
    102 sup {
    103   font-size: 75%;
    104   line-height: 0;
    105   position: relative;
    106   vertical-align: baseline;
    107 }
    108 
    109 sup { top: -0.5em; }
    110 sub { bottom: -0.25em; }
    111 
    112 // Embedded content ==========================================================================
    113 //  * Remove border when inside `a` element in IE 8/9/10.
    114 img { border: 0; }
    115 
    116 //  * Correct overflow not hidden in IE 9/10/11.
    117 svg:not(:root) { overflow: hidden; }
    118 
    119 // Grouping content ==========================================================================
    120 //  * Address margin not present in IE 8/9 and Safari.
    121 figure { margin: 1em 40px; }
    122 
    123 //  * Address differences between Firefox and other browsers.
    124 hr {
    125   -moz-box-sizing: content-box;
    126   box-sizing: content-box;
    127   height: 0;
    128 }
    129 
    130 //  * Contain overflow in all browsers.
    131 pre { overflow: auto; }
    132 
    133 //  * Address odd `em`-unit font size rendering in all browsers.
    134 code,
    135 kbd,
    136 pre,
    137 samp,
    138 time {
    139   font-family: 'Source Code Pro', monospace, monospace;
    140   font-size: 1em;
    141   text-overflow: ellipsis;
    142   overflow: hidden;
    143   display: block;
    144   white-space: pre-wrap;
    145 }
    146 
    147 // Forms ==========================================================================
    148 //  * Known limitation: by default, Chrome and Safari on OS X allow very limited
    149 //  * styling of `select`, unless a `border` property is set.
    150 
    151 //  * 1. Correct color not being inherited.
    152 //  *    Known issue: affects color of disabled elements.
    153 //  * 2. Correct font properties not being inherited.
    154 //  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
    155 button,
    156 input,
    157 optgroup,
    158 select,
    159 textarea {
    160   color: inherit;
    161   background-color: inherit;
    162   font: inherit;
    163   margin: 0;
    164 }
    165 
    166 //  * Address `overflow` set to `hidden` in IE 8/9/10/11.
    167 button { overflow: visible;}
    168 
    169 //  * Address inconsistent `text-transform` inheritance for `button` and `select`.
    170 //  * All other form control elements do not inherit `text-transform` values.
    171 //  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
    172 //  * Correct `select` style inheritance in Firefox.
    173 button,
    174 select {
    175   text-transform: none;
    176 }
    177 
    178 //  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
    179 //  * 2. Correct inability to style clickable `input` types in iOS.
    180 //  * 3. Improve usability and consistency of cursor style between image-type `input` and others.
    181 button,
    182 html input[type="button"] {
    183   -webkit-appearance: button;
    184   cursor: pointer;
    185 }
    186 
    187 //  * Re-set default cursor for disabled elements.
    188 button[disabled],
    189 html input[disabled] {
    190   cursor: default;
    191 }
    192 
    193 //  * Remove inner padding and border in Firefox 4+.
    194 button
    195 input {
    196   &::-moz-focus-inner {
    197     border: 0;
    198     padding: 0;
    199   }
    200 }
    201 
    202 //  * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
    203 input {
    204   line-height: normal;
    205   &[type="reset"],
    206   &[type="submit"] {
    207     -webkit-appearance: button;
    208     cursor: pointer;
    209   }
    210 
    211   // * It's recommended that you don't attempt to style these elements.
    212   // * Firefox's implementation doesn't respect box-sizing, padding, or width.
    213   // * 1. Address box sizing set to `content-box` in IE 8/9/10.
    214   // * 2. Remove excess padding in IE 8/9/10.
    215   &[type="checkbox"],
    216   &[type="radio"] {
    217     box-sizing: border-box;
    218     padding: 0;
    219   }
    220 
    221   //  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
    222   //  * `font-size` values of the `input`, it causes the cursor style of the
    223   //  * decrement button to change from `default` to `text`.
    224   &[type="number"] {
    225     &::-webkit-inner-spin-button,
    226     &::-webkit-outer-spin-button {
    227       height: auto;
    228     }
    229   }
    230 
    231   // * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
    232   // * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof).
    233   &[type="search"] {
    234     -webkit-appearance: textfield;
    235     -moz-box-sizing: content-box;
    236     -webkit-box-sizing: content-box;
    237     box-sizing: content-box;
    238 
    239     //  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
    240     //  * Safari (but not Chrome) clips the cancel button when the search input has
    241     //  * padding (and `textfield` appearance).
    242     &::-webkit-search-cancel-button,
    243     &::-webkit-search-decoration {
    244       -webkit-appearance: none;
    245     }
    246   }
    247 
    248 }
    249 
    250 //  * Define consistent border, margin, and padding.
    251 fieldset {
    252   border: 1px solid #c0c0c0;
    253   margin: 0 2px;
    254   padding: 0.35em 0.625em 0.75em;
    255 }
    256 
    257 //  * 1. Correct `color` not being inherited in IE 8/9/10/11.
    258 //  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
    259 legend {
    260   border: 0;
    261   padding: 0;
    262 }
    263 
    264 // * Remove default vertical scrollbar in IE 8/9/10/11.
    265 textarea { overflow: auto; }
    266 
    267 //  * Don't inherit the `font-weight` (applied by a rule above).
    268 //  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
    269 optgroup { font-weight: bold; }
    270 
    271 // Tables ==========================================================================
    272 //  * Remove most spacing between table cells.
    273 table {
    274   border-collapse: collapse;
    275   border-spacing: 0;
    276 }
    277 
    278 td,
    279 th {
    280   padding: 0;
    281   text-align:left
    282 }
    283 
    284 
    285 /* Box-Sizing: We are using border-box as this is the most intuitive way for sizing. */
    286 *, ::before, ::after {
    287   box-sizing: border-box;
    288 }