update

.obsidian/snippets/breadcrumbs.css

@@ -0,0 +1,26 @@
+
+/* BreadCrumbs top trail view */
+/* view at the top of each file */
+.BC-trail {
+    font-size: 20px;
+    width:10%;
+    /* make the height limited, but the content still visible with scrolling */
+    max-height: 15vh;
+    overflow: scroll;
+}
+
+.BC-trail::after {
+    content: "\a";
+}
+
+/* BreadCrumbs down pane (nested list of subconcepts) */
+.BC-downs {
+    font-size: calc(max(55%, 0.8vw));
+}
+
+
+.BC-Matrix {
+    font-size: 70% !important;
+}
+
+

.obsidian/snippets/checkboxes.css

@@ -0,0 +1,8 @@
+
+
+/* ┏┓ ┏━╸╺┳╸╺┳╸┏━╸┏━┓   ┏┳┓┏━┓┏━┓┏━╸╻┏┓╻┏━┓ */
+/* ┣┻┓┣╸  ┃  ┃ ┣╸ ┣┳┛   ┃┃┃┣━┫┣┳┛┃╺┓┃┃┗┫┗━┓ */
+/* ┗━┛┗━╸ ╹  ╹ ┗━╸╹┗╸   ╹ ╹╹ ╹╹┗╸┗━┛╹╹ ╹┗━┛ */
+.mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox {
+    margin-right: 10px;
+}

.obsidian/snippets/compact_tabs.css

@@ -0,0 +1,20 @@
+
+/* --------------compact tabs--------------------*/
+.workspace .mod-root .workspace-tab-header {
+    width: unset;
+    max-width: var(--tab-width);
+    border: 1px solid var(--color-base-50);
+}
+
+/*.workspace-tab-header-inner {
+    width: unset;
+}*/
+
+.workspace .mod-root .workspace-tab-header-inner::after {
+    width: 0px;
+}
+
+body {
+    --tab-outline-color: unset;
+}
+

.obsidian/snippets/custom_callouts.css

@@ -0,0 +1,102 @@
+
+/* ┏┓ ┏━╸╺┳╸╺┳╸┏━╸┏━┓   ┏┳┓┏━┓┏━┓┏━╸╻┏┓╻┏━┓ */
+/* ┣┻┓┣╸  ┃  ┃ ┣╸ ┣┳┛   ┃┃┃┣━┫┣┳┛┃╺┓┃┃┗┫┗━┓ */
+/* ┗━┛┗━╸ ╹  ╹ ┗━╸╹┗╸   ╹ ╹╹ ╹╹┗╸┗━┛╹╹ ╹┗━┛ */
+.callout {
+    /* padding: 5px; */
+    --callout-padding: var(--size-4-2) var(--size-4-3) var(--size-4-1) var(--size-4-4);
+
+}
+.callout-content > p,
+.callout-content > ul{
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+
+/* ┏━╸╻ ╻╻┏━┓╺┳╸╻┏┓╻┏━╸   ┏━╸┏━┓╻  ╻  ┏━┓╻ ╻╺┳╸┏━┓ */
+/* ┣╸ ┏╋┛┃┗━┓ ┃ ┃┃┗┫┃╺┓   ┃  ┣━┫┃  ┃  ┃ ┃┃ ┃ ┃ ┗━┓ */
+/* ┗━╸╹ ╹╹┗━┛ ╹ ╹╹ ╹┗━┛   ┗━╸╹ ╹┗━╸┗━╸┗━┛┗━┛ ╹ ┗━┛ */
+
+.callout {
+    /* font-size: 80%; */
+}
+
+
+/* Also create the small vertion of the todo (smalltodo) */
+.callout[data-callout="todo"], .callout[data-callout="smalltodo"]{
+    /* orange is my color for todo
+     * (especially since tags are orange, and tasks have the #task tag) */
+    --callout-color: 255, 160, 30;
+    --callout-icon: luc_clipboard_check;
+}
+.callout[data-callout="smalltodo"] {
+    font-size: 80%;
+    --table-font-size: 80%;
+    --font-code: 80%;
+}
+
+.callout[data-callout="info"] {
+    --callout-color: 30, 180, 30;
+}
+
+.callout[data-callout="cite"] {
+    --callout-title-size: 90%;
+}
+.callout[data-callout="cite"] {
+    /* padding: 0pt; */
+    --callout-padding: var(--size-2-3)
+}
+.callout[data-callout="cite"] > .callout-title > .callout-title-inner {
+    /* overflow: scroll; */
+}
+
+
+
+/* ┏┓╻┏━╸╻ ╻   ┏━╸┏━┓╻  ╻  ┏━┓╻ ╻╺┳╸┏━┓ */
+/* ┃┗┫┣╸ ┃╻┃   ┃  ┣━┫┃  ┃  ┃ ┃┃ ┃ ┃ ┗━┓ */
+/* ╹ ╹┗━╸┗┻┛   ┗━╸╹ ╹┗━╸┗━╸┗━┛┗━┛ ╹ ┗━┛ */
+
+
+.callout[data-callout="query"], .callout[data-callout="smallquery"]{
+    /* small and green, for queries (dataview...) */
+    /* change this -------.  to adjust brightness */
+    /*                    |                       */
+    /*                    V                       */
+    /* --callout-color: 68, 140, 80; */
+    --callout-color: 64, 208, 64;
+    --callout-icon: database;
+    /* --callout-icon: '<svg>...custom svg...</svg>'; */
+    /* font-size: 18px; /1* smaller font size, to see more results at se same time *1/ */
+}
+.callout[data-callout="smallquery"] {
+    font-size: 80%; /* smaller font size, to see more results at se same time */
+    /* also change the size of any table contained in the callout */
+    --table-font-size: 80%;
+    --font-code: 80%;
+}
+
+
+
+.callout[data-callout="idea"] {
+    /* ideas for future things (improvements...) */
+    --callout-color: 252, 213, 0;
+    --callout-icon: lightbulb;
+}
+
+
+.callout[data-callout="definition"], .callout[data-callout="définition"]{
+    /* definitions (expecially in maths) */
+    --callout-color: 77, 149, 247;
+    --callout-icon: feather;
+}
+
+
+.callout[data-callout="date"] {
+    --callout-color: 240, 90, 80;
+    --callout-icon: calendar;
+    /* --callout-icon: '<svg>...custom svg...</svg>'; */
+}
+
+
+

.obsidian/snippets/darkmode.css

@@ -0,0 +1,34 @@
+/* ╺┳┓┏━┓┏━┓╻┏ ┏┳┓┏━┓╺┳┓┏━╸ */
+/*  ┃┃┣━┫┣┳┛┣┻┓┃┃┃┃ ┃ ┃┃┣╸ */
+/* ╺┻┛╹ ╹╹┗╸╹ ╹╹ ╹┗━┛╺┻┛┗━╸ */
+/* for all sorts of ui elements : */
+/* pdfs, figures... */
+
+
+/* markmind pdf reader (and annotator) */
+.pdf-viewer>.page,
+.mm-pdf-container {
+    filter: invert(0.7)
+            brightness(0.85)
+            contrast(1.6)
+            hue-rotate(180deg)
+            saturate(150%)
+            /* blur(0.5px) /1* blur makes the white text less agressive *1/ */
+            ;
+}
+/* .mm-highlight { */
+/*     filter: invert(0.3); */
+/* } */
+
+
+/* /1* argdown maps *1/ */
+/* .argdown-figure { */
+/*     filter: invert(0.70) */
+/*             brightness(0.9) */
+/*             contrast(1.5) */
+/*             hue-rotate(180deg) */
+/*             saturate(200%) */
+/*             ; */
+/* } */
+
+

.obsidian/snippets/dataview.css

@@ -0,0 +1,7 @@
+
+ul.dataview { /* smaller margins */
+    margin-block-start: 0px;
+    margin-block-end: 0px;
+}
+
+

.obsidian/snippets/fira_code.css

@@ -0,0 +1,15 @@
+/* Set fonts for both Edit and Preview mode
+.view-content {
+  font-family: 'Courier New', monospace !important;
+}
+*/
+
+.markdown-source-view {
+  font-family: 'Fira Code Nerd Font', 'Fira Code', Menlo, Monaco, 'Courier New', monospace !important;
+}
+
+.markdown-preview-view {
+  /* font-family: georgia, serif !important; */
+  font-family: 'Fira Code Nerd Font', 'Fira Code', Menlo, Monaco, 'Courier New', monospace !important;
+}
+

.obsidian/snippets/general_interface.css

@@ -0,0 +1,52 @@
+* {
+    /* dataview */
+    --table-background: inherit;
+    /* --table-row-alt-background: #1A1A1A; */
+}
+
+
+
+
+/* side panes margins */
+.workspace-leaf-content>.view-content {
+    padding: 5pt;
+}
+
+/* for every pane content */
+.markdown-source-view.mod-cm6:not(.is-readable-line-width) .cm-contentContainer {
+    /* bigge left-margin */
+    margin: 0 0 0 calc(52% - var(--max-width)/2) !important; /* note : i hate the person that used !important */
+}
+
+
+/* bigger collapse indicator on titles and lists */
+.collapse-indicator {
+    transform: scale(2);
+}
+
+.task-list-item-checkbox {
+    /* transform: scale(2) !important; */
+}
+
+
+
+
+
+
+/* Graph Analysis */
+.GA-View {
+    font-size: 1vw;
+}
+table.GA-table {
+    --table-font-size: 1vw;
+}
+
+
+
+/* spaced repetition modal */
+.sr-modal-content {
+    font-size: calc(max(1.5vw , 3vh));
+}
+
+
+

.obsidian/snippets/hide_excalibrain_ui.css

@@ -0,0 +1,8 @@
+.excalibrain-dropdown-wrapper {
+    display: none;
+}
+
+div.excalibrain-contentEl > div > div > div > footer.layer-ui__wrapper__footer.App-menu.App-menu_bottom {
+    display: none;
+}
+

.obsidian/snippets/pdf_conversion.css

@@ -0,0 +1,7 @@
+
+@media print {
+    body {
+    }
+}
+
+

.obsidian/snippets/permutations.css

@@ -0,0 +1,98 @@
+
+
+* {
+    --font-size: 1cm;
+}
+
+.container {
+    margin: 1ex;
+    padding: 1ex;
+    border: none;
+    display: flex;
+    align-items: center;
+    /* width: 11em; */
+    /* height: 4em; */
+}
+
+
+.permutation {
+    display: flex;
+    flex-direction: row;
+}
+
+.parenthesis {
+    display: inline;
+    font-size: calc(2.2 * var(--font-size));
+    transform: scaleX(0.5) translateY(calc(-0.05 * var(--font-size)));
+}
+
+.lines {
+    display: flex;
+    flex-direction: column;
+}
+
+.text {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: calc(var(--font-size)/2);
+    font-size: var(--font-size);
+    font-family: serif;
+}
+
+.text > div {
+    flex-basis: min-content;
+    flex-grow: 1;
+    text-align: center;
+}
+
+
+.perm {
+    /* animation-fill-mode: forwards; */
+    animation-duration: 3s;
+    /* animation-fill-mode: forwards; */
+    animation-timing-function: quartic;
+    animation-direction: alternate;
+    animation-iteration-count: infinite;
+}
+
+.perm.shift-of-1 { animation-name: shift_1; }
+.perm.shift-of-1.reverse { animation-name: shift_1_reverse; }
+
+.perm.shift-of-2 { animation-name: shift_2; }
+.perm.shift-of-2.reverse { animation-name: shift_2_reverse; }
+
+.perm.shift-of-3 { animation-name: shift_3; }
+.perm.shift-of-3.reverse { animation-name: shift_3_reverse; }
+
+.perm.shift-of-4 { animation-name: shift_4; }
+.perm.shift-of-4.reverse { animation-name: shift_4_reverse; }
+
+.perm.shift-of-5 { animation-name: shift_5; }
+.perm.shift-of-5.reverse { animation-name: shift_5_reverse; }
+
+.perm.shift-of-6 { animation-name: shift_6; }
+.perm.shift-of-6.reverse { animation-name: shift_6_reverse; }
+
+
+
+@keyframes shift_1 { 90%, to { transform: translateX(calc(var(--font-size))); } }
+@keyframes shift_1_reverse { 90%, to { transform: translateX(calc(-1 * var(--font-size))); } }
+
+@keyframes shift_2 { 90%, to { transform: translateX(calc(2 * var(--font-size))); } }
+@keyframes shift_2_reverse { 90%, to { transform: translateX(calc(-2 * var(--font-size))); } }
+
+@keyframes shift_3 { 90%, to { transform: translateX(calc(3 * var(--font-size))); } }
+@keyframes shift_3_reverse { 90%, to { transform: translateX(calc(-3 * var(--font-size))); } }
+
+@keyframes shift_4 { 90%, to { transform: translateX(calc(4 * var(--font-size))); } }
+@keyframes shift_4_reverse { 90%, to { transform: translateX(calc(-4 * var(--font-size))); } }
+
+@keyframes shift_5 { 90%, to { transform: translateX(calc(5 * var(--font-size))); } }
+@keyframes shift_5_reverse { 90%, to { transform: translateX(calc(-5 * var(--font-size))); } }
+
+@keyframes shift_6 { 90%, to { transform: translateX(calc(6 * var(--font-size))); } }
+@keyframes shift_6_reverse { 90%, to { transform: translateX(calc(-6 * var(--font-size))); } }
+
+
+

.obsidian/snippets/query_header_title.css

@@ -0,0 +1,10 @@
+
+
+/* when using a ```query ``` block, the query is showed even in preview mode.
+ * The default size is too big, so this is to set my prefered reasonable size.
+ * */
+.internal-query-header-title {
+    /* sadly i have to use important, else this file does not have the priority */
+    font-size : 17px !important;
+}
+

.obsidian/snippets/supercharged-links-gen.css

@@ -0,0 +1,272 @@
+/* WARNING: This file will be overwritten by the plugin.
+Do not edit this file directly! First copy this file and rename it if you want to edit things. */
+
+:root {
+    --591a-86c0-color: #A36AAA;
+    --591a-86c0-weight: initial;
+    --591a-86c0-before: '';
+    --d474-0cfe-color: #006F5F;
+    --d474-0cfe-weight: initial;
+    --7812-52e6-color: #9270D3;
+    --7812-52e6-weight: initial;
+    --7812-52e6-before: '';
+    --48f5-79b2-before: '';
+    --f1e2-3136-color: #F27D88;
+    --f1e2-3136-weight: initial;
+    --f1e2-3136-before: '';
+    --f1e2-3136-after: '';
+    --f1e2-3136-background-color: #ffffff;
+    --f1e2-3136-decoration: initial;
+}
+
+div[data-id="591a-86c0"] div.setting-item-description,
+[data-link-tags*="personne" i] {
+    color: var(--591a-86c0-color) !important;
+    font-weight: var(--591a-86c0-weight);
+}
+
+div[data-id="591a-86c0"] div.setting-item-description::before,
+.data-link-icon[data-link-tags*="personne" i]::before {
+    content: var(--591a-86c0-before);
+}
+
+div[data-id="d474-0cfe"] div.setting-item-description,
+[data-link-tags*="moc" i] {
+    color: var(--d474-0cfe-color) !important;
+    font-weight: var(--d474-0cfe-weight);
+}
+
+div[data-id="7812-52e6"] div.setting-item-description,
+[data-link-path="daily" ] {
+    color: var(--7812-52e6-color) !important;
+    font-weight: var(--7812-52e6-weight);
+}
+
+div[data-id="7812-52e6"] div.setting-item-description::before,
+.data-link-icon[data-link-path="daily" ]::before {
+    content: var(--7812-52e6-before);
+}
+
+div[data-id="48f5-79b2"] div.setting-item-description::before,
+.data-link-icon[data-link-tags*="informatique" i]::before {
+    content: var(--48f5-79b2-before);
+}
+
+div[data-id="f1e2-3136"] div.setting-item-description,
+[data-link-tags*="politique" i] {
+    color: var(--f1e2-3136-color) !important;
+    font-weight: var(--f1e2-3136-weight);
+}
+
+.c-f1e2-3136-use-background div[data-id="f1e2-3136"] div.setting-item-description,
+.c-f1e2-3136-use-background .data-link-text[data-link-tags*="politique" i] {
+    background-color: var(--f1e2-3136-background-color) !important;
+    border-radius: 5px;
+    padding-left: 2px;
+    padding-right: 2px;
+    text-decoration: var(--f1e2-3136-decoration) !important;
+}
+
+div[data-id="f1e2-3136"] div.setting-item-description::before,
+.data-link-icon[data-link-tags*="politique" i]::before {
+    content: var(--f1e2-3136-before);
+}
+
+div[data-id="f1e2-3136"] div.setting-item-description::after,
+.data-link-icon-after[data-link-tags*="politique" i]::after {
+    content: var(--f1e2-3136-after);
+}
+/* @settings
+name: Supercharged Links
+id: supercharged-links
+settings:
+    - 
+        id: 591a-86c0
+        title: tag is personne
+        description: Example note
+        type: heading
+        collapsed: true
+        level: 3
+    - 
+        id: 591a-86c0-color
+        title: Link color
+        type: variable-color
+        format: hex
+        default: '#A36AAA'
+    - 
+        id: 591a-86c0-weight
+        title: Font weight
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - lighter
+            - normal
+            - bold
+            - bolder
+    - 
+        id: 591a-86c0-decoration
+        title: Font decoration
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - underline
+            - overline
+            - line-through
+    - 
+        id: 591a-86c0-before
+        title: Prepend text
+        description: Add some text, such as an emoji, before the links.
+        type: variable-text
+        default: ''
+        quotes: true
+    - 
+        id: d474-0cfe
+        title: tag is moc
+        description: Example note
+        type: heading
+        collapsed: true
+        level: 3
+    - 
+        id: d474-0cfe-color
+        title: Link color
+        type: variable-color
+        format: hex
+        default: '#006F5F'
+    - 
+        id: d474-0cfe-weight
+        title: Font weight
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - lighter
+            - normal
+            - bold
+            - bolder
+    - 
+        id: d474-0cfe-decoration
+        title: Font decoration
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - underline
+            - overline
+            - line-through
+    - 
+        id: 7812-52e6
+        title: path is daily
+        description: Example note
+        type: heading
+        collapsed: true
+        level: 3
+    - 
+        id: 7812-52e6-color
+        title: Link color
+        type: variable-color
+        format: hex
+        default: '#9270D3'
+    - 
+        id: 7812-52e6-weight
+        title: Font weight
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - lighter
+            - normal
+            - bold
+            - bolder
+    - 
+        id: 7812-52e6-decoration
+        title: Font decoration
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - underline
+            - overline
+            - line-through
+    - 
+        id: 7812-52e6-before
+        title: Prepend text
+        description: Add some text, such as an emoji, before the links.
+        type: variable-text
+        default: ''
+        quotes: true
+    - 
+        id: 48f5-79b2
+        title: tag is informatique
+        description: Example note
+        type: heading
+        collapsed: true
+        level: 3
+    - 
+        id: 48f5-79b2-before
+        title: Prepend text
+        description: Add some text, such as an emoji, before the links.
+        type: variable-text
+        default: ''
+        quotes: true
+    - 
+        id: f1e2-3136
+        title: tag is politique
+        description: Example note
+        type: heading
+        collapsed: true
+        level: 3
+    - 
+        id: f1e2-3136-color
+        title: Link color
+        type: variable-color
+        format: hex
+        default: '#F27D88'
+    - 
+        id: f1e2-3136-weight
+        title: Font weight
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - lighter
+            - normal
+            - bold
+            - bolder
+    - 
+        id: f1e2-3136-decoration
+        title: Font decoration
+        type: variable-select
+        default: initial
+        options:
+            - initial
+            - underline
+            - overline
+            - line-through
+    - 
+        id: f1e2-3136-before
+        title: Prepend text
+        description: Add some text, such as an emoji, before the links.
+        type: variable-text
+        default: ''
+        quotes: true
+    - 
+        id: f1e2-3136-after
+        title: Append text
+        description: Add some text, such as an emoji, after the links.
+        type: variable-text
+        default: ''
+        quotes: true
+    - 
+        id: c-f1e2-3136-use-background
+        title: Use background color
+        description: Adds a background color to the link. This can look buggy in live preview.
+        type: class-toggle
+    - 
+        id: f1e2-3136-background-color
+        title: Background color
+        type: variable-color
+        format: hex
+        default: '#ffffff'
+*/

.obsidian/snippets/tabs.css

@@ -0,0 +1,46 @@
+body {
+    --tab-stacked-pane-width: 100%;
+}
+
+/* tabs of the side panes */
+/* .workspace-tab-header-inner { */
+/*     padding-left: 0pt !important; */
+/*     padding-right: 0pt !important; */
+/*     /1* width: 15pt; *1/ */
+/* } */
+
+
+/* /1* write the letters vertically *1/ */
+/* .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title{ */
+/*     text-orientation: upright; */
+/*     letter-spacing: -3px; */
+/*     text-transform: uppercase; */
+/* } */
+
+
+/* VERTICAL TABS PLUGIN */
+
+.koncham-workspace-root-panes>.nav-folder-children>.nav-file>.nav-file-title
+{
+    color: var(--text-normal);
+    padding-left: 5px;
+    padding-top: 2px; padding-bottom: 2px;
+    border: 1pt solid transparent;
+}
+
+.koncham-workspace-root-panes>.nav-folder-children>.nav-file>.nav-file-title.is-active
+{
+    color: var(--text-normal);
+    border-color: var(--text-normal);
+}
+
+
+.theme-dark {
+    /* active tab background color */
+    --nav-item-background-active: #006400;
+}
+
+
+
+
+

.obsidian/snippets/tabs_on_multiple_rown.css

@@ -0,0 +1,69 @@
+/* --------------multiple tab rows--------------------*/
+
+
+.workspace .mod-root .workspace-tab-header-container {
+  /* display: table; */
+  height: unset;
+}
+
+.workspace .mod-root .workspace-tab-header-container-inner {
+  flex-wrap: wrap;
+  margin: unset;
+  padding: unset;
+}
+
+/* wrapping rows */
+.workspace .mod-root .workspace-tab-header {
+    flex: none !important;
+}
+
+/* styling on new tab button */
+.titlebar .workspace-tab-header-new-tab,
+.mod-root .workspace-tab-header-new-tab {
+/*     flex-wrap: wrap; */
+/* display: unset; */
+    display: table-cell;
+    padding: unset;
+/*     padding: var(--size-4-2) 0 var(--size-2-3); /* 8 and 7 px*/
+/*   padding: 0 0 0; */
+/*   margin: unset; */
+/*   height: unset; */
+}
+
+
+/* hide tab list button */
+.titlebar .workspace-tab-header-tab-list,
+.mod-root .workspace-tab-header-tab-list
+{
+    display: none;
+}
+
+
+/* keep close button at all times */
+/* .workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
+    display: flex;
+} */
+
+
+/* hide close button at all times */
+/* .workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
+  display: none;
+} */
+
+/* hide inactive close button */
+.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
+  display: none;
+}
+
+/* hide active close button */
+.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
+  display: none;
+  /* width: 0;
+  height: 0;
+  padding: 0 0 0 0; */
+}
+
+/* another rule to override the app trying to make it flex */
+.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover .workspace-tab-header-inner-close-button {
+  display: none;
+}

.obsidian/snippets/tasks.css

@@ -0,0 +1,9 @@
+
+
+
+/* checkbox items */
+.task-list-item-checkbox {
+    /* bigger checkbox items */
+    transform: scale(1.2) translateX(4pt);
+}
+