madr/css3-sass-mixins

Sass mixins which makes it easy to use css3 in Sass or SCSS powered projects

Hej och hårdrock för fan!

// That is "Hi! 🤘" in swedish

I make web sites and currently works for Playmaker as a Fullstack Developer. My passion is to solve problems with solutions that are accessible, inclusive and pleasant to use. I am always willing to learn new things, but I prefer to keep things simple and straight-forward without unnecessary clutter: I embrace boring tech.

I wrote JavaScript before it was cool and have used Python with joy for a decade. Currently, I learn Rust and Phoenix LiveView. I also try to master Elixir.

Current brain teasers

• What makes a good time tracking system that does not suck?
• I miss the old Instapaper so much, a minimalistic selfhosted link reading list would be so nice to have again!
• I love Metalsmith, the pluggable static site generator, but not the Node.js leverage: what if it existed a port?
• HTML-over-websockets is so cool, but will it really challenge the SPA paradigm?
• SSR React/Vue/Svelte, when to use instead of HTML-over-websockets?
• When is a PWA the correct way to go?
• Micro-frontend, extreme or just full monty?

css3-sass-mixins's Issues

use a better decimal to hex formula

Please add a License

fix filters for box-shadow mixin

Rotate, IE and sass/compass

After reading up, apparently you can do this with compass but now sass alone. https://github.com/nex3/sass/issues/closed#issue/4

We wait and see what happens.

Extend linear gradients with the new webkit syntax

Webkit and Firefox has changed their syntax for making gradients.

• http://webkit.org/blog/1424/css3-gradients/

write documentation examples

Fix rotate mixin for ie

IE filters uses cosinus(deg).

lighten/darken color functions aren’t supported

I noticed that when using box-shadow, a #hex value is expected. Is there a chance we could see support for lighten/darken?

convert scss mixins to sass

border-image broken

border.png is a broken link

Add Test rendering html file

This project is necessary to add a simple html file to test whether all mixins are styling properly in all browsers .

I think that try to provide it with my fork.

Incidentally, have done you check how?

Radius, repeating-radius and repeating-linear

New types. Apparently WebKit and Mozilla agrees on these.

• http://webkit.org/blog/1424/css3-gradients/
• http://dev.w3.org/csswg/css3-images/#linear-gradients

investigate svg support for font-face