contivero / hasmin Goto Github PK

unicode-range is mangled:

Hasmin> minifyCSS "@font-face { font-family: serif; unicode-range: U+0-FF, U+2?? }"
Right "@font-face{font-family:serif;unicode-range:U 0 -FF,U 2 ?? }"

The latter syntax is not valid, and so the rule is ignored.

Also, font-weight inside of @font-face accepts two-argument values, but using the syntax causes an error:

Hasmin> minifyCSS "@font-face { font-family: serif; font-weight: 400 700; }"
Left "'{': Failed reading: satisfy"

quickcheck-instances 0.3.19 has been released, which adds MaybeT instances. This is the version currently in nixpkgs, and hasmin's cabal file only accepts versions < 0.3.19, making hasmin unusable.

Could you please publish a version with relaxed bounds? Even if it's not worth making a full new release, a hackage metadata revision would help.

hasmin 1.0.3 can build with the latest bytestring and attoparsec packages!

Hello again, its been some time.

So, grouping media queries, why would that be useful?

Here is an example (Limited to two per breakpoint) from a site I built using my tool, Cell.
As you can see these could be easily combined. Now you might be thinking, surely only generated
CSS would have such waste when it comes to media queries, however anyone using a modular CSS component library or organizing their code by class likely has such repetition. This is mostly due to the common use of a limited set of breakpoints that are used as the cutoffs for all media queries in a codebase. For example, one designer may use Large, Medium and Small sizes (each with rem or pixel values) while another may prefer more granularity. Whatever the case, the practice of using a limited set of breakpoints is widespread.

@media all and (min-width: 24rem) {
  .Fz\(s2\)\@xs {font-size: 1.2rem;}
}
@media all and (min-width: 24rem) {
  .Px\(s04\)\@xs {padding-left: .25rem; padding-right: .25rem;}
}
@media all and (min-width: 32rem) {
  .D\(ib\)\@sm {display: inline-block;}
}
@media all and (min-width: 32rem) {
  .Fz\(s1\)\@sm {font-size: 1rem;}
}
@media all and (min-width: 48rem) {
  .D\(b\)\@md {display: block;}
}
@media all and (min-width: 48rem) {
  .D\(ib\)\@md {display: inline-block;}
}
@media all and (min-width: 64rem) {
  .Pos\(s\)\@lg {position: static;}
}
@media all and (min-width: 64rem) {
  .Px\(s1\)\@lg {padding-left: 1rem; padding-right: 1rem;}
}
@media all and (min-width: 80rem) {
  .D\(b\)\@xl {display: block;}
}
@media all and (min-width: 80rem) {
  .D\(n\)\@xl {display: none;}
}

So technique is to combine media queries that use the same condition. For example:

@media all and (min-width: 24rem) {
  .Fz\(s2\)\@xs {font-size: 1.2rem;}
  .Px\(s04\)\@xs {padding-left: .25rem; padding-right: .25rem;}
}
@media all and (min-width: 32rem) {
  .D\(ib\)\@sm {display: inline-block;}
  .Fz\(s1\)\@sm {font-size: 1rem;}
}
@media all and (min-width: 48rem) {
  .D\(b\)\@md {display: block;}
  .D\(ib\)\@md {display: inline-block;}
}
@media all and (min-width: 64rem) {
  .Pos\(s\)\@lg {position: static;}
  .Px\(s1\)\@lg {padding-left: 1rem; padding-right: 1rem;}
}
@media all and (min-width: 80rem) {
  .D\(b\)\@xl {display: block;}
  .D\(n\)\@xl {display: none;}
}

I never noticed your request for an issue and since you so promptly libraryfied your code I
feel I owe this to you now that I have noticed,
Cheers!

Currently, use of CSS variables causes a parse error.

I have written a haskell CSS tool called Cell. I would love to use this as a libary to minify Cell's output as It is better than the other implementations I have found. Have you considered converting this into a libary and implementing the tool using it?