hexo-theme-shokax 0.0.1-alpha1

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

@@ -0,0 +1,251 @@
+/** Section styling */
+
+.mermaid-main-font {
+  font-family: var(--mermaid-font-family);
+}
+
+.section {
+  stroke: none;
+  opacity: .2;
+}
+
+.section0 {
+  fill: var(--grey-1);
+}
+
+.section2 {
+  fill: var(--grey-1);
+}
+
+.section1,
+.section3 {
+  fill: var(--grey-0);
+  opacity: .2;
+}
+
+.sectionTitle0 {
+  fill: var(--text-color);
+}
+
+.sectionTitle1 {
+  fill: var(--text-color);
+}
+
+.sectionTitle2 {
+  fill: var(--text-color);
+}
+
+.sectionTitle3 {
+  fill: var(--text-color);
+}
+
+.sectionTitle {
+  text-anchor: start;
+  font-size: .6875rem;
+  text-height: .875rem;
+  font-family: var(--mermaid-font-family);
+}
+
+
+/* Grid and axis */
+
+.grid .tick {
+  stroke: var(--text-color);
+  opacity: .8;
+  shape-rendering: crispEdges;
+  text {
+    font-family: var(--mermaid-font-family);
+  }
+}
+
+.grid path {
+  stroke-width: 0;
+}
+
+
+/* Today line */
+
+.today {
+  fill: none;
+  stroke: var(--primary-color);
+  stroke-width: .125rem;
+}
+
+
+/* Task styling */
+
+/* Default task */
+
+.task {
+  stroke-width: 2;
+}
+
+.taskText {
+  text-anchor: middle;
+  font-family: var(--mermaid-font-family);
+}
+
+.taskText:not([font-size]) {
+  font-size: .6875rem;
+}
+
+.taskTextOutsideRight {
+  fill: var(--text-color);
+  text-anchor: start;
+  font-size: .6875rem;
+  font-family: var(--mermaid-font-family);
+
+}
+
+.taskTextOutsideLeft {
+  fill: var(--text-color);
+  text-anchor: end;
+  font-size: .6875rem;
+}
+
+/* Special case clickable */
+.task.clickable {
+  cursor: pointer;
+}
+.taskText.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold;
+}
+
+.taskTextOutsideLeft.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold;
+}
+
+.taskTextOutsideRight.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold;
+}
+
+/* Specific task settings for the sections*/
+
+.taskText0,
+.taskText1,
+.taskText2,
+.taskText3 {
+  fill: var(--grey-1);
+}
+
+.task0,
+.task1,
+.task2,
+.task3 {
+  fill: var(--text-color);
+  stroke: var(--text-color);
+}
+
+.taskTextOutside0,
+.taskTextOutside2
+{
+  fill: var(--color-blue);
+}
+
+.taskTextOutside1,
+.taskTextOutside3 {
+  fill: var(--color-purple);
+}
+
+
+/* Active task */
+
+.active0,
+.active1,
+.active2,
+.active3 {
+  fill: var(--grey-1);
+  stroke: var(--text-color);
+}
+
+.activeText0,
+.activeText1,
+.activeText2,
+.activeText3 {
+  fill: var(--text-color) !important;
+}
+
+
+/* Completed task */
+
+.done0,
+.done1,
+.done2,
+.done3 {
+  stroke: var(--color-green);
+  fill: var(--grey-1);
+  stroke-width: 2;
+}
+
+.doneText0,
+.doneText1,
+.doneText2,
+.doneText3 {
+  fill: var(--text-color) !important;
+}
+
+
+/* Tasks on the critical line */
+
+.crit0,
+.crit1,
+.crit2,
+.crit3 {
+  stroke: var(--primary-color);
+  fill: var(--primary-color);
+  stroke-width: 2;
+}
+
+.activeCrit0,
+.activeCrit1,
+.activeCrit2,
+.activeCrit3 {
+  stroke: var(--primary-color);
+  fill: var(--grey-1);
+  stroke-width: 2;
+}
+
+.doneCrit0,
+.doneCrit1,
+.doneCrit2,
+.doneCrit3 {
+  stroke: var(--text-color);
+  fill: var(--text-color);
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges;
+}
+
+.milestone {
+  transform: rotate(45deg) scale(.8,.8);
+}
+
+.milestoneText {
+  font-style: italic;
+}
+.doneCritText0,
+.doneCritText1,
+.doneCritText2,
+.doneCritText3 {
+  fill: var(--color-green) !important;
+}
+
+.activeCritText0,
+.activeCritText1,
+.activeCritText2,
+.activeCritText3 {
+  fill: var(--text-color) !important;
+}
+
+.titleText {
+  text-anchor: middle;
+  font-size: 1.125rem;
+  fill: var(--text-color);
+  font-family: var(--mermaid-font-family);
+}

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

@@ -0,0 +1,7 @@
+.commit-id,
+.commit-msg,
+.branch-label {
+  fill: lightgrey;
+  color: lightgrey;
+  font-family: var(--mermaid-font-family);
+}

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

@@ -0,0 +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;
+}
+

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

@@ -0,0 +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);
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,167 @@
+#search {
+  position: fixed;
+  background: var(--nav-bg);
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 1.25rem;
+  z-index: $zindex-4;
+  display: none;
+
+  >.inner {
+    border-radius: 0;
+    height: 100%;
+    margin: 0 auto;
+    width: 43.75rem;
+    text-shadow: none;
+
+    +mobile() {
+      width: 100%;
+    }
+    .icon,
+    .close-btn {
+      color: var(--grey-5);
+      font-size: 1.125rem;
+      padding: 0 .625rem;
+    }
+
+    .close-btn {
+      cursor: pointer;
+
+      &:hover i {
+        color: var(--grey-7);
+      }
+    }
+
+    .header {
+      display: flex;
+      background: var(--grey-1-a5);
+      border-radius: 3rem;
+      padding: .5rem 1.5rem;
+      margin-bottom: 1.25rem;
+      border: .0625rem solid var(--grey-5);
+      font-size: $font-size-large;
+      align-items: center;
+    }
+
+    .search-input-container {
+      flex-grow: 1;
+
+      form {
+        padding: .125rem;
+      }
+    }
+
+    .search-input {
+      background: transparent;
+      border: 0;
+      outline: 0;
+      width: 100%;
+
+      &::-webkit-search-cancel-button {
+        display: none;
+      }
+    }
+  }
+
+
+  .results {
+    height: calc(100% - 6.25rem);
+    padding: 1.875rem 1.875rem .3125rem;
+    border-radius: .3125rem;
+
+    background: var(--grey-1-a7) url(../images/search.png) no-repeat bottom right;
+
+    color: var(--text-color);
+
+    .inner {
+      position: relative;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    hr {
+      margin: .625rem 0;
+    }
+  }
+
+}
+
+
+.algolia-powered {
+  float: right;
+  background: url('../images/algolia_logo.svg') no-repeat;
+  display: inline-block;
+  height: 1.125rem;
+  width: 4.25rem;
+  margin: .5rem auto;
+}
+
+
+#search-hits {
+  overflow-y: scroll;
+  height: calc(100% - 8.125rem);
+
+  ol {
+    padding: 0;
+  }
+
+  .item {
+    margin: .9375rem 0;
+
+    a {
+      border-bottom: .0625rem dashed var(--grey-4);
+      display: block;
+      the-transition();
+    }
+
+    span {
+      font-size: 70%;
+      display: block;
+
+      i {
+        color: var(--grey-4);
+        margin: 0 .3125rem;
+      }
+    }
+  }
+
+}
+
+
+#search-pagination {
+  ul {
+    padding: 0;
+    margin: 1.25rem 0;
+  }
+  .pagination {
+    opacity: 1;
+    padding: 0;
+  }
+
+  .pagination-item {
+    display: inline-block;
+  }
+
+  .page-number {
+    the-transition();
+  }
+
+  .current .page-number {
+    @extend .pagination .page-number.current;
+    cursor: default;
+  }
+
+  .disabled-item {
+    color: var(--grey-4);
+    cursor: default;
+
+    .page-number:hover {
+      color: var(--grey-4);
+      background: none;
+      box-shadow: none;
+    }
+
+  }
+}