jekyll-theme-satellite 1.1.2 → 1.2.4

data/_sass/sidebar.scss

@@ -1,318 +1,317 @@
 .sidebar {
-    z-index: 1;
-    flex-wrap: wrap;
+  z-index:1;
+  flex-wrap:wrap;
 
-    ul, li {
-        list-style: none;
-    }
+  ul, li {
+    list-style:none;
+  }
 }
 
 .sidebar-left {
-    display: flex;
-    background-color: $color-beige;
+  display:flex;
+  background-color:$color-beige;
 }
 
 .side-banner {
-    width: 100%;
-    text-align:center;
-    box-shadow: 0px 4px 8px 0 #aaa;
-
-    button {
-        position: absolute;
-        background-color: $color-beige;
-        height: 100%;
-        aspect-ratio: 1;
-        top: 0;
-
-        svg { width: 20px; }
-
-        &:hover { background-color: rgba(212, 201, 191, 0.7); }
-    }
-
-    #btn-nav { right: 0; }
-
-    #btn-search { right: 38px; }
-
-    #btn-brightness { right: 76px; }
-
-    .ico-dark {
-        display: block;
-
-        &.active{ display: none; }
-    }
-
-    .ico-light {
-        display: none;
-
-        &.active{ display: block; }
-    }
+  width:100%;
+  text-align:center;
+  box-shadow:0px 4px 8px 0 #aaa;
+
+  button {
+    position:absolute;
+    background-color:$color-beige;
+    height:100%;
+    aspect-ratio:1;
+    top:0;
+
+    svg { width:20px; }
+
+    &:hover { background-color:rgba(212, 201, 191, 0.7); }
+  }
+  #btn-nav { right:0; }
+  #btn-search { right:38px; }
+  #btn-brightness { right:76px; }
+
+  .ico-dark {
+    display:block;
+    &.active{ display:none; }
+  }
+  .ico-light {
+    display:none;
+    &.active{ display:block; }
+  }
 }
 
+.site-tab img { display: none; }
+
 .site-avatar {
-    img {
-        display: none;
-        width: 9rem;
-        aspect-ratio: 1;
-        border-radius: 50%;
-        outline: 4.5rem solid rgba(64,64,64,0.5);
-        outline-offset: -4.5rem;
-        transition: .3s;
-
-        &:hover {
-            outline: 4px solid orange;
-            outline-offset: 8px;
-        }
+  img {
+    display:none;
+    width:9rem;
+    aspect-ratio:1;
+    border-radius:50%;
+    outline:4.5rem solid rgba(64,64,64,0.5);
+    outline-offset:-4.5rem;
+    transition:.3s;
+
+    &:hover {
+      outline:4px solid orange;
+      outline-offset:8px;
     }
+  }
 
-    img + img { border-radius: 50%; }
+  img + img { border-radius:50%; }
 }
 
-.site-name {
-    padding: 0.5rem;
-    font-size: 1rem;
-    text-align: left;
-    position: relative;
+.site-tab {
+  padding:8px;
+  font-size:1rem;
+  text-align:left;
+  position:relative;
 
-    a, span { letter-spacing: 2px; }
+  a, span { letter-spacing:2px; }
 }
 
 .side-info {
-    position: relative;
-    width: 100%;
+  position:relative;
+  width:100%;
 }
 
 #contact{
-    display: none;
-    position: relative;
-    width: 75%;
-    transform: translateX(12.5%);
-    text-align: center;
-    padding: 1rem 0;
-
-    &.contact-open { display: block; }
-
-    hr { 
-        border: 0;
-        margin: 0;
-    }
+  display:none;
+  position:relative;
+  width:75%;
+  transform:translateX(12.5%);
+  text-align:center;
+  padding:1rem 0;
 
-    h3 { display: none; }
+  &.contact-open { display:block; }
 
-    ul{
-        text-align: center;
-        padding: 0;
-        margin: 0;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
+  hr { 
+    border:0;
+    margin:0;
+  }
 
-        li{
-            display: inline-block;
-            margin-top: 0.5rem;
+  h3 { display:none; }
 
-            a {
-                display: block;
-                padding: 6px;
-                transition: .3s;
-
-                svg {
-                    width: 16px;
-                    fill: dimgrey;
-                }
+  ul{
+    text-align:center;
+    padding:0;
+    margin:0;
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+
+    li{
+      display:inline-block;
+      margin-top:8px;
+
+      a {
+        display:block;
+        padding:6px;
+        transition:.3s;
+
+        svg {
+          width:16px;
+          fill:dimgrey;
+        }
 
-                &:hover{
-                    svg { fill: orange; }
+        &:hover{
+          svg { fill:orange; }
 
-                    transform: scale(1.5) translateY(-12.5%);
-                }
-            }
+          transform:scale(1.5) translateY(-12.5%);
         }
+      }
     }
+  }
 
-    span { font-size: 0.875rem; }
-
-    a { color: $color-darkorange; }
+  span { font-size:0.875rem; }
+  a { color:$color-darkorange; }
 }
 
-.sidebar-right{ 
-    display: none;
-}
+.sidebar-right{ display:none; }
 
 .tools {
-    position: fixed;
-    top: 1rem;
-
-    button {
-        width: 2.75rem;
-        aspect-ratio: 1;
-        text-align: center;
-        background: #ffe390;
-        border: none;
-        border-radius: 50%;
-        margin-left: 1rem;
-        position: relative;
-        vertical-align: top;
-        cursor: pointer;
-
-        &:hover {
-            border: 2px solid midnightblue;
-            animation: leaves .75s ease-in-out infinite alternate;
-        }
-    }
+  position:fixed;
+  top:1rem;
 
-    @keyframes leaves {
-        0% {
-            transform: scale(1.0);
-            background: #ffe390;
-        }
-        100% {
-            transform: scale(1.25);
-            background: #ffd044;
-        }
+  button {
+    width:2.75rem;
+    aspect-ratio:1;
+    text-align:center;
+    background:#ffe390;
+    border:none;
+    border-radius:50%;
+    margin-left:1rem;
+    position:relative;
+    vertical-align:top;
+    cursor:pointer;
+
+    &:hover {
+      border:2px solid midnightblue;
+      animation:leaves .75s ease-in-out infinite alternate;
     }
+  }
 
-    svg {
-        fill: #3A241A !important;
-        width: 24px;
-        position: relative;
-        transition: all .3s;
+  @keyframes leaves {
+    0% {
+      transform:scale(1.0);
+      background:#ffe390;
     }
-
-    .ico-dark, .ico-light { 
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
+    100% {
+      transform:scale(1.25);
+      background:#ffd044;
     }
+  }
+
+  svg {
+    fill:#3A241A !important;
+    width:24px;
+    position:relative;
+    transition:all .3s;
+  }
+  .ico-dark, .ico-light { 
+    position:absolute;
+    top:50%;
+    left:50%;
+    transform:translate(-50%, -50%);
+  }
+  .ico-dark {
+    transform:translate(-50%, -50%) scale(1);
+    &.active{ transform:translate(-50%, -50%) scale(0); }
+  }
+  .ico-light {
+    transform:translate(-50%, -50%) scale(0);
+    &.active{ transform:translate(-50%, -50%) scale(1); }
+  }
+}
 
-    .ico-dark {
-        transform: translate(-50%, -50%) scale(1);
-
-        &.active{ transform: translate(-50%, -50%) scale(0); }
-    }
+@include mq(tablet){
 
-    .ico-light {
-        transform: translate(-50%, -50%) scale(0);
+.side-banner {
+  button { font-size:1.75rem; }
+  #btn-search { right:60px; }
+  #btn-brightness { right:120px; }
+}
 
-        &.active{ transform: translate(-50%, -50%) scale(1); }
-    }
+.site-tab { 
+  padding:1rem;
+  font-size:1.375rem; 
 }
 
-@include mq(tablet){
-    .side-banner {
-        button { font-size: 1.75rem; }
+#contact {
+  ul li a svg { width:18px; }
 
-        #btn-search { right: 60px; }
+  span { font-size:1rem; }
+}
 
-        #btn-brightness { right: 120px; }
-    }
-    
-    .site-name { 
-        padding: 1rem;
-        font-size: 1.375rem; 
-    }
+}
 
-    #contact {
-        ul li a svg { width: 18px; }
+@include mq(desktop){
 
-        span { font-size: 1rem; }
-    }
+.sidebar { position:fixed; }
+
+.sidebar-left{
+  flex-flow:column nowrap;
+  width:#{$sidebarwd};
+  min-height:100%;
+  background:none;
+  align-items:flex-end;
 }
 
-@include mq(desktop){
-    .sidebar { position: fixed; }
-
-    .sidebar-left{
-        flex-flow: column nowrap;
-        width: #{$sidebarwd};
-        min-height: 100%;
-        background: none;
-        align-items: flex-end;
-    }
+.side-banner{
+  width:#{$sidebarwd};
+  box-shadow:none !important;
 
-    .side-banner{
-        width: #{$sidebarwd};
-        box-shadow: none !important;
+  button {
+    display:none;
+    font-size:1.5rem;
+  }
+  #btn-search { right:69px; }
+  #btn-brightness { right:138px; }
+}
 
-        button {
-            display: none;
-            font-size: 1.5rem;
-        }
+.site-avatar img { display:inline-block; }
 
-        #btn-search { right: 69px; }
+.site-tab {
+  font-size:1.375rem;
+  padding:1rem;
+  text-align:center;
+  position:relative;
+}
 
-        #btn-brightness { right: 138px; }
+.site-name {
+  position:relative;
+
+  img, mark { transition:.5s ease; }
+  mark { 
+    color:$color-wenge;
+    word-break:break-word;
+  }
+
+  img {
+    display:inline-block;
+    width:32px;
+    height:32px;
+    top:-4px;
+    left:0;
+    left:-40px;
+    position:absolute;
+    transform:rotateY(90deg);
+  }
+
+  &:hover {
+    mark { 
+      color:$color-rose;
+      margin-left:40px;
     }
-
-    .site-avatar img { display: inline-block; }
-
-    .site-name {
-        font-size: 1.375rem;
-        padding: 1rem;
-        text-align: center;
-
-        .highlight {
-            font-weight: 600;
-            background-image: -webkit-linear-gradient(left, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
-            background-image: linear-gradient(90deg, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
-            background-position: right center;
-            background-size: 400% auto;
-            -webkit-background-clip: text;
-            background-clip: text;
-            -webkit-text-fill-color: transparent;
-
-            &:hover {
-                color: #ef9671;
-                animation: slidetext 2s ease-in infinite;
-            }
-
-            @keyframes slidetext {
-                100% {
-                    background-position: left center;
-                }
-            }
-        }
+    img { 
+      left:0;
+      transform:rotateY(360deg); 
     }
+  }
+}
 
-    .side-info {
-        width: #{$sidebarwd};
-        height: calc(100% - 14rem);
-        display: contents;
-    }
+.side-info {
+  width:#{$sidebarwd};
+  height:calc(100% - 14rem);
+  display:contents;
+}
 
-    #contact{
-        display: block;
-        width: calc(#{$sidebarwd} - 4rem);
-        margin-top: 2rem;
-        padding: 1rem 2rem;
-        transform: none;
+#contact{
+  display:block;
+  width:calc(#{$sidebarwd} - 4rem);
+  margin-top:2rem;
+  padding:1rem 2rem;
+  transform:none;
+
+  hr { 
+    border-top:1px solid lightgrey;
+    margin:8px;
+  }
+
+  h3{
+    display:block;
+    position:absolute;
+    margin:0;
+    top:14px;
+    font-size:1rem;
+    transform:translateX(-50%);
+    left:50%;
+    background-color:#fff; 
+  }
+}
 
-        hr { 
-            border-top: 1px solid lightgrey;
-            margin: 0.5rem;
-        }
-    
-        h3{
-            display: block;
-            position: absolute;
-            margin: 0;
-            top: 14px;
-            font-size: 1rem;
-            transform: translateX(-50%);
-            left: 50%;
-            background-color: #fff; 
-        }
-    }
 }
 
 @include mq(wide){
-    .sidebar-left{ width: calc((100vw - #{$contentwd})/2); }
-
-    .sidebar-right{
-        display: flex;
-        height: 100%;
-        align-items: flex-end;
-        width: calc((100vw - #{$contentwd})/2);
-        margin-left: calc(#{$contentwd} + (100vw - #{$contentwd})/2);
-    }
+
+.sidebar-left{ width:calc((100vw - #{$contentwd})/2); }
+.sidebar-right{
+  display:flex;
+  height:100%;
+  width:calc((100vw - #{$contentwd})/2);
+  margin-left:calc(#{$contentwd} + (100vw - #{$contentwd})/2);
+}
+
 }

data/_sass/toc.scss

@@ -1,58 +1,58 @@
 .toc {
-    position: fixed;
-    top: 6rem;
+  position:fixed;
+  top:6rem;
 }
 
 .toc-header {
-    font-size: 1.25rem;
-    font-weight: 600;
-    padding-left: 0.75rem;
-    padding-bottom: 4px;
-    border-bottom: burlywood 2px solid;
-
-    svg { 
-        width: 16px;
-        display: inline-flex;
-        transform: translateY(2px);
-    }
+  font-size:1.25rem;
+  font-weight:600;
+  padding:0 0 4px 12px;
+  border-bottom:burlywood 2px solid;
+
+  svg { 
+    width:16px;
+    display:inline-flex;
+    transform:translateY(2px);
+  }
 }
 
 .toc-board {
-    max-width: #{$sidebarwd};
-    margin: 0;
-    margin-left: 2rem;
+  max-width:#{$sidebarwd};
+  margin: 1rem 0 1rem 2rem !important;
 }
 
-.toc-list {
-    font-size: 1.125rem;
-    padding: 0;
+.toc-board, .toc-list {
+  font-size:1.125rem;
+  padding:0;
+  margin: 0 auto;
 
-    li:last-child { margin-bottom: 0; }
+  li a { display:inline-block; }
+  li:last-child { margin-bottom:0; }
 
-    li a { display:inline-block; }
+  .node-name--H1 { margin-top:8px; }
+  .node-name--H2 {
+    font-size:1rem;
+    margin-top:6px;
+    padding-left:16px;
+  }
 
-    .node-name--H1 { margin-top: 0.5rem; }
+  .toc-list-item {
+    word-break:normal;
+    line-height:150%;
 
-    .node-name--H2 {
-        font-size: 1rem;
-        margin-top: 0.375rem;
-        padding-left: 0.5rem;
+    a { 
+      animation:.5s ease-out 0s 1 slide;
+      cursor: pointer;
     }
 
-    .toc-list-item {
-        word-break: normal;
-        display: block;
-        line-height: 150%;
-        animation: .5s ease-out 0s 1 slide;
-
-        @keyframes slide {
-            0% { transform: scaleY(0); }
-            100% { transform: scaleY(1); }
-        }
-    }
-      
-    .is-active-link{
-        color: indianred !important;
-        font-weight:950;
+    @keyframes slide {
+      0% { transform:scaleY(0); }
+      100% { transform:scaleY(1); }
     }
+  }
+   
+  .is-active-link{
+    color:indianred !important;
+    font-weight:950;
+  }
 }