Category: CSS

Medium underline style

Interesting approach to draw underline from medium by Martin Wichary
text-decoration: none;
background-repeat: repeat-x;
background-image: linear-gradient(to right,rgba(0,0,0,.84) 100%,rgba(0,0,0,0) 0);
background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
background-image: url(data:image/svg+xml;utf8,);
background-size: 1px 1px;
background-position: 0 1.05em;
background-position: 0 calc(1em + 1px);

Bootstrap-like media queries

If you, kind stranger, ask me, what the hack is this post, I ‘ ll answer that it’s just for myself =)

This is a bone for responsive css like in bootstrap. Nothing more.

@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {}