Skip to content

Instantly share code, notes, and snippets.

import Quill from 'quill/core'
import BlockquoteFormat from 'quill/formats/blockquote'
import BoldFormat from 'quill/formats/bold'
import HeaderFormat from 'quill/formats/header'
import ItalicFormat from 'quill/formats/italic'
import LinkFormat from 'quill/formats/link'
import ListFormat, { ListItem as ListItemFormat } from 'quill/formats/list'
import StrikeFormat from 'quill/formats/strike'
import UnderlineFormat from 'quill/formats/underline'
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Household costs calculator</title>
<style>
* {
box-sizing: border-box;
}
#!/bin/bash
for file in "$@"; do
eval "$(stat -s "$file")"
formatted_date=$(date -r "$st_ctime" '+%Y-%m-%d_%H-%M-%S')
echo mv -v "$file" "${formatted_date}.jpg"
done
<style>
.sign-in {
border: 1px solid black;
}
.sign-in.is-unavailable {
background-color: #eee;
}
</style>
// no
.sign-in--new-user {
.sign-in__submit {}
// N more rules
}
// yes
.sign-in__submit {
background-color: blue;
// modules/_home.scss
.home {}
// modules/home/_header.scss
.home-header {}
// modules/home/_main.scss
.home-main {}
// no
.app-header {}
.app-header__nav {}
.app-header__nav__list {}
.app-header__nav__item {}
.app-header__nav__item__title {}
// yes
.app-header {}
.app-header__nav {}
.sign-in {} // module
.sign-in--new-user {} // modified module
.sign-in.is-unavailable {} // state of module
.sign-in__submit {} // element of module
.sign-in__submit--hidden {} // modified element
// no
.big-red-text {
font-size: 3rem;
color: red;
}
// yes
.headline {
font-size: 3rem;
color: red;
.sign-in {
@include form;
border-color: red;
}