All Questions
Tagged with sass twitter-bootstrap
984
questions
0
votes
0
answers
40
views
Custom bootstrap breakpoints not working despite definition?
Md breakpoint (navbar-expand-md) is triggering at bootstrap's default 768px instead of defined 834px in styles.scss.
I tried changing the position of imports in the scss file but it does not seem to ...
0
votes
1
answer
98
views
How to Override Bootstrap 5 Navbar Font Family Using SASS Variables?
I'm working with Bootstrap 5 in a sass project handled by webpack and I want to customize the font family of the navbar using SASS variables. I've tried various approaches, but I can't seem to get it ...
0
votes
1
answer
45
views
I cannot deploy to heroku... I am getting an error that my application.scss is not found because heroku is looking for application.css. Any tips?
When I deploy to heroku open up the logs and load up the server logs. This is the error I am getting...
ActionView::Template::Error (The asset "application.css" is not present in the asset ...
1
vote
1
answer
194
views
Why aren't my card box shadows showing in the browser?
I'm using Bootstrap 5.3.3 to build a small dashboard.
Since I'm using native components on BS, I'm processing the original SASS adding some color changes and some other minor changes.
But I'm having a ...
0
votes
1
answer
180
views
How to style diagonal backgrounds with Bootstrap 5?
How to create diagonal styled backgrounds (like in the screenshot below) when using Bootstrap 5 and (s)css?
Ideally working nicely together with the other Bootstrap background utilities documented ...
1
vote
0
answers
19
views
How can I generate code only for blocks in my file and not for imported files?
I am trying create some CSS blocks based on Bootstrap's CSS, by using the Sass extension mechanism.
My problem is that sass command generates a large amount of CSS even for the sass modules I just ...
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 ...
0
votes
0
answers
115
views
Bootstrap theming how to set colors
I am attempting to build a theme in Bootstrap. Here is my custom .scss file. I want the color of the entry in a text box to change to the $textColor.
I was using this documentation as an example. I ...
0
votes
0
answers
45
views
How to reconcile compiled scss and css isolation in a Blazor WASM application?
I have the following solution setup:
-MyProjectSolution
|-MyProjectWASM
|-MyProjectAPI
|-MyProjectDatabase
|-MyProjectStyle
|--|-[]BootstrapSourceFolder
|--compilerconfig.json
|--compilerconfig....
0
votes
1
answer
169
views
Procedure for customising Bootstrap 5
There seems to be very little information on this (in contrast to, say, Bootstrap 3, which was trivially customised).
I don't use Node, so I downloaded dart-sass (the CLI package is just a couple of ...
0
votes
1
answer
63
views
Bootstrap 5 sass components are not working
I have bootstrap 5 and all my design works great except the bootstrap components e.g. accordions, alerts, etc. do not work.
In these components it seems that bootstrap does not exist but all the sass ...
0
votes
0
answers
44
views
How to compile Bootstrap SASS for RTL?
When compiling the standard version of Bootstrap, I typically compile node_modules\bootstrap\scss\bootstrap.scss. this will generate the default version of bootstrap as expected.
But, how can I ...
0
votes
0
answers
129
views
Extract all Bootstrap 4.6 variables in a css file for using it in Figma
I need to export all variables from bootstrap\scss_variables.scss (boostrap-4.6.2) in a css file to import those variables in Figma.
I failed to convert it with sass. I got this error :
sass ...
3
votes
1
answer
416
views
Is there a way to extend Bootstrap classes in SCSS without having to import Bootstrap itself?
I have the following custom class defined in a sample.scss file.
.custom-class {
@extend .rounded-pill;
@extend .border;
@extend .bg-light;
}
When I compile the code, I get the following ...
1
vote
1
answer
56
views
Why does SASS compiler adds [dir] at the beginning?
I am trying to compile Bootstrap 5.3 along with custom SASS files.
This is what I have
@import '../../node_modules/bootstrap/scss/bootstrap';
@import 'other/file.scss';
[data-bs-theme=light] .bg-...