Add common SCSS for all custom components
This commit is contained in:
parent
ca0d3eb970
commit
a8c94ee16f
3 changed files with 14 additions and 4 deletions
7
styles/v3/components/common.scss
Normal file
7
styles/v3/components/common.scss
Normal 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;
|
||||
}
|
||||
|
|
@ -1,10 +1,12 @@
|
|||
/*
|
||||
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;
|
||||
|
||||
@use "./common.scss";
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -1,13 +1,14 @@
|
|||
/*
|
||||
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-height: 1.5rem;
|
||||
|
||||
@use "../mixins/material";
|
||||
@use "./common.scss";
|
||||
|
||||
div {
|
||||
display: grid;
|
||||
grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue