UNPKG

liser

Version:

functional css help to optimizing design work and building responsive websites

3 lines (1 loc) 1.92 kB
.blurred-t{-webkit-filter:blur(.125rem);filter:blur(.125rem)}.blurred-l{-webkit-filter:blur(.25rem);filter:blur(.25rem)}.blurred-r{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.blurred-m{-webkit-filter:blur(1rem);filter:blur(1rem)}.blurred-b{-webkit-filter:blur(2rem);filter:blur(2rem)}.filter-none{-webkit-filter:none;filter:none}@media screen and (min-width:30em){.blurred-t-ns{-webkit-filter:blur(.125rem);filter:blur(.125rem)}.blurred-l-ns{-webkit-filter:blur(.25rem);filter:blur(.25rem)}.blurred-r-ns{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.blurred-m-ns{-webkit-filter:blur(1rem);filter:blur(1rem)}.blurred-b-ns{-webkit-filter:blur(2rem);filter:blur(2rem)}.filter-none-ns{-webkit-filter:none;filter:none}}@media screen and (min-width:30em) and (max-width:60em){.blurred-t-m{-webkit-filter:blur(.125rem);filter:blur(.125rem)}.blurred-l-m{-webkit-filter:blur(.25rem);filter:blur(.25rem)}.blurred-r-m{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.blurred-m-m{-webkit-filter:blur(1rem);filter:blur(1rem)}.blurred-b-m{-webkit-filter:blur(2rem);filter:blur(2rem)}.filter-none-m{-webkit-filter:none;filter:none}}@media screen and (max-width:60em) and (orientation:landscape){.blurred-t-ml{-webkit-filter:blur(.125rem);filter:blur(.125rem)}.blurred-l-ml{-webkit-filter:blur(.25rem);filter:blur(.25rem)}.blurred-r-ml{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.blurred-m-ml{-webkit-filter:blur(1rem);filter:blur(1rem)}.blurred-b-ml{-webkit-filter:blur(2rem);filter:blur(2rem)}.filter-none-ml{-webkit-filter:none;filter:none}}@media screen and (min-width:60em){.blurred-t-l{-webkit-filter:blur(.125rem);filter:blur(.125rem)}.blurred-l-l{-webkit-filter:blur(.25rem);filter:blur(.25rem)}.blurred-r-l{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.blurred-m-l{-webkit-filter:blur(1rem);filter:blur(1rem)}.blurred-b-l{-webkit-filter:blur(2rem);filter:blur(2rem)}.filter-none-l{-webkit-filter:none;filter:none}}