Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create 756 - CSS Mixins and Functions.md #1658

Merged
merged 1 commit into from
Apr 10, 2024
Merged

Create 756 - CSS Mixins and Functions.md #1658

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
36 changes: 36 additions & 0 deletions shows/756 - CSS Mixins and Functions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
---
number: 756
title: CSS Is Getting Mixins + Functions
date: 1713178800000
url: https://traffic.libsyn.com/syntax/Syntax_-_756.mp3
youtube_url: https://www.youtube.com/watch?v=MwXht_lBcHo
---

Scott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools.

### Show Notes

* **[00:00](#t=00:00)** Welcome to Syntax!
* **[01:24](#t=01:24)** Brought to you by [Sentry.io](www.sentry.io/syntax)
* **[03:00](#t=03:00)** CSS Is getting Functions and Mixins!
* [CSS Mixins and Functions Explainer](https://css.oddbird.net/sasslike/mixins-functions/)
* [CSS Working Group Discussion](https://github.com/w3c/csswg-drafts/issues/9350#issuecomment-1939628591)
* **[06:19](#t=06:19)** Functions and mixins, how are they different?
* **[07:26](#t=07:26)** Don't get hung up on the syntax, or maybe do.
* **[09:12](#t=09:12)** CSS Functions.
* **[12:02](#t=12:02)** Some use-cases.
* **[15:58](#t=15:58)** CSS Mixins.
* **[16:31](#t=16:31)** Tailwind-like classes.
* **[17:53](#t=17:53)** Tailwind-like arbitrary syntax.
* **[20:08](#t=20:08)** Fluid typography.
* **[21:13](#t=21:13)** Let's talk about logic.

### Hit us up on Socials!

Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)

Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)

Scott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)

Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)