Category "sass"

Module.css not loading styles NEXT js

I'm trying apply module.css to one of my components according to this guide https://nextjs.org/learn/basics/assets-metadata-css/layout-component. /*/components/

line clamp (webkit) not working in safari

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overfl

WebStorm file watcher does not work after Mac update

This is the current settings: Arguments: $FileName$ $ProjectFileDir$/css/$FileNameWithoutExtension$.css --source-map true --output-style expanded Output paths t

How to compile Less/Sass files in Visual Studio 2017+

In VS <= 2015 we can use a WebEssentials extension that takes care for compiling the less/sass files for us, but currently it does not support VS 2017. Is th

Responsive Typography in Angular Material

Trying to figure out how to set font size of mat-tab-label based on screen size (below 400px). I tried putting custom configs in different media queries like t

is it possible to use rollup for processing just css?

I know that Rollup is used to bundle .js files. But is it possible to use it just to process css? (css, scss, less, etc). What i mean is if i had for example in

Overriding Vuetify variables when building a Vue2+Vuetify app with Vite

I'm trying to migrate a Vue2+Vuetify app from Vue-CLI/Webpack to Vite. The app has a couple of SCSS files, main.scss and variables.scss with the latter imported

How to apply a :not selector and all its descendants

I'm using a text editor plugin with its own styles but inside I'm rendering a Mapbox map. The problem is that the editor's styles are messing up Mapbox's. The t

How do I create a scoped class without @include?

I managed to create a scoped CSS class like this: .container { @import "./baa"; /* other props ... */ } but since @import is getting depreciated,

Use both Tailwind and SCSS with cssbundling-rails

In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but

Is it possible to build an Angular app without embedded styles?

My company is going through a re-branding and it involves some color changes to our app. Most of this is just tweaking SCSS variables, but i'd like to be able

How can I get my text to be two lines with padding and ellipsis?

I'm having issues getting my text to be on two lines with ellipsis. I am able to get my ellipsis working but modifying line-height and height do nothing to chan

Using SCSS 'current selector' feature to match all class names starting with same text

Suppose, we have HTML with similar name classes. <div class="header-name">NAME</div> <div class="header-description">DESCRIPTION</div>

Is there a replacement for "contain: content" for safari?

I am trying to find a replacement for the css property "contain: content" for Safari (since it works perfectly on Chrome), but I can't find any. Is there some k

Node Sass does not yet support your current environment: Linux 64-bit with false

Getting this error on Arch Linux with node-sass. I'm using it with gulp-sass. Node Sass does not yet support your current environment: Linux 64-bit with false

Create CSS custom properties from SCSS variables

I have an SCSS map of colour names and values. I want to create CSS custom properties from them like so: SCSS $colours:( "gray-500": #f7fafc, "red-500

Angular 8/Sass: Find unused css classes

I have an Angular project that uses Angular+Sass, and since the project became pretty big I am constantly finding unused small css classes that need to be remov

React SASS - Error to install SASS Module

I'm trying to use SASS formatting in my React project but it's warning me that some files weren't found, but NPM installed everything automatically, so how can

sass version is incompatible

I have problems with my code. I installed dependencies one by one, but the last of them was sass. I need or better to say I have to install node-sass version ^4

How to concatenate Sass variables

How can I concatenate a Sass variable? This is the the code in the scss file. $url = 'siteurl.com'; #some-div{ background-image: url(+ $url +/images/img.