I am trying to create dynamically nested classes in SASS. I am using React 18 and SASS 1.62 (Craco). I have a scss file that needs to look like this .gridRow.scss .root { &.row-cols-auto>* { flex: 0 0 auto; width:…
I have tried using div but no good
Given a HTML element with some silibings: <div id=parent> <div></div> <div></div> <div></div> ... <div id=fourthToLast></div> <div></div> <div id=penultimate></div> <div></div> </div> The penulimate and the fourthToLast silibing are special: One or the other - but never both - should be shown…
I am using SMUI with svelte and in SCSS I have set the theme colors: @use 'sass:color'; @use '@material/theme/color-palette'; @use '@material/theme/index' as theme with ( $primary: #ef8611, $secondary: color.scale(#8aace1, $lightness: 90%), $surface: #333, $background: #fff, $error: color-palette.$red-900 ); The value…
I need to pass class name from script to style <script lang="ts" setup > const className = ref('some-class') </script> <style lang="sass" module > .#{v-bind(className)}--dynamic pointer-events: none </style> In this case I get an error: Error: expected selector. .v-bind(className)--dynamic ━ error…
I'm working on a React project and I'm trying to make my header section more mobile-responsive. Currently, I have three links (Home, About, and Login) in the left section, a centered logo/title, and search and cart buttons on the right…
I'm looking to set some variables in bulma. Using dart sass (1.45.1 compiled with dart2js 2.15.1) results in an 'Undefined operation' error Error: Undefined operation "min(1216px, 100vw) - 64px". ╷ 20 │ max-width: min($widescreen, $container-max-width) - $container-offset The bulma source…
I am trying to use scss but tailwind is not compiling as expected. Thats how i build application.css "build:css": "tailwindcss -i ./app/assets/stylesheets/application.scss -o ./app/assets/builds/application.css" Here is my application.scss; @import 'application_dock/colors.scss'; @import 'application_dock/pages/spots.scss'; @tailwind base; @tailwind components; @tailwind utilities; body {…
When running install.packages("sass") in Rstudio, the download succeeds but an error occurs in the compilation : ... g++ -std=gnu++14 -Wall -O2 -std=c++11 -I /usr/local/lib/libsass/include -fPIC -c -o src/ast.o src/ast.cpp In file included from src/ast.cpp:3: src/sass.hpp:72:43: error: ‘SASS_STYLE_TO_CSS’ was not declared…
I have some lists of SCSS variables which are used in mixins, can I create a 'master' list which the others inherit? $vars: ( main-colour-active: #0b8579, text: #424242, button-text: $white, font-family: $font-family-base, ); $nav: ( inherit $vars, background-color: $blue, );…