| /* Place this after bootstrap.scss */ | |
| $screen-xl: 1560px !default; | |
| $screen-xl-min: $screen-xl !default; | |
| $screen-xl-desktop: $screen-xl-min !default; | |
| $screen-lg-max: ($screen-xl-min - 1) !default; | |
| $container-xlarge-desktop: (1530px + $grid-gutter-width) !default; | |
| $container-xl: $container-xlarge-desktop !default; | |
| .container { |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| { | |
| "plugins": [ | |
| "stylelint-declaration-use-variable" | |
| ], | |
| "rules": { | |
| "color-hex-case": ["lower", {"severity": "warning"} ], | |
| "color-hex-length": ["short", {"severity": "warning"} ], | |
| "color-named": ["never", {"severity": "warning"} ], | |
| "time-no-imperceptible": [true, {"severity": "warning"} ], | |
| "max-nesting-depth": [5, {"severity": "warning"} ], |
| #!/usr/bin/env node | |
| /* | |
| MIT License | |
| Copyright (c) 2025 Matt Ström-Awn | |
| Permission is hereby granted, free of charge, to any person obtaining a copy | |
| of this software and associated documentation files (the "Software"), to deal | |
| in the Software without restriction, including without limitation the rights |
