Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Francis Claide Magallen claide

🏠
Working from home
View GitHub Profile
@claide
claide / blinker.css
Created May 15, 2020
Online indicator blink with animation shorthand
View blinker.css
.is-online {
height: 16px;
width: 16px;
display: inline-block;
border-radius: 50%;
background-color: $green;
animation: blink 2s ease-in-out 0s 3;
-webkit-animation: blink 2s ease-in-out 0s 3;
}
@claide
claide / generic-media-query.css
Created May 11, 2020
Generic css media query template.
View generic-media-query.css
/*
desktops
higher resolution
*/
@media (min-width: 1281px)
/*
laptops,
desktops
*/
You can’t perform that action at this time.