Using a PostCSS function to automate your responsive workflow

.mega-header::before { content: “”; position: absolute; top: 0; right: 0; width: 75%; height: 90%; background-image: radial-gradient(ellipse closest-side, rgba(15, 14, 22, 0.5), #100e17), url(https://res.cloudinary.com/css-tricks/image/fetch/w_1200,q_auto,f_auto/https://css-tricks.com/wp-content/uploads/2019/03/fluid-type.png); background-size: cover; background-repeat: no-repeat; opacity: 0.75; } A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font […]

Read more
Top