7,293
questions
0
votes
0
answers
13
views
LESS error after upgrading angular - operation on invalid type
I upgraded angular 9 to angular 18 (I know it's a big jump). I've fixed almost everything that went wrong during the update but I am not stuck at two recurring errors. I'll talk about only one here:
I ...
0
votes
0
answers
19
views
PyCharm giving error on SCSS format in CSS file
My PyCharm subscription recently expired and went into fallback mode version 2023.1.6. Earlier it could read SCSS format in .css file and provided full support as expected. After reverting to the ...
0
votes
0
answers
6
views
Pixels to rems units conversion mixin just the value for multiply usage
Tring to get the value in rems
but got 'Missing '[...]' lookup in variable call'
@root-font-size: 16px;
.px-to-rem(@px) {
@rem: (@px / @root-font-size) * 1rem;
@rem;
}
.my-element {
font-...
1
vote
0
answers
95
views
Cannot resolve .less absolute paths in vite
I am migrating from craco to vite and currently have issues with .less files:
import @import '~antd/dist/antd.less'; doesnt work with following error:
Pre-transform error: [less] '~antd/dist/antd....
0
votes
1
answer
28
views
Using less selector :not() in a :hover
<div class="row selectable">
<div class="col-sm-1 notSelectable">
First line with a delete button
</div>
<div class="col-sm-...
0
votes
2
answers
76
views
Overriding styles from external props
I have an issue with overriding styles from external components in React. I have a basic component badge which has its own less styles but sometimes I need to apply some styles from an external ...
0
votes
0
answers
11
views
Why is the syntax for LESS Accessors like this?
I am hoping to get clarification on why Less "accessors" work in the way demonstrated in a particular example.
What follows is taken from the tutorial "Less - Namespaces and Accessors&...
0
votes
1
answer
40
views
Getting errors trying to install LESS on Mac
Today I installed Node.js on macOS following a tutorial.
I used the installer (node-v20.12.2.pkg).
During this process there was a notification:
This package has installed:
Node.js v20.12.2 to /usr/...
0
votes
0
answers
56
views
How to get HTMLElement property defined in Less with JavaScript?
When I’m trying to get element properties (for example “max-block-size”) using getComputedStyle in JavaScript I get “none”. But when I look into computed properties in dev-tools I can see they have ...
0
votes
0
answers
7
views
Grunt: sort LESS properties in alphabet order
I'm able to sort LESS/CSS properties in Webstorm using Alt+X manually, but can I automate it using Grunt? For example, using grunt sort_command forder?
1
vote
0
answers
87
views
Optimal Methods for Converting SASS to SCSS
The issue lies in efficiently transforming .sass to .scss.
Although sass-convert is an outdated npm library, it was the only one I found that fulfilled my requirements. To use it, first install Ruby, ...
0
votes
0
answers
107
views
Bundle LESS into Single File using Rollup
I have a React component that is bundled using Rollup.js. This library also includes styling written in LESS. I am already able to create a single compiled CSS file from that using the PostCSS plugin.
...
1
vote
1
answer
230
views
how to use less variables in vue components?
I have imported the .less file to the vue component, but it still gives me an error.
I define the variables in base.less under assets/less.
@font-face {
font-family: 'Poppins';
src: url(../fonts/...
0
votes
1
answer
36
views
Set background conditional on child class
I want to change the background of the parent (panel-heading) only when the child button has the class "collapsed" which occurs when it's clicked. I can only use styles.
HTML:
<div class=...
0
votes
1
answer
39
views
How to loop a nested ruleset in less?
I am trying to each a nested ruleset in less, because it makes my code clear.
Like this:
@m-button-sizes:
x-large;
@m-button-sizes-rules: {
@x-large: {
height: 50px;
padding: ...