jekyll-theme-fica 0.1.0 → 0.1.4

data/_sass/Base.scss

@@ -0,0 +1,397 @@
+html {
+  font-size: $base-font-size;
+}
+
+/**
+* Reset some basic elements
+*/
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+hr,
+dl,
+dd,
+ol,
+ul,
+figure {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height}
+    $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  -o-font-feature-settings: "kern" 1;
+  font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-wrap: break-word;
+
+  &::-webkit-scrollbar {
+    width: 7px;
+    height: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: $background-color;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $text-color;
+    border-radius: 4px;
+  }
+}
+
+/**
+* Set `margin-bottom` to maintain vertical rhythm
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+ul,
+ol,
+dl,
+figure,
+%vertical-rhythm {
+  margin-bottom: $spacing-unit / 2;
+}
+
+hr {
+  margin-top: $spacing-unit;
+  margin-bottom: $spacing-unit;
+  background: $text-color;
+}
+
+/**
+* `main` element
+*/
+main {
+  display: block;
+  /* Default value of `display` of `main` element is 'inline' in IE 11. */
+  animation-name: text_trans;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+  @keyframes text_trans {
+    0% {
+      opacity: 0%;
+    }
+    20% {
+      opacity: 20%;
+    }
+    50% {
+      opacity: 50%;
+    }
+    70% {
+      opacity: 70%;
+    }
+    90% {
+      opacity: 90%;
+    }
+    100% {
+      opacity: 100%;
+    }
+  }
+}
+
+/**
+* Images
+*/
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+/**
+* Figures
+*/
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+/**
+* Lists
+*/
+ul,
+ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+/**
+* Headings
+*/
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 650;
+  font-family: $base-font-family;
+}
+
+h1 {
+  font-weight: 700;
+  font-family: $base-font-family;
+  font-size: 35px;
+}
+
+/**
+* Links
+*/
+a {
+  color: $link-base-color;
+  text-decoration: none;
+  transition: $transition-links;
+
+  &:visited {
+    color: $link-visited-color;
+  }
+
+  &:hover {
+    color: $link-hover-color;
+    text-decoration: none;
+  }
+}
+
+/**
+* Blockquotes
+*/
+blockquote {
+  color: $blockquote-text-color;
+  border-left: 4px solid $border-color-01;
+  padding-left: $spacing-unit / 2;
+  @include relative-font-size(1.125);
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  i,
+  em {
+    font-style: normal;
+  }
+}
+
+/**
+* Code formatting
+*/
+pre,
+code {
+  font-family: $code-font-family;
+  font-size: 0.9375em;
+  border: 1px solid $border-color-01;
+  border-radius: 4px;
+  background-color: $code-background-color;
+
+  &::-webkit-scrollbar {
+    width: 7px;
+    height: 9px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: $code-background-color;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $text-color;
+    border-radius: 4px;
+  }
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.highlight {
+  border-radius: 3px;
+  background: $code-background-color;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: $code-background-color;
+  }
+}
+
+/**
+* Wrapper
+*/
+.wrapper {
+  max-width: calc(#{$content-width} - (#{$spacing-unit}));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+  @extend %clearfix;
+
+  @media screen and (min-width: $on-large) {
+    max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+  }
+}
+
+.wrapper_header {
+  padding-left: 20px;
+  padding-right: auto;
+  @extend %clearfix;
+  @media screen and (min-width: $on-medium) {
+    padding-right: 70px;
+    padding-left: 70px;
+  }
+}
+
+.wrapper_footer {
+  max-width: calc(#{$content-width} - (#{$spacing-unit}));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+  @extend %clearfix;
+
+  @media screen and (min-width: $on-large) {
+    max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+  }
+}
+
+/**
+* Clearfix
+*/
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/**
+* Icons
+*/
+
+.stackoverflow {
+  color: #f66a0a;
+}
+
+.youtube {
+  color: #dd0505;
+}
+
+.github {
+  color: #f9f9f9;
+}
+
+.svg-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  fill: currentColor;
+  padding: 5px 3px 2px 5px;
+  vertical-align: text-bottom;
+}
+
+/**
+* Tables
+*/
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: $table-text-align;
+  color: $table-text-color;
+  border-collapse: collapse;
+  border: 1px solid $table-border-color;
+
+  &::-webkit-scrollbar {
+    width: 7px;
+    height: 9px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background-color: $code-background-color;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: $text-color;
+    border-radius: 4px;
+  }
+  tr {
+    &:nth-child(even) {
+      background-color: $table-zebra-color;
+    }
+  }
+  th,
+  td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    background-color: $table-header-bg-color;
+    border: 1px solid $table-header-border;
+  }
+  td {
+    border: 1px solid $table-border-color;
+  }
+
+  @include media-query($on-laptop) {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+}
+dl {
+  padding: 0;
+
+  dt {
+    padding: 0;
+    margin-top: 1rem;
+    font-size: $base-font-size;
+    font-weight: 690;
+  }
+
+  dd {
+    margin-inline-start: 40px;
+  }
+}
+

data/_sass/Color_scheme.scss

@@ -0,0 +1,121 @@
+//Main Color Scheme
+// $background-color:      #191919  !default;
+$background-color:      #2b2b2b  !default;
+$text-color:            #ffffff !default;
+
+
+$site-title-color:      #ffffff !default;
+$site-header-bg:        darken($background-color, 5%) !default; 
+
+// $btn-bg-color:           #525252 !default;
+// $btn-color-hover:        #353535 !default;
+$btn-bg-color:          lighten($background-color, 5%) !default;
+$btn-color-hover:       lighten($background-color, 5%) !default;
+$btn-text-hover-color:   darken($text-color, 50%) !default;
+
+$header-bg-color:        #80ffd4 !default;
+$home-header-title-color: darken($background-color, 3%) !default;
+
+$button-download:       #0097A7 !default;
+$button-download-hover: #80ffd4 !default;
+
+
+$code-background-color: darken($background-color, 3%) !default;
+
+$code-text-color:       #cfcc13 !default;
+$blockquote-text-color: darken(#ffffff, 30%) !default;
+
+$link-base-color:       #80ffd4  !default;
+$link-visited-color:    darken($link-base-color, 15%) !default;
+$link-hover-color:      darken(#80ffd4, 40%) !default;
+
+$header-link-color:     darken($text-color, 40%) !default;
+
+$border-color-01:       $code-background-color !default;
+
+$menu-bdr-color:        darken($background-color, 6%) !default;
+$menu-color:            #ffffff !default;
+$menu-bg-color-chae:    darken($background-color, 6%) !default;
+
+$table-text-color:      $text-color !default;
+$table-zebra-color:     darken($background-color, 2%) !default;
+$table-header-bg-color: darken($background-color, 3%) !default;
+$table-header-border:   darken($background-color, 10%) !default;
+$table-border-color:    darken($background-color, 100%) !default;
+
+$footer-bg-color:       darken($background-color, 2%) !default;
+
+
+.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: #f2777a } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #99cc99 } /* 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 } /* Literal.Number.Integer.Long */

data/_sass/Custom-Styles.scss

@@ -0,0 +1,2 @@
+// Placeholder to allow defining custom styles that override everything else.
+// (Use `_sass/minima/custom-variables.scss` to override variable defaults)

data/_sass/Custom-Variables.scss

@@ -0,0 +1 @@
+// Placeholder to allow overriding predefined variables smoothly.

data/_sass/Initialize.scss

@@ -0,0 +1,71 @@
+@charset "utf-8";
+
+// Define defaults for each variable.
+
+//transitions
+$transition-btn: color 0.2s, background-color 0.2s, border-color 0.2s;
+$transition-links: color 0.3s;
+
+$base-font-family: 'Roboto', sans-serif !default;
+$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$table-text-align: left !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          600px !default;
+$on-laptop:        800px !default;
+
+$on-medium:        $on-palm !default;
+$on-large:         $on-laptop !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+// Notice the following mixin uses max-width, in a deprecated, desktop-first
+// approach, whereas media queries used elsewhere now use min-width.
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: #{$ratio}rem;
+}
+@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;
+  }
+}
+
+// Import pre-styling-overrides hook and style-partials.
+@import
+  "Base",                 // Defines element resets.
+  "Layout",              // Defines structure and style based on CSS selectors.
+  "Custom-Variables",   // Override predefined variables.
+  "Custom-Styles"      // Override existing styles .
+;