hexo-theme-shokax 0.0.2-alpha2 → 0.0.2-alpha3

package/source/css/_common/components/third-party/mermaid/mermaid.styl

@@ -1,37 +1,37 @@
-pre.mermaid, pre.graphviz {
-  background: none;
-  padding: 0;
-  border: none;
-}
-
-pre > svg {
-  display: block;
-  margin: 0 auto;
-}
-
-pre.graphviz {
-  white-space: normal;
-  max-width: calc(100% - 3.125rem);
-  svg > g > polygon {
-    fill: var(--grey-1);
-  }
-}
-
-.mermaid {
-  &.graph svg{
-    max-height: 18.75rem;
-  }
-
-  @import 'flowchart';
-  @import 'sequence';
-  @import 'gantt';
-  @import 'class';
-  @import 'git';
-  @import 'pie';
-  @import 'state';
-}
-
-:root {
-  --mermaid-font-family: "trebuchet ms", verdana, arial;
-}
-
+pre.mermaid, pre.graphviz {
+  background: none;
+  padding: 0;
+  border: none;
+}
+
+pre > svg {
+  display: block;
+  margin: 0 auto;
+}
+
+pre.graphviz {
+  white-space: normal;
+  max-width: calc(100% - 3.125rem);
+  svg > g > polygon {
+    fill: var(--grey-1);
+  }
+}
+
+.mermaid {
+  &.graph svg{
+    max-height: 18.75rem;
+  }
+
+  @import 'flowchart';
+  @import 'sequence';
+  @import 'gantt';
+  @import 'class';
+  @import 'git';
+  @import 'pie';
+  @import 'state';
+}
+
+:root {
+  --mermaid-font-family: "trebuchet ms", verdana, arial;
+}
+

package/source/css/_common/components/third-party/mermaid/pie.styl

@@ -1,9 +1,9 @@
-.pieTitleText {
-  text-anchor: middle;
-  font-size: 1.5625rem;
-  fill: $taskTextDarkColor;
-  font-family: var(--mermaid-font-family);
-}
-.slice {
-  font-family: var(--mermaid-font-family);
-}
+.pieTitleText {
+  text-anchor: middle;
+  font-size: 1.5625rem;
+  fill: $taskTextDarkColor;
+  font-family: var(--mermaid-font-family);
+}
+.slice {
+  font-family: var(--mermaid-font-family);
+}

package/source/css/_common/components/third-party/mermaid/sequence.styl

@@ -1,95 +1,95 @@
-.actor {
-  stroke: var(--text-color);
-  fill: var(--grey-1);
-}
-
-text.actor {
-  fill: var(--text-color);
-  stroke: none;
-}
-
-.actor-line {
-  stroke: var(--text-color);
-}
-
-.messageLine0 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  stroke: var(--text-color);
-}
-
-.messageLine1 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  stroke: var(--text-color);
-}
-
-#arrowhead {
-  fill: var(--text-color);
-}
-
-.sequenceNumber {
-  fill: white;
-}
-
-#sequencenumber {
-  fill: var(--text-color);
-}
-
-#crosshead path {
-  fill: var(--text-color) !important;
-  stroke: var(--text-color) !important;
-}
-
-.messageText {
-  fill: var(--text-color);
-  stroke: none;
-}
-
-.labelBox {
-  stroke: var(--text-color);
-  fill: var(--grey-3);
-}
-
-.labelText {
-  fill: var(--text-color);
-  stroke: none;
-}
-
-.loopText {
-  fill: var(--text-color);
-  stroke: none;
-}
-
-.loopLine {
-  stroke-width: 2;
-  stroke-dasharray: '2 2';
-  stroke: var(--text-color);
-}
-
-.note {
-  stroke: var(--grey-4);
-  fill: var(--grey-3);
-}
-
-.noteText {
-  fill: black;
-  stroke: none;
-  font-family: var(--mermaid-font-family);
-  font-size: .875rem;
-}
-
-.activation0 {
-  fill: #f4f4f4;
-  stroke: #666;
-}
-
-.activation1 {
-  fill: #f4f4f4;
-  stroke: #666;
-}
-
-.activation2 {
-  fill: #f4f4f4;
-  stroke: #666;
-}
+.actor {
+  stroke: var(--text-color);
+  fill: var(--grey-1);
+}
+
+text.actor {
+  fill: var(--text-color);
+  stroke: none;
+}
+
+.actor-line {
+  stroke: var(--text-color);
+}
+
+.messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: var(--text-color);
+}
+
+.messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: var(--text-color);
+}
+
+#arrowhead {
+  fill: var(--text-color);
+}
+
+.sequenceNumber {
+  fill: white;
+}
+
+#sequencenumber {
+  fill: var(--text-color);
+}
+
+#crosshead path {
+  fill: var(--text-color) !important;
+  stroke: var(--text-color) !important;
+}
+
+.messageText {
+  fill: var(--text-color);
+  stroke: none;
+}
+
+.labelBox {
+  stroke: var(--text-color);
+  fill: var(--grey-3);
+}
+
+.labelText {
+  fill: var(--text-color);
+  stroke: none;
+}
+
+.loopText {
+  fill: var(--text-color);
+  stroke: none;
+}
+
+.loopLine {
+  stroke-width: 2;
+  stroke-dasharray: '2 2';
+  stroke: var(--text-color);
+}
+
+.note {
+  stroke: var(--grey-4);
+  fill: var(--grey-3);
+}
+
+.noteText {
+  fill: black;
+  stroke: none;
+  font-family: var(--mermaid-font-family);
+  font-size: .875rem;
+}
+
+.activation0 {
+  fill: #f4f4f4;
+  stroke: #666;
+}
+
+.activation1 {
+  fill: #f4f4f4;
+  stroke: #666;
+}
+
+.activation2 {
+  fill: #f4f4f4;
+  stroke: #666;
+}

package/source/css/_common/components/third-party/mermaid/state.styl

@@ -1,130 +1,130 @@
-g.stateGroup text {
-  fill: var(--text-color);
-  stroke: none;
-  font-size: .625rem;
-  font-family: var(--mermaid-font-family);
-}
-g.stateGroup text {
-  fill: var(--text-color);
-  stroke: none;
-  font-size: .625rem;
-
-}
-g.stateGroup .state-title {
-  font-weight: bolder;
-  fill: black;
-}
-
-g.stateGroup rect {
-  fill: var(--grey-1);
-  stroke: var(--text-color);
-}
-
-g.stateGroup line {
-  stroke: var(--text-color);
-  stroke-width: 1;
-}
-
-.transition {
-  stroke: var(--text-color);
-  stroke-width: 1;
-  fill: none;
-}
-
-.stateGroup .composit {
-  fill: white;
-  border-bottom: .0625rem
-}
-
-.stateGroup .alt-composit {
-  fill: #e0e0e0;
-  border-bottom: .0625rem
-}
-
-.state-note {
-  stroke: var(--grey-4);
-  fill: var(--grey-3);
-
-  text {
-    fill: black;
-    stroke: none;
-    font-size: .625rem;
-  }
-}
-
-.stateLabel .box {
-  stroke: none;
-  stroke-width: 0;
-  fill: var(--grey-1);
-  opacity: .5;
-}
-
-.stateLabel text {
-  fill: black;
-  font-size: .625rem;
-  font-weight: bold;
-  font-family: var(--mermaid-font-family);
-}
-
-.node circle.state-start {
-  fill: black;
-  stroke: black;
-}
-.node circle.state-end {
-  fill: black;
-  stroke: white;
-  stroke-width: 1.5
-}
-#statediagram-barbEnd {
-  fill: var(--text-color)
-}
-
-.statediagram-cluster rect {
-  fill: var(--grey-1);
-  stroke: var(--text-color);
-  stroke-width: .0625rem;
-}
-.statediagram-cluster rect.outer {
-  rx: .3125rem;
-  ry: .3125rem;
-}
-.statediagram-state .divider {
-  stroke: var(--text-color);
-}
-
-.statediagram-state .title-state {
-  rx: .3125rem;
-  ry: .3125rem;
-}
-.statediagram-cluster.statediagram-cluster .inner {
-  fill: white;
-}
-.statediagram-cluster.statediagram-cluster-alt .inner {
-  fill: #e0e0e0;
-}
-
-.statediagram-cluster .inner {
-  rx:0;
-  ry:0;
-}
-
-.statediagram-state rect.basic {
-  rx: .3125rem;
-  ry: .3125rem;
-}
-.statediagram-state rect.divider {
-  stroke-dasharray: 10,10;
-  fill: #efefef;
-}
-
-.note-edge {
-  stroke-dasharray: 5;
-}
-
-.statediagram-note rect {
-  stroke: var(--grey-4);
-  fill: var(--grey-3);
-  stroke-width: .0625rem;
-  rx: 0;
-  ry: 0;
-}
+g.stateGroup text {
+  fill: var(--text-color);
+  stroke: none;
+  font-size: .625rem;
+  font-family: var(--mermaid-font-family);
+}
+g.stateGroup text {
+  fill: var(--text-color);
+  stroke: none;
+  font-size: .625rem;
+
+}
+g.stateGroup .state-title {
+  font-weight: bolder;
+  fill: black;
+}
+
+g.stateGroup rect {
+  fill: var(--grey-1);
+  stroke: var(--text-color);
+}
+
+g.stateGroup line {
+  stroke: var(--text-color);
+  stroke-width: 1;
+}
+
+.transition {
+  stroke: var(--text-color);
+  stroke-width: 1;
+  fill: none;
+}
+
+.stateGroup .composit {
+  fill: white;
+  border-bottom: .0625rem
+}
+
+.stateGroup .alt-composit {
+  fill: #e0e0e0;
+  border-bottom: .0625rem
+}
+
+.state-note {
+  stroke: var(--grey-4);
+  fill: var(--grey-3);
+
+  text {
+    fill: black;
+    stroke: none;
+    font-size: .625rem;
+  }
+}
+
+.stateLabel .box {
+  stroke: none;
+  stroke-width: 0;
+  fill: var(--grey-1);
+  opacity: .5;
+}
+
+.stateLabel text {
+  fill: black;
+  font-size: .625rem;
+  font-weight: bold;
+  font-family: var(--mermaid-font-family);
+}
+
+.node circle.state-start {
+  fill: black;
+  stroke: black;
+}
+.node circle.state-end {
+  fill: black;
+  stroke: white;
+  stroke-width: 1.5
+}
+#statediagram-barbEnd {
+  fill: var(--text-color)
+}
+
+.statediagram-cluster rect {
+  fill: var(--grey-1);
+  stroke: var(--text-color);
+  stroke-width: .0625rem;
+}
+.statediagram-cluster rect.outer {
+  rx: .3125rem;
+  ry: .3125rem;
+}
+.statediagram-state .divider {
+  stroke: var(--text-color);
+}
+
+.statediagram-state .title-state {
+  rx: .3125rem;
+  ry: .3125rem;
+}
+.statediagram-cluster.statediagram-cluster .inner {
+  fill: white;
+}
+.statediagram-cluster.statediagram-cluster-alt .inner {
+  fill: #e0e0e0;
+}
+
+.statediagram-cluster .inner {
+  rx:0;
+  ry:0;
+}
+
+.statediagram-state rect.basic {
+  rx: .3125rem;
+  ry: .3125rem;
+}
+.statediagram-state rect.divider {
+  stroke-dasharray: 10,10;
+  fill: #efefef;
+}
+
+.note-edge {
+  stroke-dasharray: 5;
+}
+
+.statediagram-note rect {
+  stroke: var(--grey-4);
+  fill: var(--grey-3);
+  stroke-width: .0625rem;
+  rx: 0;
+  ry: 0;
+}

package/source/css/_common/components/third-party/pace.styl

@@ -1,18 +1,18 @@
-.pace {
-  pointer-events: none;
-  user-select: none;
-}
-
-.pace-inactive {
-  display: none;
-}
-
-.pace .pace-progress {
-  background: var(--primary-color);
-  position: fixed;
-  z-index: 2000;
-  top: 0;
-  right: 100%;
-  width: 100%;
-  height: .125rem;
-}
+.pace {
+  pointer-events: none;
+  user-select: none;
+}
+
+.pace-inactive {
+  display: none;
+}
+
+.pace .pace-progress {
+  background: var(--primary-color);
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  right: 100%;
+  width: 100%;
+  height: .125rem;
+}