Hi! I’m developing a component and can’t seem to @import additional styles from my MyTheme/common/common.scss, which contains the following: @import '../assets/styles/handsfree'; @import '../assets/styles/splash'; My theme component directory looks like: |-- assets | |-- styles | | |-- h…

@david has this kind of stuff high on our list, we want theme devs to be able to split off scss files, split of js files to multiple .es6 files and so on. Current structure is very limiting for ultra advanced usage.

[immagine] labofoz: Is the import relative to somewhere other than the theme? Right now it’s impossible to import other files within a theme. As @sam said we are hoping to improve that soon :slight_smile:

Thank you @david and @sam :pray: I had the same issue, I thought I did something wrong. Thanks @labofoz for asking. Hoping to get this thread higher up, I’ll post the error as text. Error: File to import not found or unreadable: .button.scss. Parent style sheet: theme_field.scss on…

Thanks guys! For now, my workaround was to use Webpack to compile all my scripts into one, and then inject that one script inline using this command inside of a template file: <script> <%= compilation.assets['main.js'].source() %> </script> and the same for SCSS. I turned it into a boilerplate i…

Multi-file SCSS is now supported natively by our theme system: [immagine] Split up theme SCSS into multiple files Developer Guides Themes and theme components are becoming steadily more powerful, and developers are getting more and more ambitious. To make things easier fo…

Dividere common.scss in più file nei componenti?

Supporto

david (David Taylor) 15 Aprile 2019, 4:05pm 7

Multi-file SCSS is now supported natively by our theme system:

We hope to add similar functionality for JavaScript assets soon.

Argomento		Risposte	Visualizzazioni
Split up theme SCSS into multiple files Developer Guides how-to	12	4691	Gennaio 18, 2024
Feature proposal: Import user-defined SCSS files UX	4	1328	Agosto 1, 2018
Structure of themes and theme components Developer Guides reference , theme-guides	0	29231	Aprile 12, 2017
Theme stylesheets: Can't use the same filename.scss in different folders Development	1	313	Luglio 26, 2023
How do the `@import`'s work with SCSS? Development	14	757	Marzo 26, 2024

Dividere common.scss in più file nei componenti?

Argomenti correlati