CSS: Shortcuts
This site is under construction.

version: 2.1.0

C Новым Годом!

location: nazares.ru\post#229
mode: 

CSS: Shortcuts

Shortcuts of css

Post added by nazares on: Sun 23 Jul 2023 11:33 pm 15 671

logo.webp

Instead of this 

.item {
    width: 50%;
    max-width: 20rem;
}

Do this: 

.item {
    width: min(50%, 20rem);
}


Instead of this: 

.item:is(:hover, :focus) {
    /* style */
}

Do this: 

.item:hover, .item:focus {
    /* style */
}


Instead of this: 

.item {
    margin-left: 10px;
    margin-right: 10px;

Do this: 

.item {
    margin-inline: 10px;
}