gamv/ds2-core
1
0
Fork 0
Code Issues 13 Releases 8 Activity

Fix colours(fixes #31)

Browse Source
This commit is contained in:
A McIlwraith 2025-05-14 19:21:01 -04:00
parent 6d8b9d0e47
commit 0b5e54faa6
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/scaffolding.css
View File

File diff suppressed because one or more lines are too long

8
src/pg/core/_core-colour-samples.scss
View File

@ -1,3 +1,5 @@
@use "../pg/patterns/core/breakpoints/breakpoints";
@mixin core-colour-samples { @mixin core-colour-samples {
#copystatus { #copystatus {
@ -36,14 +38,14 @@
gap: 1rem; gap: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@include break(-lg) { @include breakpoints.break(-lg) {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
} }
@include break(-sm) { @include breakpoints.break(-sm) {
grid-template-columns: auto; grid-template-columns: auto;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@ -67,7 +69,7 @@
width: 20rem; width: 20rem;
max-width: 318px; max-width: 318px;
@include break(-lg) { @include breakpoints.break(-lg) {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
} }

8
src/scss/_core.scss
View File

@ -10,6 +10,8 @@
*/ */
@use "../pg/patterns/core/breakpoints/breakpoints";
@mixin core-colour-samples { @mixin core-colour-samples {
#copystatus { #copystatus {
@ -48,14 +50,14 @@
gap: 1rem; gap: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@include break(-lg) { @include breakpoints.break(-lg) {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
} }
@include break(-sm) { @include breakpoints.break(-sm) {
grid-template-columns: auto; grid-template-columns: auto;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@ -79,7 +81,7 @@
width: 20rem; width: 20rem;
max-width: 318px; max-width: 318px;
@include break(-lg) { @include breakpoints.break(-lg) {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
} }

4
src/scss/scaffolding.scss
View File

@ -15,7 +15,7 @@ $tooltip-dark-allow: false;
// We recommend explicitly using the underscore when referring to pattern scss // We recommend explicitly using the underscore when referring to pattern scss
// as you may have also created a version that compiles to css to display in // as you may have also created a version that compiles to css to display in
// your pattern. // your pattern.
@use "core" as *; @use "core";
@use "../../node_modules/prismjs/themes/prism"; @use "../../node_modules/prismjs/themes/prism";
@use "../../node_modules/prismjs/plugins/toolbar/prism-toolbar"; @use "../../node_modules/prismjs/plugins/toolbar/prism-toolbar";
@use "../../node_modules/prismjs/plugins/line-numbers/prism-line-numbers"; @use "../../node_modules/prismjs/plugins/line-numbers/prism-line-numbers";
@ -43,7 +43,7 @@ html {
} }
} }
// @include core-colour-samples; @include core.core-colour-samples;
@include tooltip.tooltip; @include tooltip.tooltip;
@include sticky-note.sticky-note; @include sticky-note.sticky-note;