ledger_sync 1.3.5 → 1.4.0

data/documentation/site/_sass/imports/_guides.scss

@@ -0,0 +1,300 @@
+/**
+ * Docs
+ */
+
+.guides-content {
+    padding-top: 2.5em;
+}
+
+.post.type-guides {
+    margin-bottom: 5.625em;
+    max-width: 800px;
+    h1 {
+        font-size: 1.875rem;
+    }
+    h2 {
+        font-size: 1.5rem;
+    }
+    h3 {
+        font-size: 1.25rem;
+    }
+    h4 {
+        font-size: 1.125rem;
+    }
+    h5,
+    h6 {
+        font-size: 1rem;
+    }
+    .hash-link {
+        border: 0;
+        color: _palette(meta);
+        display: inline-block;
+        margin-left: -21px;
+        opacity: 0;
+        padding-right: 5px;
+        -webkit-transition: opacity .3s ease;
+        transition: opacity .3s ease;
+        .icon-copy {
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367758d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");
+            display: inline-block;
+            height: 16px;
+            width: 16px;
+        }
+    }
+    h2,
+    h3 {
+        &:hover,
+        &:focus {
+            .hash-link {
+                opacity: 1;
+            }
+        }
+    }
+    .post-inside {
+        background: #fff;
+        border: 1px solid _palette(border);
+        border-radius: 5px;
+        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+        box-sizing: border-box;
+        padding: 2.5em 0;
+    }
+    .post-title {
+        font-size: 1.875rem;
+        margin: 0 0 2.5rem;
+        padding: 0 7%;
+    }
+    .post-content {
+        padding: 0 7%;
+    }
+}
+
+.guides-section-items {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    list-style: none;
+    margin-left: -0.3125em;
+    margin-right: -0.3125em;
+    padding: 0;
+    .guides-section-item {
+        -webkit-flex: 1 1 240px;
+        -ms-flex: 1 1 240px;
+        flex: 1 1 240px;
+        margin: 0 0.3125em 0.9375em;
+    }
+    .guides-item-link {
+        border: 1px solid _palette(border);
+        border-radius: 3px;
+        color: _palette(secondary);
+        display: block;
+        font-weight: bold;
+        padding: 0.9375em;
+        position: relative;
+        &:hover {
+            border-color: _palette(accent);
+            color: _palette(accent);
+        }
+    }
+}
+
+.guides-nav {
+    margin-bottom: 1.875em;
+    .guides-nav-toggle {
+        color: _palette(secondary);
+        font-size: 1.125rem;
+        height: 30px;
+        margin: 0;
+        padding-right: 30px;
+        position: relative;
+        text-align: left;
+        width: 100%;
+    }
+    .submenu-toggle {
+        color: _palette(meta);
+        height: 30px;
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 30px;
+    }
+}
+
+.guides-toc {
+    color: _palette(secondary);
+    font-weight: bold;
+    line-height: 1.5;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    &>.toc-item>a {
+        padding: 0.1875rem 0;
+    }
+    a {
+        border: 0;
+        color: inherit;
+        display: block;
+        &:hover,
+        &:focus {
+            color: _palette(accent);
+        }
+    }
+}
+
+.toc-submenu {
+    border-left: 1px solid _palette(border);
+    color: _palette(primary);
+    display: none;
+    font-size: 0.875rem;
+    font-weight: normal;
+    list-style: none;
+    margin-top: 0.625rem;
+    padding-left: 1.25rem;
+}
+
+.toc-item {
+    color: inherit;
+    margin-bottom: 0.625rem;
+    &.current,
+    &.current-parent {
+        color: _palette(accent);
+    }
+    &.has-children {
+        padding-right: 30px;
+        position: relative;
+        &.active {
+            .toc-submenu {
+                display: block;
+            }
+            &>.submenu-toggle {
+                .icon-angle-right {
+                    -webkit-transform: rotate(135deg);
+                    transform: rotate(135deg);
+                }
+            }
+        }
+    }
+}
+
+.page-nav {
+    display: none;
+    .page-nav-title {
+        font-size: 1rem;
+        margin: 0 0 0.625rem;
+        &:only-child {
+            display: none;
+        }
+    }
+    ul {
+        font-size: 0.8125rem;
+        line-height: 1.5;
+        list-style: none;
+        padding: 0;
+        ul {
+            border-left: 1px solid _palette(border);
+            margin-top: 0.625rem;
+            padding-left: 1.25rem;
+        }
+    }
+    li {
+        margin-bottom: 0.625rem;
+        &.active>a {
+            color: _palette(accent);
+        }
+    }
+    a {
+        color: _palette(primary);
+        border: 0;
+        display: block;
+        &:hover,
+        &:focus {
+            color: _palette(accent);
+        }
+    }
+}
+
+@media only screen and (min-width: 801px) {
+    .guides-content {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        padding-top: 3.75em;
+    }
+    .post.type-guides {
+        -webkit-flex: 1 1 auto;
+        -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+        overflow: hidden;
+    }
+    .guides-nav,
+    .page-nav {
+        -webkit-flex-shrink: 0;
+        -ms-flex-negative: 0;
+        flex-shrink: 0;
+        margin-bottom: 5.625em;
+        .sticky {
+            position: -webkit-sticky;
+            position: sticky;
+            top: 1.875rem;
+        }
+    }
+    .guides-nav {
+        padding-right: 1.5em;
+        width: 12.5em;
+    }
+    .page-nav {
+        padding-left: 1.5em;
+        width: 9.5em;
+    }
+    .guides-nav-toggle {
+        display: none;
+    }
+}
+
+@media only screen and (min-width: 1091px) {
+    .page-nav {
+        display: block;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .guides-nav {
+        background: #fff;
+        border: 1px solid _palette(border);
+        border-radius: 5px;
+        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+        box-sizing: border-box;
+        margin-bottom: 5%;
+        padding: 0.75em 1em;
+    }
+    .guides-toc-wrap {
+        display: none;
+    }
+    .toc--opened {
+        .guides-toc-wrap {
+            display: block;
+        }
+        .guides-nav-toggle {
+            .icon-angle-right {
+                -webkit-transform: rotate(135deg);
+                transform: rotate(135deg);
+            }
+        }
+    }
+    .guides-toc {
+        border-top: 1px solid _palette(border);
+        margin-top: 1.25rem;
+        padding-top: 1.25rem;
+    }
+}
+
+@media only screen and (max-width: 640px) {
+    .post.type-guides {
+        .post-title,
+        .post-content {
+            padding: 0 2.25rem;
+        }
+    }
+}

data/documentation/site/_sass/imports/_header.scss

@@ -0,0 +1,358 @@
+/**
+ * Site Header
+ */
+.site-header {
+  background: #fff;
+  padding-bottom: 1.25em;
+  padding-top: 1.125em;
+}
+
+.site-header-inside {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.site-branding {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+
+  a {
+    border: 0;
+    color: inherit;
+    display: inline-block;
+  }
+}
+
+.site-title {
+  color: _palette(secondary);
+  font-size: 1.75rem;
+  font-weight: bold;
+  line-height: 1.2;
+  margin: 0;
+}
+
+.site-logo {
+  margin: 0;
+
+  img {
+    max-height: 36px;
+  }
+}
+
+.site-navigation {
+  margin-left: auto;
+}
+
+.menu,
+.submenu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu-item {
+  position: relative;
+
+  &.current-menu-item {
+    color: _palette(accent);
+  }
+
+  a {
+    &:not(.button) {
+      border: 0;
+      color: inherit;
+      display: inline-block;
+      font-size: 14px;
+      line-height: 1.5;
+
+      &:hover {
+        color: _palette(accent);
+      }
+    }
+  }
+}
+
+.menu-toggle {
+  display: none;
+}
+
+@media only screen and (min-width: 801px) {
+  .menu {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .menu-item {
+    margin-left: 20px;
+    padding-bottom: 0.1875em;
+    padding-top: 0.1875em;
+
+    a {
+      padding-bottom: 0.5em;
+      padding-top: 0.5em;
+
+      &.button:not(.button-icon) {
+        padding-left: 1.25em;
+        padding-right: 1.25em;
+      }
+    }
+
+    &.has-children > a {
+      padding-right: 15px;
+      position: relative;
+
+      &:after {
+        background: 0;
+        border-color: currentColor;
+        border-style: solid;
+        border-width: 1px 1px 0 0;
+        box-sizing: border-box;
+        content: "";
+        height: 6px;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        width: 6px;
+        -webkit-transform: translateY(-50%) rotate(135deg);
+        transform: translateY(-50%) rotate(135deg);
+      }
+
+      &.button:not(.button-icon) {
+        padding-right: 2.25em;
+
+        &:after {
+          right: 1.25em;
+        }
+      }
+    }
+  }
+
+  .submenu {
+    background: #fff;
+    border: 1px solid _palette(border);
+    border-radius: 3px;
+    left: 0;
+    min-width: 180px;
+    opacity: 0;
+    padding: 0.75em 0;
+    position: absolute;
+    text-align: left;
+    top: 100%;
+    -webkit-transition: opacity .2s, visibility 0s .2s;
+    transition: opacity .2s, visibility 0s .2s;
+    visibility: hidden;
+    width: 100%;
+    z-index: 99;
+  }
+
+  .menu-item {
+    .submenu-toggle {
+      display: none;
+    }
+
+    &.has-children:hover > .submenu {
+      opacity: 1;
+      -webkit-transition: margin .3s, opacity .2s;
+      transition: margin .3s, opacity .2s;
+      visibility: visible;
+    }
+  }
+
+  .submenu {
+    .menu-item {
+      display: block;
+      margin: 0;
+      padding: 0 15px;
+    }
+
+    a {
+      &:not(.button-icon) {
+        display: block;
+      }
+
+      &.button:not(.button-icon) {
+        margin: 0.5em 0;
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: 800px) {
+  .site {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .site-branding {
+    margin-right: 10px;
+  }
+
+  .site-header {
+    &:after {
+      background: rgba(_palette(primary),.6);
+      content: "";
+      height: 100vh;
+      left: 0;
+      opacity: 0;
+      position: absolute;
+      top: 0;
+      -webkit-transition: opacity .15s ease-in-out,visibility 0s ease-in-out .15s;
+      transition: opacity .15s ease-in-out,visibility 0s ease-in-out .15s;
+      visibility: hidden;
+      width: 100%;
+      z-index: 998;
+    }
+  }
+
+  #menu-open {
+    display: block;
+    margin-left: auto;
+  }
+
+  .site-navigation {
+    background: #fff;
+    box-sizing: border-box;
+    height: 100vh;
+    margin: 0;
+    max-width: 360px;
+    -webkit-overflow-scrolling: touch;
+    position: absolute;
+    right: -100%;
+    top: 0;
+    -webkit-transition: right .3s ease-in-out, visibility 0s .3s ease-in-out;
+    transition: right .3s ease-in-out, visibility 0s .3s ease-in-out;
+    visibility: hidden;
+    width: 100%;
+    z-index: 999;
+  }
+
+  .site-nav-inside {
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    position: relative;
+  }
+
+  .menu--opened {
+    .site {
+      height: 100%;
+      left: 0;
+      overflow: hidden;
+      position: fixed;
+      top: 0;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      width: 100%;
+      z-index: 997;
+    }
+
+    .site-navigation {
+      right: 0;
+      -webkit-transition: right .3s ease-in-out;
+      transition: right .3s ease-in-out;
+      visibility: visible;
+    }
+
+    .site-header:after {
+      opacity: 1;
+      -webkit-transition-delay: 0s;
+      transition-delay: 0s;
+      visibility: visible;
+    }
+  }
+
+  #menu-close {
+    display: block;
+    position: absolute;
+    right: 3vw;
+    top: 1.125rem;
+  }
+
+  .menu {
+    padding: 4.5rem 3vw 3rem;
+  }
+
+  .submenu {
+    border-top: 1px solid _palette(border);
+    display: none;
+    padding-left: 15px;
+  
+    &.active {
+      display: block;
+    }
+  }
+
+  .menu-item {
+    border-top: 1px solid _palette(border);
+    display: block;
+    margin: 0;
+
+    &:not(.menu-button):last-child {
+      border-bottom: 1px solid _palette(border);
+    }
+
+    a {
+      &:not(.button),
+      &.button-icon {
+        padding: 1em 0;
+      }
+
+      &:not(.button-icon) {
+        display: block;
+      }
+    }
+
+    &.has-children > a {
+      margin-right: 30px;
+    }
+
+    .menu-item {
+      &:first-child {
+        border-top: 0;
+      }
+
+      &:last-child {
+        border-bottom: 0;
+      }
+    }
+
+    .submenu-toggle {
+      background: 0;
+      border: 0;
+      border-radius: 0;
+      color: _palette(meta);
+      display: block;
+      height: 48px;
+      padding: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      width: 30px;
+  
+      &.active .icon-angle-right {
+        -webkit-transform: rotate(135deg);
+        transform: rotate(135deg);
+      }
+    }
+  }
+
+  .menu-button {
+    & > .button:not(.button-icon) {
+      margin-bottom: 1em;
+      margin-top: 1em;
+    }
+ 
+    & + .menu-button {
+      border-top: 0;
+    }
+  }
+}