adilsonfsantos

autoload.lua
easycrop.lua
quick-scale.lua
webm.lua

adilsonfsantos

foreground            #ffffff
background            #1b222d
selection_foreground  #ffffff
selection_background  #98a8c5
cursor                #ffd484
cursor_text_color     #282A36

# black
color0   #1b222d
color8   #39465e

adilsonfsantos

// Base size for margins
$base-size: 16px;

// Breakpoints map https://material.io/design/layout/responsive-layout-grid.html#breakpoints
$grid-breakpoints-map: (
  xs-small: (
    width: 360px,
    column: 4,
    margin: $base-size
    ),

adilsonfsantos

// Elevation map https://material.io/design/environment/elevation.html#default-elevations
// Overlay map https://material.io/design/color/dark-theme.html#properties
// TO DO add all values from the material design guidelines
$elevation-map: (
  body: (
    elevation: 0dp,
    overlay: 0%
  ),
  header: (
    elevation: 4dp,

adilsonfsantos

//easy animation control
@mixin animation($name, $duration, $timing, $loop) {
  animation: $name $duration $timing $loop;
}

//simple aspect ratio
@mixin aspect-ratio($width, $height) {
  padding-top: ($height / $width) * 100%;
}

adilsonfsantos

picture {
  cursor: zoom-in;
  height: 0;
  max-height: 1250px;
  max-width: 1400px;
  padding-top: 50%;
  position: relative;
  width: 100%;

  &::before {

adilsonfsantos

<p class="tag">{{ post.tags | join: ', ' }}</p>

<!-- For loop -->
{% for tag in post.tags %}
  <li class="tag">{{ tag }}</li>
{% endfor %}

adilsonfsantos

{%- for item in site.data.nav.pages -%}
  <li class="{% if item.url == page.url %}active{% endif %}"><a href="{{ item.url }}">{{ item.title }}</a></li>
{%- endfor -%}