jekyll-theme-fica 0.2.0 → 0.2.2

data/_sass/{themes/light theme/theme-light.scss → colors/light-theme/theme-light.scss}

@@ -1,136 +1,126 @@
-// 
-// Light Theme
-// 
-
-//                                                   //
-//-------------Basic settings-----------------------//
-//                                                 //
-$primary_color: #c7c7c7 !default;
-$link-color: #008f70  !default;
-$text-color: #000000 !default;
-
-//                                                     //
-//-------------Advance settings-----------------------//
-//                                                   //
-$header-link-color: lighten($text-color, 40%) !default;
-$site-header-bg: darken($primary_color, 5%) !default;
-
-// 
-// Site Home Banner
-// 
-$header-bg-color: $link-color !default;
-$home-header-title-color: darken($primary_color, 10%) !default;
-
-// 
-// Site Nav
-// 
-$menu-bdr-color: lighten($primary_color, 6%) !default;
-$menu-color: $text-color !default;
-$menu-bg-color-chae: lighten($primary_color, 6%) !default;
-
-// 
-// Site Footer
-// 
-$footer-bg-color: lighten($primary_color, 5%) !default;
-$footer-head-link-color: lighten($text-color, 50%) !default;
-$footer-links-color: lighten($text-color, 10%) !default;
-$footer-links-hover-color: lighten($footer-links-color, 30%) !default;
-
-// 
-// Site Scroll
-// 
-$scroll_bar_bg_color: lighten($text-color, 60%) !default;
-
-// 
-// Error Pages
-// 
-$error-div-bg-color: darken($primary_color, 2%) !default;
-$error-btn-svg-color: #1d2127 !default;
-$error-btn-bg-color: $primary_color !default;
-$error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
-
-// 
-// page_bar
-// 
-$page-bar-top-bar-color: darken($primary_color, 5%) !default;
-$page-bar-btn-bg-color: darken($primary_color, 2%) !default;
-$page-bar-svg-color: $text-color !default;
-$page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
-$page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
-$page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
-
-// 
-// btn
-// 
-// $btn-bg-color:           #525252 !default;
-// $btn-color-hover:        #353535 !default;
-$btn-bg-color: lighten($primary_color, 8%) !default;
-$btn-color-hover: darken($btn-bg-color, 5%) !default;
-$btn-text-hover-color: lighten($text-color, 50%) !default;
-
-// 
-// highlight
-// 
-$highlight-bg-color: darken($link-color, 5%) !default;
-$highlight-text-color: lighten($text-color, 100%) !default;
-
-// 
-// prompt Tip
-// 
-$prompt-tip-icon-color: #395021 !default;
-$prompt-tip-bg-color: #82be46 !default;
-
-// 
-//  Prompt Info
-// 
-$prompt-info-icon-color: #12447d !default;
-$prompt-info-bg-color: #1e6ec9 !default;
-
-// 
-//  Prompt Warning
-// 
-$prompt-warning-icon-color: #754e12 !default;
-$prompt-warning-bg-color: #dd9222 !default;
-
-// 
-// Prompt Danger
-// 
-$prompt-danger-icon-color: #670e0e !default;
-$prompt-danger-bg-color: #d32121 !default;
-
-// 
-//code
-// 
-$code-background-color: darken($primary_color, 3%) !default;
-$code-text-color: #378f8f !default;
-$blockquote-text-color: lighten($text-color, 40%) !default;
-
-// 
-// links
-// 
-$link-visited-color: $code-text-color !default;
-$link-hover-color: darken($link-color, 15%) !default;
-
-// 
-//table
-// 
-$table-text-color: $text-color !default;
-$table-zebra-color: lighten($primary_color, 2%) !default;
-$table-header-bg-color: lighten($primary_color, 3%) !default;
-
-$Github: $text-color !default;
-
-$border-color: darken($primary_color, 2%) !default;
-
-// 
-// Back to Top
-// 
-$BTT-bg-color: $code-text-color !default;
-$BTT-svg-color: rgba(255, 255, 255, 1) !default;
-
-// 
-// BOLD
-// 
-$Bold-color: #427c7c !default;
-
-@import "themes/light theme/highlight"
+// 
+// Light Theme
+// 
+
+//                                                   //
+//-------------Basic settings-----------------------//
+//                                                 //
+$primary_color: #c7c7c7 !default;
+$link-color: #008f70 !default;
+$text-color: #000000 !default;
+$text-mute-color: lighten($text-color, 50%) !default;
+
+//                                                     //
+//-------------Advance settings-----------------------//
+//                                                   //
+$header-link-color: lighten($text-color, 40%) !default;
+$site-header-bg: darken($primary_color, 5%) !default;
+
+// 
+// Site Home Banner
+// 
+$header-bg-color: $link-color  !default;
+$home-header-title-color: darken($primary_color, 10%) !default;
+
+// 
+// Site Nav
+// 
+$menu-bdr-color: lighten($primary_color, 6%) !default;
+$menu-color: $text-color  !default;
+$menu-bg-color-chae: lighten($primary_color, 6%) !default;
+
+// 
+// Site Footer
+// 
+$footer-bg-color: lighten($primary_color, 5%) !default;
+$footer-links-color: lighten($text-color, 10%) !default;
+$footer-links-hover-color: lighten($footer-links-color, 30%) !default;
+
+// 
+// Error Pages
+// 
+$error-div-bg-color: darken($primary_color, 2%) !default;
+$error-btn-svg-color: #1d2127 !default;
+$error-btn-bg-color: $primary_color  !default;
+$error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
+
+// 
+// page_bar
+// 
+$page-bar-top-bar-color: darken($primary_color, 5%) !default;
+$page-bar-btn-bg-color: darken($primary_color, 2%) !default;
+$page-bar-svg-color: $text-color  !default;
+$page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
+$page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
+$page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
+
+// 
+// btn
+// 
+// $btn-bg-color:           #525252 !default;
+// $btn-color-hover:        #353535 !default;
+$btn-bg-color: lighten($primary_color, 8%) !default;
+$btn-color-hover: darken($btn-bg-color, 5%) !default;
+$btn-text-hover-color: lighten($text-color, 50%) !default;
+
+// 
+// highlight
+// 
+$highlight-bg-color: darken($link-color, 5%) !default;
+$highlight-text-color: lighten($text-color, 100%) !default;
+
+// 
+// prompt Tip
+// 
+$prompt-tip-icon-color: #395021 !default;
+$prompt-tip-bg-color: #82be46 !default;
+
+// 
+//  Prompt Info
+// 
+$prompt-info-icon-color: #12447d !default;
+$prompt-info-bg-color: #1e6ec9 !default;
+
+// 
+//  Prompt Warning
+// 
+$prompt-warning-icon-color: #754e12 !default;
+$prompt-warning-bg-color: #dd9222 !default;
+
+// 
+// Prompt Danger
+// 
+$prompt-danger-icon-color: #670e0e !default;
+$prompt-danger-bg-color: #d32121 !default;
+
+// 
+//code
+// 
+$code-background-color: darken($primary_color, 3%) !default;
+$code-text-color: lighten($text-color, 10%) !default;
+$blockquote-text-color: lighten($text-color, 40%) !default;
+
+// 
+// links
+// 
+$link-visited-color: $link-color !default;
+$link-hover-color: darken($link-color, 15%) !default;
+
+// 
+//table
+// 
+$table-text-color: $text-color  !default;
+$table-zebra-color: lighten($primary_color, 2%) !default;
+$table-header-bg-color: lighten($primary_color, 3%) !default;
+
+$Github: $text-color  !default;
+
+$border-color: darken($primary_color, 2%) !default;
+
+// 
+// Back to Top
+// 
+$BTT-bg-color: #378f8f  !default;
+$BTT-svg-color: rgba(255, 255, 255, 1) !default;
+
+@import "colors/light-theme/highlight"

data/_sass/jekyll-theme-fica.scss

@@ -1,8 +1 @@
-@import 
-"themes/dark theme/theme-dark", 
-"custom/variables",
-"layouts/variables",
-"layouts/Google-fonts",
-"custom/styles",
-"layouts/layout",
-"layouts/base";
+@import "layouts/variable", "colors/dark-theme/theme-dark", "layouts/Google-fonts", "base", "layouts/layout","layouts/component"

data/_sass/layouts/component.scss

@@ -0,0 +1,253 @@
+//
+// Prompts
+//
+.prompt-tip {
+  @include prompt(
+    "tips_and_updates",
+    $prompt-tip-icon-color,
+    $prompt-tip-bg-color,
+    "Material Icons Outlined"
+  );
+}
+
+.prompt-tip {
+  @include prompt(
+    "tips_and_updates",
+    $prompt-tip-icon-color,
+    $prompt-tip-bg-color,
+    "Material Icons Outlined"
+  );
+}
+
+.prompt-info {
+  @include prompt(
+    "info",
+    $prompt-info-icon-color,
+    $prompt-info-bg-color,
+    "Material Icons Outlined"
+  );
+}
+
+.prompt-warning {
+  @include prompt(
+    "warning",
+    $prompt-warning-icon-color,
+    $prompt-warning-bg-color,
+    "Material Icons Round"
+  );
+}
+
+.prompt-danger {
+  @include prompt(
+    "dangerous",
+    $prompt-danger-icon-color,
+    $prompt-danger-bg-color,
+    "Material Icons Round"
+  );
+}
+
+//
+//  Tables
+//
+table {
+  margin-bottom: $font-spacing;
+  width: 100%;
+  text-align: $table-text-align;
+  color: $table-text-color;
+  border-collapse: collapse;
+
+  @include horizontal-scroll();
+
+  tr {
+    &:nth-child(even) {
+      background-color: $table-zebra-color;
+    }
+  }
+
+  th {
+    padding: ($font-spacing / 3) ($font-spacing / 2);
+    border-bottom: 3px solid $text-color;
+    border-left: 1px solid $border-color;
+    border-right: 1px solid $border-color;
+  }
+
+  td {
+    padding: ($font-spacing / 3) ($font-spacing / 2);
+    border-left: 1px solid $border-color;
+    border-right: 1px solid $border-color;
+  }
+
+  th {
+    background-color: $table-header-bg-color;
+  }
+}
+
+
+.btn {
+  padding: 8px 25px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  color: $text-color;
+  background-color: $btn-bg-color;
+  transition: $transition-btn;
+
+  &,
+  &:visited {
+    color: $text-color;
+  }
+
+  &:hover {
+    color: $btn-text-hover-color;
+    text-decoration: none;
+    background-color: $btn-color-hover;
+    border-color: $btn-color-hover;
+  }
+}
+
+//
+// Back to top(BTT)
+//
+#back-to-top {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  width: 50px;
+  height: 50px;
+  background-color: $BTT-bg-color;
+  color: $BTT-svg-color;
+  border: 2px solid $BTT-bg-color;
+  cursor: pointer;
+  text-align: center;
+  border-radius: 50%;
+  text-align: center;
+  transition: $transition-btn;
+  z-index: 2;
+
+  > i {
+    // padding-top: 3px;
+    font-size: 48px;
+    font-weight: 700;
+  }
+
+  &:hover {
+    bottom: 30px;
+  }
+}
+
+.BTT-Entrance {
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+  animation-name: BTT-Entrance;
+}
+
+.BTT-Exit {
+  animation-duration: 0.25s;
+  animation-fill-mode: both;
+  animation-name: BTT-Exit;
+}
+
+.post-nav {
+  padding-top: 5px;
+  display: inline;
+  list-style: none;
+  display: flex;
+  justify-content: space-evenly;
+  gap: 80px;
+  -ms-flex-align: center;
+  align-items: center;
+  margin: 0px;
+
+  @media screen and (min-width: $mobile-width) {
+    gap: 100px;
+  }
+}
+
+.post-nav-svg {
+  color: $footer-links-color;
+  transition: $tansitions-page-bar;
+  padding: 8px;
+  border-radius: 50px;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+}
+
+.disable-svg {
+  cursor: not-allowed;
+  color: $text-mute-color;
+}
+
+.post-nav-num {
+  user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -o-user-select: none;
+  cursor: default;
+  display: inline;
+  @include text-muted;
+}
+
+//
+// Post footer
+//
+.post-footer {
+  padding-top: 13px;
+  border-top: 3px solid $border-color;
+  margin: 0px;
+}
+
+
+// 
+// Table Of Contents(Toc)
+// 
+.post-toc {
+  flex: 0 0 20%;
+  border-left: 1px solid $text-color;
+  margin-left: 10px;
+  padding-left: 10px;
+  display: none;
+  height: 10%;
+
+  ul, li {
+    list-style: none;
+    width: 100%;
+    margin-left: 0px;
+    padding: 4px 20px;
+
+    >a {
+      color: $text-mute-color;
+      font-size: 15px;
+      font-weight: 400;
+      word-spacing: 0px;
+
+      &:visited {
+        color: $text-mute-color;
+      }
+
+      &:hover {
+        color: $text-color;
+      }
+    }
+  }
+
+  ul {
+    padding: 0;
+  }
+
+  li {
+    padding-bottom: 5px;
+  }
+
+  h2 {
+    font-size: 20px;
+    padding-left: 5px;
+  }
+
+  @media screen and (min-width: 1111px) {
+    display: block;
+  }
+}