feat: deploy demo site

.knosysrc

@@ -2,7 +2,11 @@
  "site": {
  "default": {
  "alias": "jekyll-theme-lime",
- "source": "./"
+ "source": "./",
+ "git": {
+ "url": "https://github.com/ourai/jekyll-theme-lime.git",
+ "branch": "gh-pages"
+ }
  }
  }
 }

_assets/stylesheets/components/_brand.scss

@@ -0,0 +1,37 @@
+@mixin brand-rules {
+ font: {
+ family: Georgia;
+ weight: bold;
+ }
+ text-shadow: 1px 1px #fff;
+
+ &,
+ a {
+ color: inherit;
+ }
+
+ a {
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ }
+
+ + a {
+ position: relative;
+ margin-left: 1.4em;
+ font: {
+ family: Sans-serif;
+ weight: normal;
+ }
+
+ &:before {
+ content: $UN-space;
+ position: absolute;
+ top: 7px;
+ bottom: 7px;
+ left: -.7em;
+ border-left: 1px solid currentColor;
+ }
+ }
+ }
+}

_assets/stylesheets/global.scss

@@ -1,16 +1,13 @@
 @import "./helper";
 
 @import "bootstrap-sprockets";
-@import "bootstrap-custom";
+@import "./bootstrap-custom";
 
 @import "font-awesome-sprockets";
 @import "font-awesome";
 
 @import "./reset";
 
-@import "./components/utilities";
-@import "./components/icons";
-@import "./components/component";
 @import "./components/widget";
 @import "./components/page";
 @import "./components/article";
@@ -86,116 +83,29 @@
  color: #fff;
  background-color: transparent;
  border-bottom-color: transparent;
- 
+
  .navbar-brand {
  text-shadow: none;
- 
+
  &:hover {
  color: $link-hover-color;
  }
  }
  }
- 
+
  .Page-navs > .nav > li > a {
  color: inherit;
- 
+
  &:hover,
  &:focus {
  color: $link-hover-color;
  }
  }
- 
+
  .Page-content {
  &:before {
  display: none;
  }
  }
  }
 }
-
-
-
-.Link--maihaoche {
- color: transparent !important;
- text-decoration: none !important;
- background: #FFD600 image-url("maihaoche-text.png") no-repeat 50% 50%;
- background-size: contain;
-}
-
-
-
-// 招聘广告
-
-.Page-header .container {
- position: relative;
-
- .Ad--hire {
- position: absolute;
- top: 0;
- right: 0;
- bottom: -1px;
- width: 120px;
- background-color: #FFD600;
-
- &:before,
- &:after {
- position: absolute;
- top: 100%;
- content: $UN-space;
- border: 0 solid #FFD600;
- border-bottom: 10px solid transparent;
- }
-
- &:before {
- left: 0;
- border-right-width: 60px;
- }
-
- &:after {
- right: 0;
- border-left-width: 60px;
- }
-
- a,
- span {
- display: block;
- width: 100%;
- text: {
- align: center;
- decoration: none;
- }
- font: {
- size: 16px;
- weight: normal;
- }
- color: #333;
- }
-
- a {
- height: 100%;
- overflow: hidden;
- }
-
- span {
- font-size: 12px;
-
- &:first-child {
- width: 72px;
- height: 23.5px;
- margin: 10px auto 2px;
- font: 0px/0 a;
- @include covered_background("maihaoche-text.png");
- }
- }
-
- @media all and (max-width: $screen-xs-max) {
- position: relative;
- float: right;
- height: 61px;
- margin: {
- right: 15px;
- bottom: -1px;
- }
- }
- }
-}

_assets/stylesheets/pages/doc.scss

@@ -0,0 +1,130 @@
+@import "../helper";
+@import "../components/brand";
+
+$headerHeight: 60px;
+$headerBorderWidth: 1px;
+$headerOuterHeight: $headerHeight + $headerBorderWidth;
+$footerHeight: 180px;
+
+.Page {
+ $asideWidth: 280px;
+
+ &-header {
+ position: relative;
+ z-index: 1;
+ }
+
+ &-content {
+ height: 100%;
+ min-height: 0;
+
+ &:after {
+ display: table;
+ height: 0;
+ clear: both;
+ }
+ }
+
+ &-aside {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: $asideWidth;
+ border-right: 1px solid #dedede;
+ }
+
+ &-main {
+ position: relative;
+ width: calc(100% - #{$asideWidth}) !important;
+ min-height: calc(100% - #{$headerOuterHeight});
+ margin-right: 0;
+ margin-left: $asideWidth;
+
+ &:after {
+ position: relative;
+ z-index: -999999999;
+ content: $UN-space;
+ display: block;
+ visibility: hidden;
+ background: transparent none;
+ height: $footerHeight + 30px;
+ clear: both;
+ }
+ }
+
+ &-footer {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+}
+
+.Article {
+ float: left;
+ width: 100%;
+}
+
+.AsideBrand {
+ padding-left: 15px;
+ font-size: 20px;
+ line-height: $headerHeight;
+ border-bottom: $headerBorderWidth solid #dedede;
+ background-color: #f5f5f5;
+ @include brand-rules;
+}
+
+.AsideNav {
+ height: calc(100% - #{$headerOuterHeight});
+ padding: 8px;
+ overflow: auto;
+ font-size: 14px;
+
+ ul {
+ list-style: none inside none;
+ padding-left: 0;
+ }
+
+ li {
+ padding: 3px 0;
+ }
+
+ span,
+ a {
+ display: block;
+ padding: 5px 8px;
+ border-radius: 3px;
+
+ &:hover {
+ background-color: #f5f5f5;
+ text-decoration: none;
+ }
+ }
+
+ a {
+ color: inherit !important;
+
+ &.is-selected {
+ font-weight: 400;
+ background-color: #f5f5f5;
+ cursor: default;
+ }
+ }
+
+ > ul > li > ul > li {
+ $gap: 1.5em;
+
+ > span,
+ > a {
+ padding-left: $gap;
+ }
+
+ > ul > li {
+ > span,
+ > a {
+ padding-left: $gap * 2;
+ }
+ }
+ }
+}