Skip to content

Instantly share code, notes, and snippets.

View claide's full-sized avatar

Francis Claide Magallen claide

View GitHub Profile
@claide
claide / blinker.css
Created May 15, 2020 09:00
Online indicator blink with animation shorthand
.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 03:56
Generic css media query template.
/*
desktops
higher resolution
*/
@media (min-width: 1281px)
/*
laptops,
desktops
*/