jekyll-theme-fica 0.1.5 → 0.2.0

data/_sass/layouts/variables.scss

@@ -0,0 +1,230 @@
+@charset "utf-8";
+// 
+// Fonts
+// 
+$text-font-family: "Roboto",
+sans-serif !default;
+$code-font-family: "Noto Sans",
+sans-serif !default;
+
+$text-font-weight: 390 !default;
+
+// 
+// Table
+// 
+$table-text-align: left !default;
+
+// 
+// Headers
+// 
+//
+$h2-h6_fnt-wght: 450;
+$h1_fnt-wght: 700;
+$h1_fnt-sze: 2.4rem;
+
+$font-size: 1rem !default;
+$small-font-size: $font-size * 0.875 !default;
+
+$line-height: 1.5 !default;
+$spacing-unit: 30px !default;
+
+// 
+// Site banner
+// 
+$site-banner-title-fnt-sze: 50px;
+$site-banner-description-fnt-sze: 18px;
+$site-banner-picture-sze_wdth: 60%; //make sure that the width and height are the same
+
+// 
+// Transitions
+// 
+$transition-btn: all 0.2s ease-in-out;
+$transition-links: color 0.3s ease-in-out;
+$tansitions-page-bar: all 0.3s ease-in-out;
+
+// 
+// Animations
+// 
+$animation-site-pic: 2s; //animations for banner-pic
+$animation-main: 1s; //animations for banner description and the body of the site.
+$animation-left: 250ms;
+
+// 
+// Content width
+// 
+$content-width: 800px !default;
+
+$mobile-width: 710px !default;
+$pc-width: 800px !default;
+
+//                                     // 
+// ---------- site queries ---------- // 
+//                                   //      
+
+@mixin media-query($device) {
+    @media screen and (max-width: $device) {
+        @content;
+    }
+}
+
+@mixin animation-fade-in($speed) {
+    opacity: 0;
+    animation: fade-in 1s linear forwards;
+    animation-delay: #{$speed}s;
+    -webkit-animation-delay: #{$speed}s;
+}
+
+
+
+@mixin relative-font-size($ratio) {
+    font-size: #{$ratio}rem;
+}
+
+//                                      // 
+// ---------- Media queries ---------- // 
+//                                    //   
+
+@mixin large {
+    @media screen and (min-width: #{$large-breakpoint}) {
+        @content;
+    }
+}
+
+@mixin medium {
+    @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
+        @content;
+    }
+}
+
+@mixin small {
+    @media screen and (max-width: #{$medium-breakpoint}) {
+        @content;
+    }
+}
+
+//                                 //
+//---------- scss mixin --------- //
+//                               //
+
+@mixin text-muted {
+    color: $footer-head-link-color;
+}
+
+@mixin text-unmuted {
+    color: $text-color;
+}
+
+@mixin footer-wrapper {
+    margin-bottom: $spacing-unit / 2;
+    width: calc(28% - (#{$spacing-unit} / 2));
+    padding: 0 ($spacing-unit / 2);
+
+    &:first-child {
+        padding-right: $spacing-unit / 2;
+        padding-left: 0;
+    }
+
+    &:last-child {
+        padding-right: 0;
+        padding-left: $spacing-unit / 2;
+    }
+}
+
+@mixin prompt($gf-icon, $gf-color, $bg-color, $fnt-fam) {
+    border-radius: 5px;
+    padding: 0.80rem 1.2rem;
+    font-style: normal;
+    color: $text-color;
+    font-weight: 400;
+    display: flex;
+    border-left: 6px solid $gf-color;
+    background-color: $bg-color;
+    font-size: 0.975rem;
+
+    &::before {
+        content: $gf-icon;
+        font-family: $fnt-fam;
+        color: $gf-color;
+        font-size: 34px;
+        line-height: 1;
+        padding-right: 10px;
+        padding-bottom: 13px;
+    }
+}
+
+@mixin horizontal-scroll {
+    &::-webkit-scrollbar {
+        width: 7px;
+        height: 9px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: $code-background-color;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: $scroll_bar_bg_color;
+        border-radius: 4px;
+    }
+
+}
+
+
+//                                 //
+//---------- Animations --------- //
+//                               //
+
+
+@keyframes left-animation {
+    from {
+        opacity: 0;
+        transform: translate3d(100%, 0, 0);
+    }
+
+    to {
+        opacity: 1;
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+@keyframes BTT-Entrance {
+    from {
+        opacity: 0;
+        transform: translate3d(0, 100%, 0);
+    }
+
+    to {
+        opacity: 1;
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+@keyframes BTT-Exit {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+        transform: translate3d(0, 100%, 0);
+    }
+}
+
+@keyframes slide {
+    100% {
+        transform: translateX(0);
+    }
+}
+
+@keyframes slide-up {
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes fade-in {
+    100% {
+        opacity: 1;
+    }
+}

data/_sass/themes/dark theme/highlight.scss

@@ -0,0 +1,363 @@
+.highlight .hll {
+    background-color: #515151;
+}
+
+/*.highlight  { background: #2d2d2d; color: #f2f0ec }*/
+.highlight {
+    background: #1a1f35;
+    color: #f2f0ec;
+}
+
+.highlight .c {
+    color: #747369;
+}
+
+/* Comment */
+.highlight .err {
+    color: #f2777a;
+}
+
+/* Error */
+.highlight .k {
+    color: #cc99cc;
+}
+
+/* Keyword */
+.highlight .l {
+    color: #f99157;
+}
+
+/* Literal */
+.highlight .n {
+    color: #f2f0ec;
+}
+
+/* Name */
+.highlight .o {
+    color: #66cccc;
+}
+
+/* Operator */
+.highlight .p {
+    color: #f2f0ec;
+}
+
+/* Punctuation */
+.highlight .ch {
+    color: #747369;
+}
+
+/* Comment.Hashbang */
+.highlight .cm {
+    color: #747369;
+}
+
+/* Comment.Multiline */
+.highlight .cp {
+    color: #747369;
+}
+
+/* Comment.Preproc */
+.highlight .cpf {
+    color: #747369;
+}
+
+/* Comment.PreprocFile */
+.highlight .c1 {
+    color: #747369;
+}
+
+/* Comment.Single */
+.highlight .cs {
+    color: #747369;
+}
+
+/* Comment.Special */
+.highlight .gd {
+    color: #d50000;
+    background-color: #ff8a80;
+}
+
+/* Generic.Deleted */
+.highlight .ge {
+    font-style: italic;
+}
+
+/* Generic.Emph */
+.highlight .gh {
+    color: #f2f0ec;
+    font-weight: bold;
+}
+
+/* Generic.Heading */
+.highlight .gi {
+    color: #00c853;
+    background-color: #ccff90;
+}
+
+/* Generic.Inserted */
+.highlight .gp {
+    color: #747369;
+    font-weight: bold;
+}
+
+/* Generic.Prompt */
+.highlight .gs {
+    font-weight: bold;
+}
+
+/* Generic.Strong */
+.highlight .gu {
+    color: #66cccc;
+    font-weight: bold;
+}
+
+/* Generic.Subheading */
+.highlight .kc {
+    color: #cc99cc;
+}
+
+/* Keyword.Constant */
+.highlight .kd {
+    color: #cc99cc;
+}
+
+/* Keyword.Declaration */
+.highlight .kn {
+    color: #66cccc;
+}
+
+/* Keyword.Namespace */
+.highlight .kp {
+    color: #cc99cc;
+}
+
+/* Keyword.Pseudo */
+.highlight .kr {
+    color: #cc99cc;
+}
+
+/* Keyword.Reserved */
+.highlight .kt {
+    color: #ffcc66;
+}
+
+/* Keyword.Type */
+.highlight .ld {
+    color: #99cc99;
+}
+
+/* Literal.Date */
+.highlight .m {
+    color: #f99157;
+}
+
+/* Literal.Number */
+.highlight .s {
+    color: #99cc99;
+}
+
+/* Literal.String */
+.highlight .na {
+    color: #6699cc;
+}
+
+/* Name.Attribute */
+.highlight .nb {
+    color: #f2f0ec;
+}
+
+/* Name.Builtin */
+.highlight .nc {
+    color: #ffcc66;
+}
+
+/* Name.Class */
+.highlight .no {
+    color: #f2777a;
+}
+
+/* Name.Constant */
+.highlight .nd {
+    color: #66cccc;
+}
+
+/* Name.Decorator */
+.highlight .ni {
+    color: #f2f0ec;
+}
+
+/* Name.Entity */
+.highlight .ne {
+    color: #f2777a;
+}
+
+/* Name.Exception */
+.highlight .nf {
+    color: #6699cc;
+}
+
+/* Name.Function */
+.highlight .nl {
+    color: #f2f0ec;
+}
+
+/* Name.Label */
+.highlight .nn {
+    color: #ffcc66;
+}
+
+/* Name.Namespace */
+.highlight .nx {
+    color: #6699cc;
+}
+
+/* Name.Other */
+.highlight .py {
+    color: #f2f0ec;
+}
+
+/* Name.Property */
+.highlight .nt {
+    color: #66cccc;
+}
+
+/* Name.Tag */
+.highlight .nv {
+    color: #f2777a;
+}
+
+/* Name.Variable */
+.highlight .ow {
+    color: #66cccc;
+}
+
+/* Operator.Word */
+.highlight .w {
+    color: #f2f0ec;
+}
+
+/* Text.Whitespace */
+.highlight .mb {
+    color: #f99157;
+}
+
+/* Literal.Number.Bin */
+.highlight .mf {
+    color: #f99157;
+}
+
+/* Literal.Number.Float */
+.highlight .mh {
+    color: #f99157;
+}
+
+/* Literal.Number.Hex */
+.highlight .mi {
+    color: #f99157;
+}
+
+/* Literal.Number.Integer */
+.highlight .mo {
+    color: #f99157;
+}
+
+/* Literal.Number.Oct */
+.highlight .sa {
+    color: #99cc99;
+}
+
+/* Literal.String.Affix */
+.highlight .sb {
+    color: #99cc99;
+}
+
+/* Literal.String.Backtick */
+.highlight .sc {
+    color: #f2f0ec;
+}
+
+/* Literal.String.Char */
+.highlight .dl {
+    color: #99cc99;
+}
+
+/* Literal.String.Delimiter */
+.highlight .sd {
+    color: #747369;
+}
+
+/* Literal.String.Doc */
+.highlight .s2 {
+    color: #99cc99;
+}
+
+/* Literal.String.Double */
+.highlight .se {
+    color: #f99157;
+}
+
+/* Literal.String.Escape */
+.highlight .sh {
+    color: #99cc99;
+}
+
+/* Literal.String.Heredoc */
+.highlight .si {
+    color: #f99157;
+}
+
+/* Literal.String.Interpol */
+.highlight .sx {
+    color: #99cc99;
+}
+
+/* Literal.String.Other */
+.highlight .sr {
+    color: #99cc99;
+}
+
+/* Literal.String.Regex */
+.highlight .s1 {
+    color: #99cc99;
+}
+
+/* Literal.String.Single */
+.highlight .ss {
+    color: #99cc99;
+}
+
+/* Literal.String.Symbol */
+.highlight .bp {
+    color: #f2f0ec;
+}
+
+/* Name.Builtin.Pseudo */
+.highlight .fm {
+    color: #6699cc;
+}
+
+/* Name.Function.Magic */
+.highlight .vc {
+    color: #f2777a;
+}
+
+/* Name.Variable.Class */
+.highlight .vg {
+    color: #f2777a;
+}
+
+/* Name.Variable.Global */
+.highlight .vi {
+    color: #f2777a;
+}
+
+/* Name.Variable.Instance */
+.highlight .vm {
+    color: #f2777a;
+}
+
+/* Name.Variable.Magic */
+.highlight .il {
+    color: #f99157;
+}

data/_sass/themes/dark theme/theme-dark.scss

@@ -0,0 +1,142 @@
+// 
+// Dark Theme
+// 
+
+//                                                   //
+//-------------Basic settings-----------------------//
+//                                                 //
+$primary_color: #1d2127 !default;
+$link-color: #4dd0e1!default;
+$text-color: #e7e7e7 !default;
+
+//                                                     //
+//-------------Advance settings-----------------------//
+//                                                   //
+// 
+// Header
+// 
+$header-link-color: darken($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, 3%) !default;
+$btn-download-bg-color: darken($home-header-title-color, 1%)  !default;
+$btn-download-hover-color: darken($btn-download-bg-color, 2%) !default;
+
+// 
+// Site Nav
+// 
+$menu-bdr-color: darken($primary_color, 6%) !default;
+$menu-color: $text-color !default;
+$menu-bg-color-chae: darken($primary_color, 6%) !default;
+
+// 
+// Site Footer
+// 
+$footer-bg-color: darken($primary_color, 2%) !default;
+$footer-info-bg-color: darken($footer-bg-color, 2%) !default;
+$footer-head-link-color: darken($text-color, 50%) !default;
+$footer-links-color: darken($text-color, 10%) !default;
+$footer-links-hover-color: darken($footer-links-color, 30%) !default;
+
+// 
+// Site Scroll
+// 
+$scroll_bar_bg_color: darken($text-color, 10%) !default;
+
+// 
+// Error Pages
+// 
+$error-div-bg-color: darken($primary_color, 2%) !default;
+$error-btn-svg-color: $primary_color !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;
+
+// 
+// Button
+// 
+// $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: darken($text-color, 50%) !default;
+
+// 
+// Highlight
+// 
+$highlight-bg-color: darken($link-color, 20%) !default;
+$highlight-text-color: darken($text-color, 100%) !default;
+
+// 
+// Prompt Tip
+// 
+$prompt-tip-icon-color: #395021 !default;
+$prompt-tip-bg-color: #5a8034 !default;
+
+// 
+//  Prompt Info
+// 
+$prompt-info-icon-color: #12447d !default;
+$prompt-info-bg-color: #1a61b3 !default;
+
+// 
+//  Prompt Warning
+// 
+$prompt-warning-icon-color: #754e12 !default;
+$prompt-warning-bg-color: #b3761a !default;
+
+// 
+// Prompt Danger
+// 
+$prompt-danger-icon-color: #670e0e !default;
+$prompt-danger-bg-color: #b31a1a !default;
+
+// 
+// Code
+// 
+$code-background-color: darken($primary_color, 6%) !default;
+$code-text-color: #4dd0e1 !default;
+$blockquote-text-color: darken($text-color, 40%) !default;
+
+// 
+// links
+// 
+$link-visited-color: $link-color !default;
+$link-hover-color: darken($link-color, 33%) !default;
+
+// 
+// Table
+// 
+$table-text-color: $text-color !default;
+$table-zebra-color: darken($primary_color, 2%) !default;
+$table-header-bg-color: darken($primary_color, 3%) !default;
+
+$Github: #f0f6fc !default;
+
+$border-color: lighten($primary_color, 3%) !default;
+
+// 
+// Back to Top
+// 
+$BTT-bg-color: $code-text-color !default;
+$BTT-svg-color: rgba(0, 0, 0, 0.54) !default;
+
+// 
+// BOLD
+// 
+$Bold-color: #88ffff !default;
+
+@import "themes/dark theme/highlight"