Skip to content

Instantly share code, notes, and snippets.

@miminas
miminas / z-index
Created February 17, 2020 13:21
Z-index get and set
/// Z-indexes map, gathering all Z layers of the application
/// @access private
/// @type Map
/// @prop {String} key - Layer’s name
/// @prop {Number} value - Z value mapped to the key
$z-indexes: (
'modal': 5000,
'dropdown': 4000,
'default': 1,
'below': -1,
@miminas
miminas / text
Created February 17, 2020 10:54
UX text practices
the recommended line length is 45 to 75 characters per line.
@miminas
miminas / declaration-order
Last active February 17, 2020 12:42
CSS properties order of declaration
Layout Properties (position, float, clear, display)
Box Model Properties (width, height, margin, padding)
Visual Properties (color, background, border, box-shadow)
Typography Properties (font-size, font-family, text-align, text-transform)
Misc Properties (cursor, overflow, z-index)
.selector {
/* Positioning */
position: absolute;
z-index: 10;
@miminas
miminas / bem
Created February 17, 2020 08:10
Sass and BEM #css #bem
For those of you writing Sass and enjoy nesting as a way of scoping styles, you can still author in a nested format, but get CSS that isn't nested, with @at-root:
.block {
@at-root #{&}__element {
}
@at-root #{&}--modifier {
}
}
gets you
@miminas
miminas / ical-subscriptions-GR.md
Last active May 20, 2024 08:02
ical-subscriptions-GR