Sass

问题 I have a little problem with my CSS file. I try to make an icon that scale to infinite (works), and when I click on icon, an animation rotate the parent to 90deg and the icon rotate to 45deg (works). But, if I combine the 2 behavior, the rotate of icon break. I want rotate the icon of 45deg, and keep the animation. A demo example: https://codepen.io/KevinPy/pen/ooEbKY?editors=1100 In my demo, the first occurence works with the rotate to 45deg. The second occurence add the animation (via class

问题 i'm trying to follow a simple tutorial on youtupe https://www.youtube.com/watch?v=gYzHS-n2gqU&t=900s where he is tring to run an npm scripts "sass" file using the tirminal. -When i execut the command npm run sass shows me an error message Error: ENOENT: no such file or directory, lstat 'scss/' -I think the problem with the path of file or permissions on the file , where should configure in way to looks in the correct director. - here is folder structure -When i replace the script with :

问题 I am using the bootstrap 4 framework for my project. I'm theming by overriding core variables. If I adjust my grid variables, they work, but if I try and update the $border-radius-lg var, no changes happen, and the default $border-radius-lg size is still being used. This is where custom variables are placed... @import "scss/functions"; @import "scss/variables"; // my custom variables @import "myvars"; @import "scss/mixins"; @import "scss/root"; @import "scss/reboot"; @import "scss/type";

问题 I have a question. So in a mixing I am making a reference to the parent selector "&". This works as long as the mixin is not nested. Is there a way to to detect if the mixing is being used in a non nested scenario, or to check if "&" is null? This works when the mixin call is not nested =myresponsiveMixin($media) @if $media == small { @media only screen and (max-width: $break-small) @content @else if $media == medium @media only screen and (min-width: $break-small + 1) and (max-width: $break

问题 I am trying to configure SASS/SCSS Autoprefixer in phpstorm and no solution here or anywhere on google is working for me, any help is appreciated... I have tried many options including making a custom file watcher and using postcss-cli autoprefixer, but not able to get it right. 回答1: As it's written in this comment, there is no built-in support for autoprefixer, and it can hardly be expected in near future. If you miss it, please vote for WEB-37. You can install the autoprefixer ( npm install

问题 I have a dark mode feature. HTML and SCSS and javascript are working properly. But when I refreshed the page, everything returned to normal, not in dark mode. I want to save the values ​​of dark mode and light mode to localStorage. but I'm confused, I don't know how. is there anyone can help me? Please help me I've searched on several searches but it still doesn't work. If you can't answer my question, please don't make this post a similar post. because I've read and implemented it but it

问题 I'm trying to run my angular 9 app on windows 10 but getting the following error while trying to serve it locally. Have a look at the error below: ERROR in ./src/assets/sass/pickandpay.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!./src/assets/sass/pickandpay.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Undefined variable: "$white-color". on line 99 of

问题 .segment-button-indicator { -ms-flex-item-align: end; align-self: flex-end; width: 100%; height: 2px; background-color: var(--indicator-color); opacity: 1; } I am new to hybrid app development. I have to use ion-segment. There is ion-segment-indicator which indicates bottom line in ion-segment, so I need to remove it. I can remove from these default css codes, but when I try to customize it's not removing 回答1: You cannot remove it, but you can hide it by setting it's color to transparent. On

问题 I am using the Material Design Components for Web library. I have a tab component that I'd like to change the underline-color of. The instructions say To customize the tab indicator, use the following mixins. Then it gives a table. For underline color, it says underline-color($color) Customizes the color of the underline. So, I try in my scss file, the following: .mdc-tab-indicator { underline-color(red); } I compile my sass (using dart-sass ) and get the following error Error: expected "{".

问题 I'm using Parcel for bundling and I want to include custom font to my project In my SCSS @font-face { font-family: "Storytella"; src: url("./fonts/Storytella.otf") format("otf"); } Then I'm using it somewhere like this font-family: 'Storytella', serif; package.json { "name": "pr", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "normalize.css": "^8.0.1", "parcel-bundler": "^1.12.3" }, "devDependencies": { "node-sass": "^4.12.0", "parcel-plugin-static-files-copy":