RicoTrevisan

RicoTrevisan

These tips just solved a big problem for me, figured I would share it here:

I was struggling to make this work:

~H"""
	<div class={"ml-[#{@level / 2}rem]"} </div>
"""

But this worked:

~H"""
	<div 
		class="ml-[--left-margin]" 
		style={"--left-margin: #{@level / 2}rem"}>
	</div>
"""

Showing Posts 1 to 1

slouchpie

slouchpie

This CSS var solution to dynamic sizing is super helpful. Thanks!

— All posts loaded —

Where Next? Top

Trending in Screencasts Top

Potions
Sooner or later you’ll need to run a one-off or recurring task on a deployed app, and if you deploy with releases the usual answer, a Mix...
New
ElixirCasts
Plotto is a 100% Elixir charting library with no NIFs or external dependencies. In this episode, we’ll use it to add interactive SVG char...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews