File modules/cms/ui/themes/default/style/openrat-normalize.less

Last commit: Sun Feb 13 22:12:01 2022 +0100	dankert	Fix: Linebreaks in preformatted code should be visible
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 }
Download modules/cms/ui/themes/default/style/openrat-normalize.less
History Sun, 13 Feb 2022 22:12:01 +0100 dankert Fix: Linebreaks in preformatted code should be visible Sun, 13 Feb 2022 21:52:29 +0100 dankert Fix: Very long text should not crash the UI, so the overflow is now hidden. Mon, 8 Mar 2021 01:24:06 +0100 Jan Dankert New: Action menu on many lists; tables have now a fixed layout Thu, 5 Nov 2020 22:51:14 +0100 Jan Dankert Cleaned up the LESS files, more use of the BEM schema.