Skip to content

Instantly share code, notes, and snippets.

@media screen and (prefers-reduced-motion: no-preference)
html,
body
scroll-behavior: smooth
@baileys-li
baileys-li / svg-icon.sass
Created February 5, 2020 20:02
style for svg icons
.icon
position: relative
top: 0.125em
flex-shrink: 0
width: 1em
height: 1em
transition: fill 0.3s
@baileys-li
baileys-li / visually-hidden.sass
Last active February 5, 2020 19:54
Visually hide class / Класс для скрытия
.visually-hidden:not(:focus):not(:active), input[type="checkbox"].visually-hidden, input[type="radio"].visually-hidden
position: absolute
width: 1px
height: 1px
margin: -1px
border: 0
padding: 0
white-space: nowrap
@baileys-li
baileys-li / visually-hidden.css
Created November 28, 2019 10:24
Visually hide class / Класс для скрытия
.visually-hidden:not(:focus):not(:active), input[type="checkbox"].visually-hidden, input[type="radio"].visually-hidden{
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;