Alecto

https://codepen.io/designcouch/pen/Atyop
https://codepen.io/FomenkoAndrey/pen/wEeKKM



<!-- HTML -->
<div class="header-navbar__btn">
  <span class="header-navbar__btn-row"></span>
  <span class="header-navbar__btn-row"></span>
  <span class="header-navbar__btn-row"></span>

Alecto

{
    "workbench.colorTheme": "One Dark Pro",
    "editor.minimap.maxColumn": 80,
    "workbench.editor.showTabs": true,
    "terminal.integrated.shell.windows": "C:\\Windows\\system32\\cmd.exe",
    "terminal.integrated.shellArgs.windows": [
        "/k C:\\PortableApps\\cmder\\vendor\\init.bat"
    ],
    "workbench.startupEditor": "none",
    "workbench.activityBar.visible": true,

Alecto

/* Подключение шрифтов в HTML
 * <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,300,400,500,700,900" rel="stylesheet">
 */

$font-primary: 'Roboto', sans-serif;
$font-header: 'Roboto Slab', serif;
$font-icon: 'FontAwesome';
$font-size: 16px;

$container-width: 1320px;

Alecto

### Custom .gitignore template
# Folders
.idea/
.vscode/
node_modules/
dist/
build/

# Files
.DS_Store

Alecto

$color-primary: #232323;
$color-accent: #ee3b24;
$color-dark: #010101;
$color-gray: #545454;
$color-light: #fefefe;

Alecto

// Reset margin, padding and list-style from a list.

@mixin unlist($m: 0, $p: 0) {
  margin: $m;
  padding: $p;

  list-style: none;
}

// Single-line text with a three-dot at the end

Alecto

$diff: 0.2px;

/* xl */
@mixin xl-min {
  @media (min-width: $xl) {
    @content;
  }
}

@mixin xl {

Alecto

$diff: 0.2px;

/* ul */
@mixin ul-min {
  @media (min-width: $ul) {
    @content;
  }
}

@mixin ul {

Alecto

--modules-folder libs

Alecto

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}