gamv/ds2-core
1
0
Fork 0
Code Issues 10 Releases 9 Activity

Move pug pattern files to .pp, check tab order

Browse Source
This commit is contained in:
A McIlwraith
2024-07-16 02:49:53 -04:00
parent 0036bcf0fd
commit fa708175b7
17 changed files with 188 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/patterns/core/tabs/index.html
View File

@@ -22,6 +22,10 @@
<div data-tab="[tab title]"></div>
<div data-tab="[tab title]"></div>
</div></pre>
<pre class="language-pug" tab="pug">div#uniqueID.tab-group
div(data-tab="[tab title]")
div(data-tab="[tab title]")
</pre>
<pre class="language-css" tab="css">tabset, .tab-group {
margin: 2rem 0 1rem 0;
}
@@ -77,9 +81,9 @@ tabset [role=tabpanel]:not(.open), .tab-group [role=tabpanel]:not(.open) {
<pre class="language-css" tab="scss">// DS2 core (c) 2024 Alexander McIlwraith
// Licensed under CC BY-SA 4.0
$tab-border: var(--colour-grey) !default;
$tab-selected: var(--colour-white) !default;
$tab-notselected: var(--colour-grey-xxl) !default;
$tab-border: #7f7f7f !default;
$tab-selected: #FFF !default;
$tab-notselected: #f0f0f0 !default;
@mixin tabs {
tabset, .tab-group {