jekyll-theme-fica 0.2.0 → 0.3.0

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", "layouts/typography.scss", "base", "layouts/layout","layouts/component"

data/_sass/layouts/Google-fonts.scss

@@ -1,139 +1,104 @@
-@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;
+/* 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;
   }