Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

Add common SCSS for all custom components

Browse source
This commit is contained in:
Oliver-Akins 2024-04-13 12:36:32 -06:00
parent ca0d3eb970
commit a8c94ee16f
3 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
styles/v3/components/common.scss Normal file
View file

@ -0,0 +1,7 @@
// Disclaimer: This CSS is used by a custom web component and is scoped to JUST
// the corresponding web component. This should only be imported by web component
// style files.
:host {
display: inline-block;
}

4
styles/v3/components/icon.scss
View file

@ -1,10 +1,12 @@
/* /*
Disclaimer: This CSS is used by a custom web component and is scoped to JUST Disclaimer: This CSS is used by a custom web component and is scoped to JUST
the corresponding web component. Importing this into other files is forbidden. the corresponding web component. Importing this into other files is forbidden
*/ */
$default-size: 1rem; $default-size: 1rem;
@use "./common.scss";
div { div {
display: flex; display: flex;
justify-content: center; justify-content: center;

7
styles/v3/components/incrementer.scss
View file

@ -1,13 +1,14 @@
/* /*
Disclaimer: This CSS is used by a custom web component and is scoped to JUST Disclaimer: This CSS is used by a custom web component and is scoped to JUST
the corresponding web component. Importing this into other files is forbidden. the corresponding web component. Importing this into other files is forbidden
*/ */
@use "../mixins/material";
$default-border-radius: 4px; $default-border-radius: 4px;
$default-height: 1.5rem; $default-height: 1.5rem;
@use "../mixins/material";
@use "./common.scss";
div { div {
display: grid; display: grid;
grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height); grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);