Mixins & Functions to Streamline CSS | with guest Roma Komarov скачать в хорошем качестве

Mixins & Functions to Streamline CSS | with guest Roma Komarov

The CSS Working Group is getting together in August to discuss a range of old and new issues. Join Miriam Suzanne and Stacy Kvernmo the following week for a chat with CSS expert Roma Komarov about what's new in CSS, what happened in the meetings, and what to keep an eye on! During this conversion, we discuss: CSS Mixins What are they? How/Does it differ from mixins in Sass? How to use it Which browsers currently support CSS Mixins? (was command line access only) CSS Functions What is a CSS Function? What are some ways it can be used? Can be used in Chromium (experimental features flag) CSSWG meeting: Masonry Display Color (gamut-mapping proposal agreement) How mixins interact with layers (mixin in a conditional) Links: https://blog.kizu.dev/functional-capt... https://kizu.dev/indirect-cyclic-cond... https://css.oddbird.net/sasslike/mixi... https://www.w3.org/TR/css-mixins-1/ Mixins Browser Support: Chrome https://www.chromium.org/developers/h... (CSSMixins flag) Functions Browser Support Chrome with Experimental Web Platform Features Flag: https://slides.oddbird.net/mixins/css... Can you style an element based on the presence or absence of a custom property? https://front-end.social/@heydon/1122... 02:17 CSS mixins 03:58 Differ from Sass mixins 04:47 New things you can do 08:42 Easing demo 15:48 CSS functions 19:41 `@sheet` 22:43 Roma’s articles 38:21 CSS masonry layout 48:49 Gamut Mapping 52:44 Exceptions 55:00 contrast-color()