SCSS/SASS include in Nuxt project

Sass include in Nuxt project.

Simple css styles are no longer enough when it comes to more complex projects.The linearity of the css is an obstacle compared to more complex structures, such as those provided for the compiled SCSS/SASS styles. To include custom scss in your project we can install sass-loader. The version of sass-loader needs to […]

Read More…

Responsive Web: deep dive into CSS media queries

In the era of diverse devices and screen sizes, crafting beautiful and adaptable web experiences is crucial. Enter media queries, powerful tools within CSS and SCSS that allow you to tailor your styles based on specific device characteristics. This article delves into the world of media queries, empowering you to […]

Read More…

How to structure SASS/SCSS styles

How to structure SASS/SCSS styles

Today we see how to structure our projects based on sass/scss styles. From what I have noticed over time, not many know this evolution of the css that I now consider indispensable on some project dealing with design and Front-end.An important thing to consider when talking about projects of this […]

Read More…

CSS Gradients: Photoshop-like Transparency and others

CSS gradients offer a powerful way to create a Photoshop-like transparency background, replicating transparency effects and even surpassing Photoshop’s limitations. Get ready to dive into the vibrant world of CSS gradients and explore: Basic example A basic trick can be to show grey and white boxes. Transparency Tricks: Fading Away […]

Read More…