diff --git a/ds2 core.sublime-project b/ds2 core.sublime-project
index 522ae84..2151308 100644
--- a/ds2 core.sublime-project
+++ b/ds2 core.sublime-project
@@ -2,7 +2,11 @@
"folders":
[
{
- "path": "."
+ "path": ".",
+ "folder_exclude_patterns": ["src/pg/patterns"]
},
+ {
+ "path": "./src/pg/patterns"
+ }
],
}
diff --git a/prepros.config b/prepros.config
index 1d6546b..ea2aa87 100644
--- a/prepros.config
+++ b/prepros.config
@@ -492,6 +492,9 @@
"resolveJsonModule": false,
"esModuleInterop": false,
"useDefineForClassFields": false
+ },
+ "custom-gzg6caunrh": {
+ "command": "cp {{input}} {{output}}"
}
},
"fileTypes": {
@@ -955,6 +958,26 @@
"type": "SOURCE_RELATIVE",
"relativePath": ""
}
+ },
+ "custom-sm9kzo2npr": {
+ "autoCompile": true,
+ "label": "Pug pattern to pug file",
+ "extensions": [
+ ".pp"
+ ],
+ "tasks": [
+ {
+ "task": "custom-gzg6caunrh",
+ "enable": true
+ }
+ ],
+ "output": {
+ "extension": ".pug",
+ "type": "SOURCE_RELATIVE",
+ "relativePath": "",
+ "suffix": "-dist",
+ "alwaysSuffix": false
+ }
}
},
"files": [
@@ -1346,6 +1369,30 @@
}
}
},
+ {
+ "file": "src/pg/patterns/core/sticky-note/_sticky-note.pp",
+ "config": {
+ "autoCompile": true
+ }
+ },
+ {
+ "file": "src/pg/patterns/core/switch/_switch.pp",
+ "config": {
+ "autoCompile": true
+ }
+ },
+ {
+ "file": "src/pg/patterns/core/tabs/_tabs.pp",
+ "config": {
+ "autoCompile": true
+ }
+ },
+ {
+ "file": "src/pg/patterns/core/tooltip/_tooltip.pp",
+ "config": {
+ "autoCompile": true
+ }
+ },
{
"file": "src/pg/patterns/layouts/header-core/header.scss",
"config": {
diff --git a/public/patterns/core/header/index.html b/public/patterns/core/header/index.html
index 5e32e60..2a14da5 100644
--- a/public/patterns/core/header/index.html
+++ b/public/patterns/core/header/index.html
@@ -22,6 +22,89 @@
+
+
+
+
+ DS2 core
+
+
+
+
+
+
+ //- DS2 core (c) 2024 Alexander McIlwraith
+//- Licensed under CC BY-SA 4.0
+
+//- required variables
+//- site - the site name that goes in the site title
+//- root - the path to the root of the site
+
+header
+ // The headline banner area
+ svg(height='5.5rem' width='100%' xmlns='http://www.w3.org/2000/svg' aria-hidden='true')
+ text= site
+ div
+ div.header-title
+ h1
+ a(href="./")= site
+ // Other sections can go here, such as search and directory
+
+ header {
+ display: -ms-grid;
+ display: grid;
+ -ms-grid-rows: 1.75rem 3.5rem;
+ grid-template-rows: 1.75rem 3.5rem;
+ -ms-grid-column: 2;
+ -ms-grid-column-span: 2;
+ grid-column: 2/4;
+ overflow: hidden;
+}
+header svg {
+ grid-column: 1/-1;
+ grid-row: 1/-1;
+ -ms-grid-row-align: stretch;
+ -ms-grid-column-align: stretch;
+ place-self: stretch;
+}
+header svg text {
+ -webkit-transform: translate(-1rem, 7.25rem);
+ -ms-transform: translate(-1rem, 7.25rem);
+ transform: translate(-1rem, 7.25rem);
+ font-size: 10rem;
+ font-weight: 1000;
+ font-family: sans-serif;
+ fill: var(--colour-grey-xxl);
+}
+header > div {
+ -ms-grid-row: 2;
+ grid-row: 2;
+ grid-column: 1/-1;
+ display: -ms-grid;
+ display: grid;
+ grid-column-gap: 1rem;
+ -ms-grid-columns: auto -webkit-max-content -webkit-max-content;
+ -ms-grid-columns: auto max-content max-content;
+ grid-template-columns: auto -webkit-max-content -webkit-max-content;
+ grid-template-columns: auto max-content max-content;
+}
+header > div .header-title h1 {
+ margin: 0;
+ padding: 0 1rem;
+}
+header > div .header-title h1 a, header > div .header-title h1 a:visited {
+ border-bottom: none;
+ color: var(--colour-black);
+ font-family: sans-serif;
+ font-size: 2.5rem;
+ font-size: 32px;
+ font-weight: 700;
+ margin: 0;
+ padding: 0;
+ text-decoration: none;
+}
//- DS2 core (c) 2024 Alexander McIlwraith
//- Licensed under CC BY-SA 4.0
@@ -75,59 +158,6 @@ $font-weight: 700 !default;
}
}
}
-}
- header {
- display: -ms-grid;
- display: grid;
- -ms-grid-rows: 1.75rem 3.5rem;
- grid-template-rows: 1.75rem 3.5rem;
- -ms-grid-column: 2;
- -ms-grid-column-span: 2;
- grid-column: 2/4;
- overflow: hidden;
-}
-header svg {
- grid-column: 1/-1;
- grid-row: 1/-1;
- -ms-grid-row-align: stretch;
- -ms-grid-column-align: stretch;
- place-self: stretch;
-}
-header svg text {
- -webkit-transform: translate(-1rem, 7.25rem);
- -ms-transform: translate(-1rem, 7.25rem);
- transform: translate(-1rem, 7.25rem);
- font-size: 10rem;
- font-weight: 1000;
- font-family: sans-serif;
- fill: var(--colour-grey-xxl);
-}
-header > div {
- -ms-grid-row: 2;
- grid-row: 2;
- grid-column: 1/-1;
- display: -ms-grid;
- display: grid;
- grid-column-gap: 1rem;
- -ms-grid-columns: auto -webkit-max-content -webkit-max-content;
- -ms-grid-columns: auto max-content max-content;
- grid-template-columns: auto -webkit-max-content -webkit-max-content;
- grid-template-columns: auto max-content max-content;
-}
-header > div .header-title h1 {
- margin: 0;
- padding: 0 1rem;
-}
-header > div .header-title h1 a, header > div .header-title h1 a:visited {
- border-bottom: none;
- color: var(--colour-black);
- font-family: sans-serif;
- font-size: 2.5rem;
- font-size: 32px;
- font-weight: 700;
- margin: 0;
- padding: 0;
- text-decoration: none;
}
diff --git a/public/patterns/core/sticky-note/index.html b/public/patterns/core/sticky-note/index.html
index e1208ec..0b1ffe0 100644
--- a/public/patterns/core/sticky-note/index.html
+++ b/public/patterns/core/sticky-note/index.html
@@ -17,7 +17,7 @@