jekyll-theme-fica 0.1.8 → 0.2.2

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

@@ -6,8 +6,9 @@
 //-------------Basic settings-----------------------//
 //                                                 //
 $primary_color: #c7c7c7 !default;
-$link-color: #008f70  !default;
+$link-color: #008f70 !default;
 $text-color: #000000 !default;
+$text-mute-color: lighten($text-color, 50%) !default;
 
 //                                                     //
 //-------------Advance settings-----------------------//
@@ -18,35 +19,29 @@ $site-header-bg: darken($primary_color, 5%) !default;
 // 
 // Site Home Banner
 // 
-$header-bg-color: $link-color !default;
+$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-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-bg-color: $primary_color  !default;
 $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
 
 // 
@@ -54,7 +49,7 @@ $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
 // 
 $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-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;
@@ -77,56 +72,55 @@ $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, 30%) !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, 10%) !default;
+$link-hover-color: darken($link-color, 15%) !default;
 
 // 
 //table
 // 
-$table-text-color: $text-color !default;
+$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;
+$Github: $text-color  !default;
 
 $border-color: darken($primary_color, 2%) !default;
 
 // 
 // Back to Top
 // 
-$BTT-bg-color: $code-text-color !default;
-$BTT-svg-color: darken($text-color, 100%) !default;
-
-// 
-// BOLD
-// 
-$Bold-color: #427c7c !default;
+$BTT-bg-color: #378f8f  !default;
+$BTT-svg-color: rgba(255, 255, 255, 1) !default;
 
-@import "themes/light theme/highlight"
+@import "colors/light-theme/highlight"

data/_sass/jekyll-theme-fica.scss

@@ -1,7 +1 @@
-@import 
-"themes/dark theme/theme-dark", 
-"custom/variables",
-"layouts/variables",
-"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/Google-fonts.scss

@@ -0,0 +1,139 @@
+@mixin material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    /* Preferred icon size */
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+    user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+}
+
+.material-icons {
+    @include material-icons();
+}
+
+/* Rules for sizing the icon. */
+.material-icons.md-18 {
+    font-size: 18px;
+}
+
+.material-icons.md-24 {
+    font-size: 24px;
+}
+
+.material-icons.md-36 {
+    font-size: 36px;
+}
+
+.material-icons.md-48 {
+    font-size: 48px;
+}
+
+/* Rules for using icons as black on a light background. */
+.material-icons.md-dark {
+    color: rgba(0, 0, 0, 0.54);
+}
+
+.material-icons.md-dark.md-inactive {
+    color: rgba(0, 0, 0, 0.26);
+}
+
+/* Rules for using icons as white on a dark background. */
+.material-icons.md-light {
+    color: rgba(255, 255, 255, 1);
+}
+
+.material-icons.md-light.md-inactive {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+/* fallback */
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
+  }
+  /* fallback */
+  @font-face {
+    font-family: 'Material Icons Outlined';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v103/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
+  }
+  /* fallback */
+  @font-face {
+    font-family: 'Material Icons Round';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialiconsround/v102/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
+  }
+  
+  .material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+  }
+  
+  .material-icons-outlined {
+    font-family: 'Material Icons Outlined';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+  }
+  
+  .material-icons-round {
+    font-family: 'Material Icons Round';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+  }

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;
+  }
+}