All Questions
563
questions
0
votes
0
answers
61
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, ...
- 61
0
votes
3
answers
80
views
How to write a :not() CSS exclusion working in every cases?
I am trying to exclude some CSS rules when there is a defined CSS class as a parent with this rule:
.cc div:not(.cc-ei) li { color: red; }
But it doesn't work for all cases, as you can see in the ...
- 11
0
votes
1
answer
25
views
Address Operator (ampersand) & with @media query is not working
I am sharing the code snippet below in which i am using nesting but I am confused how to use media query inside it.
. connection {
@media only screen and (max-width: 1200px) {
& > ....
- 39
2
votes
1
answer
280
views
Mixing less and sass files in angular application
I'm building an Angular application using the ng-zorro library for components. Usually, I also import the entire Bootstrap css file for some utilities like grid system and spacing classes which I have ...
1
vote
0
answers
42
views
How do I combine three bulma css classes into one using less or any other option?
I have the following bulma classes to be applied one div
"box", "has-text-weight-semibold", "has-text-link-dark", "has-background-primary-light"
How do I ...
- 263
1
vote
1
answer
55
views
How to add style for combination of elements nth child?
This is related to calendar styling. When we select date range in the calendar, has to highlight first and last date in dark green and in between dates should be highlighted in light green. But it's ...
- 648
1
vote
1
answer
37
views
Does Jekyll not watch Sass files in editing?
I did a standard installation of Jekyll and when I edit a .html file (or other markup accepted by Jekyll) the .scss files are compiled and copied to the _site directory correctly.
However, when I edit ...
0
votes
1
answer
57
views
Please Explain: SassScript parent-selector property
I have saw this code in sassscript but it does'nt make my sense and I'm unable to found any official documentation regarding the mention sasscript css output
SassScript
.main aside:hover,
.sidebar p {
...
- 11
-1
votes
1
answer
44
views
Styling when a child class appears inside itself
I'm trying to find an elegant solution to styling a child element, when it has the same class as the parent element.
I suspect Javascript will be required to make this work, although I've also ...
- 394
1
vote
1
answer
41
views
stop bulma ribbons from overlaying content when printing
I am working on creating a research report. When I want to save the report as a pdf the navigation ribbon overlays the content. How can I avoid this?
I don't want to hide the ribbons with printing, ...
- 696
0
votes
2
answers
113
views
How to align the grid items to the screen if one item is removed-CSS
I have seven items loaded. I am going to write the logic such that if I hide the items, the other items should align to the screen automatically
For example,
if the task is removed(hidden) the item1, ...
- 707
0
votes
0
answers
16
views
<table> size management with Angular, Html and Less
I have a table made up of a large number of data items, which means that I can no longer see/enter the new values, as shown in this image :
So I tried adding a low scroll, I thought it would save ...
-1
votes
3
answers
89
views
CSS Text shadow with greater offsets [closed]
I Need a little help in making the outline effect like in the image below:
I tried using CSS text-shadow property but its not working as same as i want.
text-shadow:
6px 6px 0 #000,
/* ...
0
votes
1
answer
25
views
How to use $ character in sass file
I have some sass files that contain the $ character.
All files get errors when compiling. Because $ is reserved in sass.
In the next example I want to select all css classes ending with 9.
How to use $...
- 411
1
vote
1
answer
33
views
SASS- apply CSS if attribute selector not present
I've an HTML & CSS
[class^="layout-"] div, [class*=" layout-"] div {
display: inline-block;
}
.layout-20X80 div.label-txt {
width: 20%
}
.layout-20X80 div.value-container {
width: 80%
}...
- 25