Skip to Content
TIL (Today I learned)
text-decoration doesn't have to be a solid line. There's also dotted, dashed, double, and wavy.
text-decoration is a shorthand property for text-decoration-line, text-decoration-color, and text-decoration-style.
Overflowing block-level elements with overflow set to scroll or auto are focusable in Firefox.
You can use conditional comments to target specific versions of Outlook.
You can turn the outline of an element to the _inside_ by setting the outline-offset property to a negative value. (Not supported in IE)
You can center a flex-item vertically and horizontally by applying margin: auto; to it.
If you press CMD/Ctrl and click on a property or property value in the style panel, @ChromeDevTools jumps directly to the respective css/scss file and line.
About the @at-root directive. It moves nested styles out from within a parent selector or nested directive.
IE 11 requires a unit to be added to the third argument (flex-basis) of the flex property.
You can use `navigator.connection` to get information about the connection like round-trip time, bandwidth, connection type (e.g. 3g, 4g) or if Data-Saver is enabled.
The grid-auto-flow property takes up to two values. row, column, dense, row dense, or column dense.
You can pass an `options` object, which only has a single property, to the `focus()` method to prevent scrolling on focus.
There's a tab-size property. It controls the width of the tab (U+0009) character.
How to get a random background-color (or any other value) each time I compile Sass.