Questions tagged [sass]
Sass (Syntactically Awesome Style Sheets) is an extension of CSS adding features like nested rules, variables, mixins and class extensions. This enables developers to write structured, manageable and reusable CSS. Sass is compiled into standard CSS. It is primarily a CSS pre-processor language that accepts both the CSS and its personalised syntax of writing visual design codes.
27,605
questions
1
vote
2
answers
45
views
How to Add Secondary and Success Colors to a Custom Material Theme?
I'm working with Angular 17 and have successfully created a custom Material theme with primary, accent, and warning colors. However, I would like to add additional colors such as secondary and success ...
- 515
0
votes
1
answer
11
views
How to 're-export' @use ... with vars from a SASS partial
I have a situation where I am using @use ... with to load styles from a component library and customise some of the values
e.g.
@use '@material/theme' with (
$background: #fff,
$surface: #f0f6ff,
...
- 33.4k
0
votes
1
answer
34
views
Simple Floating Placeholder in HTML and CSS wihtout setting background to placeholder
hello i am doing a simple floating placeholder on input. but i dont want to set the placeholder a background, since i have different input backgrounds and different background styles. is there a way ...
0
votes
1
answer
52
views
How to select a descendent of div.box-type-1, but only when div.box-type-1 is the closest ancestor with a .box-type-* class?
I’ve got containers with colored backgrounds that fall into one of three different categories, represented by the sass placeholders %dark-box, %light-box, and %gradient-box. I need to adjust the ...
- 3
0
votes
0
answers
27
views
AdminLte SCSS file not working properly after migration to Angular 18
I migrated an old company project from Angular 7 to Angular 18, mostly everything works again now, but for some reason, the login screen is still broken. In the original Angular 7 version, the login ...
0
votes
0
answers
7
views
How do you change the global shadow colour in Angular Material
I would like to change the shadows across an entire Angular material theme. Please note that this is not the same as changing the shadow under a specific element, e.g. a card, which has been asked ...
- 8,462
-3
votes
0
answers
19
views
Scss e styled-components [closed]
Gostaria de saber se consigo utilizar o SCSS para configurar variaveis e utilizar o styled-components para a estilização de uma pagina.
Se sim, como posso fazer isso, já tentei importar o arquivo SCSS ...
0
votes
0
answers
45
views
Dropdown Alignment Issues After Upgrading from Angular 12 to Angular 15
I recently upgraded my web application from Angular 12 to Angular 15. Since the upgrade, I've encountered issues with the alignment of all dropdowns—they are no longer positioned correctly.
Here are ...
0
votes
0
answers
15
views
Advice for migrating from Angular 14 legacy components to Angular 15 MDC components [closed]
Our application overrides many material styles and running the migration command generates hundreds of TODO comments about targeting internal classes that no longer apply to MDC components in my ...
0
votes
0
answers
13
views
Undefined predefind Bulma SASS color variable
When I was using Bulma 0.9.4 I could customise colors using Bulma's predefined colors e.g. something like this:
$body-background-color: $grey
With Bulma 1.0.1 I have code like the following:
@use &...
- 349
0
votes
1
answer
38
views
How to make Image responsive for all screens
I am creating a project card that contain image and more details. In large screens the style is as expected working fine, but in smaller screens the image change it is behavior and do not cover the ...
- 3
0
votes
0
answers
24
views
How to create conditional styling for Bulma CSS, similar to Pico CSS, without losing Bulma's design?
I'm trying to implement conditional styling for Bulma CSS, similar to how Pico CSS handles it (https://picocss.com/docs/conditional). My goal is to scope Bulma styles to elements with a specific class,...
0
votes
0
answers
38
views
Larave:Vite z index limit of 0? Why not -1
*this thread has evolved much today.
I am taking a basic php site I already have running and trying to understand why going to a framework was a good idea!
95% setup, using partials app.scss
Old index....
0
votes
1
answer
46
views
Add component to html body
I have an Angular 13 (vanilla) app, and I need to print a part of the app. I use the @media print for that an it work (in the angular app alone)
But my angular app is build a js file and use by other ...
-3
votes
1
answer
30
views
searching for this font animation but couldn't find [closed]
I want to implement this font animation in my project but I don't know what animation is this since I'm not a CSS master please someone can help me in that
I really appreciate any help you can provide....
