sass Questions
4
Solved
i'm using Laravel 9 which doesn't use mix anymore, but vite, to bundle resources, i'm also not using any preprocessors like sass or less and don't really know anything about them.
Every text about ...
Morganite asked 9/8, 2022 at 8:6
3
Is it possible to build in VITE and use application-name.css or my-site-name.css?
VITE has an option to build a custom JS file, but not a custom CSS or SCSS file (for export).
https://vitejs.dev/gu...
3
Solved
I have three Sass maps that I want to merge into one map. With the map-merge function I can only merge two maps together. How can I merge more than two maps?
A shortened example of my situation:
...
2
I am having the opposite problem than this question: In a SASS .scss file, I want comments command (ctrl/⌘ + /, ctrl/⌘ + K ctrl/⌘ + C) to default to //, and use the Block comment /* ... */ only whe...
Meteor asked 16/11, 2016 at 15:25
9
HTML
<div id="hero">
<div id="social">
<img src="facebook.svg" alt="Facebook">
<img src="linkedin.svg" alt="LinkedIn&...
4
In the following SCSS, I would like to use the fg-color variable within the url background-image attribute.
$fg-color: #ff6464;
i.icon-back {
background-image: url("data:image/svg+xml;charset=ut...
3
Solved
Very new to webpack... I would like to be able to read a value, in this case specifically the value of env from webpack.config.js in a sass file, so I can have different css based on environment.
...
Extroversion asked 4/2, 2020 at 13:21
5
Solved
It's bootstrap 4.0 with SASS
My style.scss file contains the following code:
@import "../bootstrap/scss/bootstrap";
@import "colors";
@import "main";
and _colors.scss file contains the followi...
Mitrewort asked 13/9, 2017 at 14:34
3
I know i can do calc(100% + 15px), but is there way to do
calc("content width" + 15px)?
fit-content and auto didn't work, which kinda makes sense.
I have unknown number of items that i want just...
2
Here's my code (just a very basic setup). All the files are in the same folder.
I am using create-react-app.
User.tsx:
import React from "react";
import styles from "./User.module.scss";
const U...
Marinetti asked 7/5, 2020 at 9:1
5
Solved
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.jpg);
}
I want the result in the CSS f...
Appetitive asked 19/9, 2017 at 6:7
2
Solved
I have this mixin to handle a simple CSS3 linear gradient:
@mixin linear-gradient($from, $to, $dir: bottom, $dir-webkit: top, $ie-filters: false) {
background-color: $to;
background-image: -webki...
1
Background:
I am attempting to extend esbuild's CSS support to include CSS Modules and Sass/Scss. I have therefore been making use of custom made plugins--utilising the esbuild plugin API. First, I...
3
I'm using scss modules in next.js and want to use nested class selectors like this:
.div {
.x {
color: red;
}
}
But it seems that this won't work with the following component:
import React from...
2
Solved
I am trying to implement Angular Material Typography however I have been having some difficulties and I am unsure what may be the issue.
I followed the instructions provided by Angular here howeve...
Spada asked 22/3, 2019 at 21:33
6
Solved
I am using styled-components and want to target the first child of Text, but am unable to do so.
const Text = styled.p`
font-size: 12px;
&:first-child {
margin-bottom: 20px;
}
`;
... compo...
Geoffrey asked 2/1, 2019 at 15:21
2
Solved
How can we use NUXT3 with sass, also please share the documentation.
I tried to add sass into nuxt3 project, but the vite looks like no options to load scss
3
Solved
I am trying to use some parts of Bootstrap 5.2 within my Angular project. It is configured for SASS and so I am importing the scss files for Bootstrap within the main style.scss of the project. I a...
Amoakuh asked 18/8, 2022 at 9:45
4
Solved
I've run into an Undefined Variable Error writing SCSS.
My file structure is sound (I believe), because it compiles the rest of the files as it should into main.scss.
I'm using @use instead of @im...
Paleface asked 24/11, 2020 at 4:49
6
I'm attempting to dockerise my node application. My current application is a nodejs express server with postgresql. ExpressJS uses node-sass-middleware to handle the sass assets. When I run node an...
Abbie asked 30/1, 2017 at 18:17
2
Solved
To increase the width of vuetify's v-switch, i want to modify the value of vuetify's scss variable.
vuetify was configured through vue-cli, and the developed code is as follows.
// src/assets/css/o...
Stallard asked 14/9, 2020 at 16:2
5
Solved
I have just started a new project using Bootstrap 5 and I am trying to set up theme-colors with some custom values. However doing it the way that I have always done it is giving me some issues.
I h...
Petitioner asked 12/8, 2021 at 9:52
5
Solved
I'm using the rails gem Bootstrap SASS, and was wondering how I can overwrite some of the mixins. Specifically border radius and the like.
I thought I could simply overwrite it like:
@import "...
Campagna asked 11/4, 2012 at 4:35
6
Solved
I downloaded the new material bootstrap css and wanted to use it in my jekyll blog. After setting up and running the jekyll serve -w to compile the site locally, the console returned this error
C...
Banderole asked 25/12, 2014 at 19:0
4
Solved
I can't figure it out.
I include the bootstrap CDN like so:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWX...
Inca asked 23/2, 2018 at 11:15
© 2022 - 2024 — McMap. All rights reserved.