admin
1 day ago
front
1 week ago
shared
9 months ago
vendor
9 months ago
_reboot.scss
9 months ago
_shared_mixins.scss
1 year ago
admin.scss
1 year ago
front.scss
1 year ago
_reboot.scss
427 lines
| 1 | .latepoint-admin, |
| 2 | .latepoint-w { |
| 3 | font-family: $body-font-family; // 2 |
| 4 | line-height: 1.2; // 3 |
| 5 | -webkit-text-size-adjust: 100%; // 4 |
| 6 | -ms-text-size-adjust: 100%; // 4 |
| 7 | -ms-overflow-style: scrollbar; // 5 |
| 8 | |
| 9 | p { |
| 10 | line-height: 1.2; |
| 11 | } |
| 12 | |
| 13 | .os-template-preview-content { |
| 14 | font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| 15 | h1,h2,h3,h4,h5 { |
| 16 | font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| 17 | } |
| 18 | .os-template-var { |
| 19 | font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace; |
| 20 | } |
| 21 | } |
| 22 | *, |
| 23 | *::before, |
| 24 | *::after { |
| 25 | box-sizing: border-box; // 1 |
| 26 | } |
| 27 | |
| 28 | // stylelint-disable selector-list-comma-newline-after |
| 29 | // Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers) |
| 30 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { |
| 31 | display: block; |
| 32 | } |
| 33 | // stylelint-enable selector-list-comma-newline-after |
| 34 | |
| 35 | // Suppress the focus outline on elements that cannot be accessed via keyboard. |
| 36 | // This prevents an unwanted focus outline from appearing around elements that |
| 37 | // might still respond to pointer events. |
| 38 | // |
| 39 | // Credit: https://github.com/suitcss/base |
| 40 | [tabindex="-1"]="-1""]:focus { |
| 41 | outline: 0 !important; |
| 42 | } |
| 43 | |
| 44 | |
| 45 | // Content grouping |
| 46 | // |
| 47 | // 1. Add the correct box sizing in Firefox. |
| 48 | // 2. Show the overflow in Edge and IE. |
| 49 | |
| 50 | hr { |
| 51 | box-sizing: content-box; // 1 |
| 52 | height: 0; // 1 |
| 53 | overflow: visible; // 2 |
| 54 | } |
| 55 | |
| 56 | |
| 57 | // |
| 58 | // Typography |
| 59 | // |
| 60 | |
| 61 | // Remove top margins from headings |
| 62 | // |
| 63 | // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top |
| 64 | // margin for easier control within type scales as it avoids margin collapsing. |
| 65 | // stylelint-disable selector-list-comma-newline-after |
| 66 | h1, h2, h3, h4, h5, h6 { |
| 67 | margin-top: 0; |
| 68 | } |
| 69 | // stylelint-enable selector-list-comma-newline-after |
| 70 | |
| 71 | // Reset margins on paragraphs |
| 72 | // |
| 73 | // Similarly, the top margin on `<p>`s get reset. However, we also reset the |
| 74 | // bottom margin to use `rem` units instead of `em`. |
| 75 | p { |
| 76 | margin-top: 0; |
| 77 | } |
| 78 | |
| 79 | // Abbreviations |
| 80 | // |
| 81 | // 1. Remove the bottom border in Firefox 39-. |
| 82 | // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
| 83 | // 3. Add explicit cursor to indicate changed behavior. |
| 84 | // 4. Duplicate behavior to the data-* attribute for our tooltip plugin |
| 85 | |
| 86 | abbr[title]], |
| 87 | abbr[data-original-title]] { // 4 |
| 88 | text-decoration: underline; // 2 |
| 89 | text-decoration: underline dotted; // 2 |
| 90 | cursor: help; // 3 |
| 91 | border-bottom: 0; // 1 |
| 92 | } |
| 93 | |
| 94 | address { |
| 95 | margin-bottom: 1rem; |
| 96 | font-style: normal; |
| 97 | line-height: inherit; |
| 98 | } |
| 99 | |
| 100 | ol, |
| 101 | ul, |
| 102 | dl { |
| 103 | margin-top: 0; |
| 104 | margin-bottom: 1rem; |
| 105 | } |
| 106 | |
| 107 | ol ol, |
| 108 | ul ul, |
| 109 | ol ul, |
| 110 | ul ol { |
| 111 | margin-bottom: 0; |
| 112 | } |
| 113 | |
| 114 | dt { |
| 115 | } |
| 116 | |
| 117 | dd { |
| 118 | margin-bottom: .5rem; |
| 119 | margin-left: 0; // Undo browser default |
| 120 | } |
| 121 | |
| 122 | blockquote { |
| 123 | margin: 0 0 1rem; |
| 124 | } |
| 125 | |
| 126 | dfn { |
| 127 | font-style: italic; // Add the correct font style in Android 4.3- |
| 128 | } |
| 129 | |
| 130 | // stylelint-disable font-weight-notation |
| 131 | b, |
| 132 | strong { |
| 133 | font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari |
| 134 | } |
| 135 | // stylelint-enable font-weight-notation |
| 136 | |
| 137 | small { |
| 138 | font-size: 80%; // Add the correct font size in all browsers |
| 139 | } |
| 140 | |
| 141 | // |
| 142 | // Prevent `sub` and `sup` elements from affecting the line height in |
| 143 | // all browsers. |
| 144 | // |
| 145 | |
| 146 | sub, |
| 147 | sup { |
| 148 | position: relative; |
| 149 | font-size: 75%; |
| 150 | line-height: 0; |
| 151 | vertical-align: baseline; |
| 152 | } |
| 153 | |
| 154 | sub { bottom: -.25em; } |
| 155 | sup { top: -.5em; } |
| 156 | |
| 157 | |
| 158 | // |
| 159 | // Links |
| 160 | // |
| 161 | |
| 162 | // And undo these styles for placeholder links/named anchors (without href) |
| 163 | // which have not been made explicitly keyboard-focusable (without tabindex). |
| 164 | // It would be more straightforward to just use a[href] in previous block, but that |
| 165 | // causes specificity issues in many other styles that are too complex to fix. |
| 166 | // See https://github.com/twbs/bootstrap/issues/19402 |
| 167 | |
| 168 | a:not([href]):not([tabindex]) { |
| 169 | color: inherit; |
| 170 | text-decoration: none; |
| 171 | |
| 172 | &:focus { |
| 173 | outline: 0; |
| 174 | } |
| 175 | } |
| 176 | |
| 177 | |
| 178 | // |
| 179 | // Code |
| 180 | // |
| 181 | |
| 182 | pre, |
| 183 | code, |
| 184 | kbd, |
| 185 | samp { |
| 186 | font-size: 1em; // Correct the odd `em` font sizing in all browsers. |
| 187 | } |
| 188 | |
| 189 | pre { |
| 190 | // Remove browser default top margin |
| 191 | margin-top: 0; |
| 192 | // Reset browser default of `1em` to use `rem`s |
| 193 | margin-bottom: 1rem; |
| 194 | // Don't allow content to break outside |
| 195 | overflow: auto; |
| 196 | // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so |
| 197 | // we force a non-overlapping, non-auto-hiding scrollbar to counteract. |
| 198 | -ms-overflow-style: scrollbar; |
| 199 | } |
| 200 | |
| 201 | |
| 202 | // |
| 203 | // Figures |
| 204 | // |
| 205 | |
| 206 | figure { |
| 207 | // Apply a consistent margin strategy (matches our type styles). |
| 208 | margin: 0 0 1rem; |
| 209 | } |
| 210 | |
| 211 | |
| 212 | // |
| 213 | // Images and content |
| 214 | // |
| 215 | |
| 216 | img { |
| 217 | vertical-align: middle; |
| 218 | border-style: none; // Remove the border on images inside links in IE 10-. |
| 219 | } |
| 220 | |
| 221 | svg { |
| 222 | // Workaround for the SVG overflow bug in IE10/11 is still required. |
| 223 | // See https://github.com/twbs/bootstrap/issues/26878 |
| 224 | overflow: hidden; |
| 225 | vertical-align: middle; |
| 226 | } |
| 227 | |
| 228 | |
| 229 | // |
| 230 | // Tables |
| 231 | // |
| 232 | |
| 233 | table { |
| 234 | border-collapse: collapse; // Prevent double borders |
| 235 | } |
| 236 | |
| 237 | caption { |
| 238 | text-align: left; |
| 239 | caption-side: bottom; |
| 240 | } |
| 241 | |
| 242 | th { |
| 243 | // Matches default `<td>` alignment by inheriting from the `<body>`, or the |
| 244 | // closest parent with a set `text-align`. |
| 245 | text-align: inherit; |
| 246 | } |
| 247 | |
| 248 | |
| 249 | // |
| 250 | // Forms |
| 251 | // |
| 252 | |
| 253 | label { |
| 254 | // Allow labels to use `margin` for spacing. |
| 255 | display: inline-block; |
| 256 | } |
| 257 | |
| 258 | // Remove the default `border-radius` that macOS Chrome adds. |
| 259 | // |
| 260 | // Details at https://github.com/twbs/bootstrap/issues/24093 |
| 261 | button:not(.latepoint-btn) { |
| 262 | //border-radius: 0; |
| 263 | } |
| 264 | |
| 265 | // Work around a Firefox/IE bug where the transparent `button` background |
| 266 | // results in a loss of the default `button` focus styles. |
| 267 | // |
| 268 | // Credit: https://github.com/suitcss/base/ |
| 269 | button:focus { |
| 270 | outline: 1px dotted; |
| 271 | outline: 5px auto -webkit-focus-ring-color; |
| 272 | } |
| 273 | |
| 274 | input, |
| 275 | button, |
| 276 | select, |
| 277 | optgroup, |
| 278 | textarea { |
| 279 | margin: 0; // Remove the margin in Firefox and Safari |
| 280 | font-family: inherit; |
| 281 | font-size: inherit; |
| 282 | line-height: inherit; |
| 283 | } |
| 284 | |
| 285 | button, |
| 286 | input { |
| 287 | overflow: visible; // Show the overflow in Edge |
| 288 | } |
| 289 | |
| 290 | button, |
| 291 | select { |
| 292 | text-transform: none; // Remove the inheritance of text transform in Firefox |
| 293 | } |
| 294 | |
| 295 | // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
| 296 | // controls in Android 4. |
| 297 | // 2. Correct the inability to style clickable types in iOS and Safari. |
| 298 | button, |
| 299 | html [type="button"]="button""], // 1 |
| 300 | [type="reset"]="reset""], |
| 301 | [type="submit"]="submit""] { |
| 302 | -webkit-appearance: button; // 2 |
| 303 | } |
| 304 | |
| 305 | // Remove inner border and padding from Firefox, but don't restore the outline like Normalize. |
| 306 | button::-moz-focus-inner, |
| 307 | [type="button"]="button""]::-moz-focus-inner, |
| 308 | [type="reset"]="reset""]::-moz-focus-inner, |
| 309 | [type="submit"]="submit""]::-moz-focus-inner { |
| 310 | padding: 0; |
| 311 | border-style: none; |
| 312 | } |
| 313 | |
| 314 | input[type="radio"]="radio""], |
| 315 | input[type="checkbox"]="checkbox""] { |
| 316 | box-sizing: border-box; // 1. Add the correct box sizing in IE 10- |
| 317 | padding: 0; // 2. Remove the padding in IE 10- |
| 318 | } |
| 319 | |
| 320 | |
| 321 | input[type="date"]="date""], |
| 322 | input[type="time"]="time""], |
| 323 | input[type="datetime-local"]="datetime-local""], |
| 324 | input[type="month"]="month""] { |
| 325 | // Remove the default appearance of temporal inputs to avoid a Mobile Safari |
| 326 | // bug where setting a custom line-height prevents text from being vertically |
| 327 | // centered within the input. |
| 328 | // See https://bugs.webkit.org/show_bug.cgi?id=139848 |
| 329 | // and https://github.com/twbs/bootstrap/issues/11266 |
| 330 | -webkit-appearance: listbox; |
| 331 | } |
| 332 | |
| 333 | textarea { |
| 334 | overflow: auto; // Remove the default vertical scrollbar in IE. |
| 335 | // Textareas should really only resize vertically so they don't break their (horizontal) containers. |
| 336 | resize: vertical; |
| 337 | } |
| 338 | |
| 339 | fieldset { |
| 340 | // Browsers set a default `min-width: min-content;` on fieldsets, |
| 341 | // unlike e.g. `<div>`s, which have `min-width: 0;` by default. |
| 342 | // So we reset that to ensure fieldsets behave more like a standard block element. |
| 343 | // See https://github.com/twbs/bootstrap/issues/12359 |
| 344 | // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements |
| 345 | min-width: 0; |
| 346 | // Reset the default outline behavior of fieldsets so they don't affect page layout. |
| 347 | padding: 0; |
| 348 | margin: 0; |
| 349 | border: 0; |
| 350 | } |
| 351 | |
| 352 | // 1. Correct the text wrapping in Edge and IE. |
| 353 | // 2. Correct the color inheritance from `fieldset` elements in IE. |
| 354 | legend { |
| 355 | display: block; |
| 356 | width: 100%; |
| 357 | max-width: 100%; // 1 |
| 358 | padding: 0; |
| 359 | margin-bottom: .5rem; |
| 360 | font-size: 1.5rem; |
| 361 | line-height: inherit; |
| 362 | color: inherit; // 2 |
| 363 | white-space: normal; // 1 |
| 364 | } |
| 365 | |
| 366 | progress { |
| 367 | vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera. |
| 368 | } |
| 369 | |
| 370 | // Correct the cursor style of increment and decrement buttons in Chrome. |
| 371 | [type="number"]="number""]::-webkit-inner-spin-button, |
| 372 | [type="number"]="number""]::-webkit-outer-spin-button { |
| 373 | height: auto; |
| 374 | } |
| 375 | |
| 376 | [type="search"]="search""] { |
| 377 | // This overrides the extra rounded corners on search inputs in iOS so that our |
| 378 | // `.form-control` class can properly style them. Note that this cannot simply |
| 379 | // be added to `.form-control` as it's not specific enough. For details, see |
| 380 | // https://github.com/twbs/bootstrap/issues/11586. |
| 381 | outline-offset: -2px; // 2. Correct the outline style in Safari. |
| 382 | -webkit-appearance: none; |
| 383 | } |
| 384 | |
| 385 | // |
| 386 | // Remove the inner padding and cancel buttons in Chrome and Safari on macOS. |
| 387 | // |
| 388 | |
| 389 | [type="search"]="search""]::-webkit-search-cancel-button, |
| 390 | [type="search"]="search""]::-webkit-search-decoration { |
| 391 | -webkit-appearance: none; |
| 392 | } |
| 393 | |
| 394 | // |
| 395 | // 1. Correct the inability to style clickable types in iOS and Safari. |
| 396 | // 2. Change font properties to `inherit` in Safari. |
| 397 | // |
| 398 | |
| 399 | ::-webkit-file-upload-button { |
| 400 | font: inherit; // 2 |
| 401 | -webkit-appearance: button; // 1 |
| 402 | } |
| 403 | |
| 404 | // |
| 405 | // Correct element displays |
| 406 | // |
| 407 | |
| 408 | output { |
| 409 | display: inline-block; |
| 410 | } |
| 411 | |
| 412 | summary { |
| 413 | display: list-item; // Add the correct display in all browsers |
| 414 | cursor: pointer; |
| 415 | } |
| 416 | |
| 417 | template { |
| 418 | display: none; // Add the correct display in IE |
| 419 | } |
| 420 | |
| 421 | // Always hide an element with the `hidden` HTML attribute (from PureCSS). |
| 422 | // Needed for proper display in IE 10-. |
| 423 | [hidden]] { |
| 424 | display: none !important; |
| 425 | } |
| 426 | } |
| 427 |