Fix colours(fixes #31)
This commit is contained in:
parent
6d8b9d0e47
commit
0b5e54faa6
File diff suppressed because one or more lines are too long
@ -1,3 +1,5 @@
|
||||
@use "../pg/patterns/core/breakpoints/breakpoints";
|
||||
|
||||
@mixin core-colour-samples {
|
||||
|
||||
#copystatus {
|
||||
@ -36,14 +38,14 @@
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@include break(-lg) {
|
||||
@include breakpoints.break(-lg) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@include break(-sm) {
|
||||
@include breakpoints.break(-sm) {
|
||||
grid-template-columns: auto;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
@ -67,7 +69,7 @@
|
||||
width: 20rem;
|
||||
max-width: 318px;
|
||||
|
||||
@include break(-lg) {
|
||||
@include breakpoints.break(-lg) {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
@ -10,6 +10,8 @@
|
||||
*/
|
||||
|
||||
|
||||
@use "../pg/patterns/core/breakpoints/breakpoints";
|
||||
|
||||
@mixin core-colour-samples {
|
||||
|
||||
#copystatus {
|
||||
@ -48,14 +50,14 @@
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@include break(-lg) {
|
||||
@include breakpoints.break(-lg) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@include break(-sm) {
|
||||
@include breakpoints.break(-sm) {
|
||||
grid-template-columns: auto;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
@ -79,7 +81,7 @@
|
||||
width: 20rem;
|
||||
max-width: 318px;
|
||||
|
||||
@include break(-lg) {
|
||||
@include breakpoints.break(-lg) {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
@ -15,7 +15,7 @@ $tooltip-dark-allow: false;
|
||||
// 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
|
||||
// your pattern.
|
||||
@use "core" as *;
|
||||
@use "core";
|
||||
@use "../../node_modules/prismjs/themes/prism";
|
||||
@use "../../node_modules/prismjs/plugins/toolbar/prism-toolbar";
|
||||
@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 sticky-note.sticky-note;
|
||||
|
Loading…
x
Reference in New Issue
Block a user