Phoenix LiveView 1.2 Released with Colocated CSS Support
By
ksec
Summary
Phoenix LiveView 1.2.0 has been released, a small update that builds on the colocation features introduced in LiveView 1.1. The main new feature is support for colocating CSS directly inside HEEx templates, allowing developers to write component-specific styles alongside their markup. The upgrade from 1.1 to 1.2 is straightforward, requiring only a version bump in mix.exs.
Source
Key quotes
· 1 pulledLiveView 1.2 builds on the background work done for Phoenix.LiveView.ColocatedJS to allow you to colocate CSS in HEEx too.
You might also wanna read
Phoenix LiveView Tutorial: Getting Started
2022 CSS Updates

CSS @scope Rule: A Native Solution for Scoped Styles and Component Isolation
The article discusses the new CSS @scope rule as a solution to the challenges of maintaining CSS in complex modern interfaces. It explains h
Rethinking Mobile-First CSS: When the Classic Approach Falls Short
Patrick Clancey critically examines the mobile-first CSS methodology, arguing that while the mobile-first design philosophy is valuable, app

The Evolution of CSS: From Presentational Styling to a Smarter, Logic-Driven Language
Gabriel Shoyombo explores the evolution of CSS from a purely presentational language into one with growing logical capabilities, examining f
Modern CSS Techniques for Creating Memorable Web Experiences
A detailed technical article exploring modern CSS techniques for creating visually engaging and memorable web experiences. The author advoca

Comments
Sign in to join the conversation.
No comments yet. Be the first.