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

More updates

Browse Source
This commit is contained in:
A McIlwraith
2024-07-12 23:35:29 -04:00
parent c10125b41d
commit ef9b937d2e
36 changed files with 1311 additions and 12020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/patterns/components/switch-core/index.html
View File

@@ -17,8 +17,8 @@
<pre class="language-css" data-tab="css">[role=switch] {
display: -ms-inline-grid;
display: inline-grid;
border: 1px solid #2e51a1;
background-color: #e9e9ea;
border: 1px solid var(--colour-blue);
background-color: var(--colour-grey-xl);
border-radius: 0.75rem;
height: 1.5rem;
width: 3rem;
@@ -35,7 +35,7 @@
transition: all 500ms;
}
[role=switch][aria-checked=true] {
background-color: #2e51a1;
background-color: var(--colour-blue);
}
[role=switch][aria-checked=true] > span {
margin-left: calc(1.5rem - 5%);
@@ -45,9 +45,9 @@
@use "sass:math";
$switch-accent: #2e51a1 !default; // switch background when switched right (on/ true)
$switch-background: #e9e9ea !default; // switch background when switched left (off / false)
$switch-color: #ffffff !default; // the colour of the switch
$switch-accent: var(--colour-blue) !default; // switch background when switched right (on/ true)
$switch-background: var(--colour-grey-xl) !default; // switch background when switched left (off / false)
$switch-color: var(--colour-white) !default; // the colour of the switch
$switch-height: 1.5rem !default;
@mixin switch {