Skip to content

Instantly share code, notes, and snippets.

Kyo Nagashima hail2u

Block or report user

Report or block hail2u

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@hail2u
hail2u / list-unused-custom-properties.js
Created Aug 29, 2019
List unused custom properties
View list-unused-custom-properties.js
// list unused custom properties
// $ node list-unused-custom-properties.js <FILENAME>
const fs = require("fs");
const postcss = require("postcss");
const css = postcss.parse(fs.readFileSync(process.argv[2], "utf8"));
const customProperties = {};
css.walkDecls(decl => {
if (decl.prop.startsWith("--")) {
@hail2u
hail2u / data.json
Last active Aug 27, 2019
mustache.js v3.0.2 and partial indentation
View postcss-wrap-with-support.js
const postcss = require("postcss");
module.exports = postcss.plugin("wrap-with-supports", () => css => {
const supports = postcss.parse("@supports(top:0){}");
css.each(n => {
supports.first.append(n);
});
css.append(supports);
});
View heading-break.js
/*!
* heading-break.js
* LICENSE: http://hail2u.mit-license.org/2018
*/
const addWordJoiner = (added, value, index) => {
if (index > 3) {
return `${value}${added}`;
}
View sectionning.md

見出しとテーマの区切りから自動セクショニング

ついにsectionタグを書くのが面倒になってきたので、自動でどうにかしようという試み。

  1. 現在のレベルが1で、見出しレベルも1
  2. 現在のレベルが1より上で、現在のレベルと見出しレベルが同じ
  3. 現在のレベルが1より上で、見出しレベルが現在のレベルより小さい
  4. 現在のレベルより見出しレベルが大きい

パターン1では見出しだけ出力する。パターン4ではsection開始タグだけを、パターン2ではsection終了タグと開始タグを、パターン3ではsection終了タグのみを、追加して出力すればよい。

View pre.md
indent
fence without language
<p>fence with language</p>
View markdown-figure-blockquote.md

blockquote要素で引用元の表記がある場合、figure要素で括られるようにする

最後の行が(EMダッシュ)で始まっていた場合はfigure要素で括り、かつその最後の行を引用元の表記としてfigcaption要素に変換する。

引用元あり

> This is a quote.
>
> — <cite>[txt](href)</cite>
View markdown-figure.md

figure要素を書けるようにする

画像に必ずリンクを張ることを条件に、リンクと画像のみの段落をfigure要素になるようフックしてやる。figcaption要素はリンクに指定可能なtitle属性を流用する。

キャプションあり

[![alt](src.png)](href "caption")
@hail2u
hail2u / solarized.vim
Last active Mar 8, 2018
Solarizedの暗いやつと明るいやつを`set background`で切り替えられるVimカラースキーム
View solarized.vim
highlight clear
if exists("syntax_on")
syntax reset
endif
let g:colors_name = "solarized"
highlight Conceal gui=NONE guifg=#268bd2 guibg=NONE
highlight CursorIM gui=NONE guifg=#fdf6e3 guibg=#dc322f
@hail2u
hail2u / test.css
Created May 31, 2017
nested conditional rules
View test.css
@supports (display: flex) {
.foo {
display: flex;
}
@media (min-width: 320px) {
@supports (text-decoration-style: wavy) {
.bar {
text-decoration-style: wavy;
}
You can’t perform that action at this time.