hail2u

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);
});

hail2u

/*!
 * heading-break.js
 * LICENSE: http://hail2u.mit-license.org/2018
 */

const addWordJoiner = (added, value, index) => {
  if (index > 3) {
    return `${value}${added}`;
  }

hail2u

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

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

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

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

hail2u

indent

fence without language

<p>fence with language</p>

hail2u

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

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

引用元あり

> This is a quote.
>
> — <cite>[txt](href)</cite>

hail2u

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

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

キャプションあり

[![alt](src.png)](href "caption")

hail2u

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

@supports (display: flex) {
  .foo {
    display: flex;
  }

  @media (min-width: 320px) {
    @supports (text-decoration-style: wavy) {
      .bar {
        text-decoration-style: wavy;
      }

hail2u

/*!
 * site-search-focus.js
 *
 * LICENSE: http://hail2u.mit-license.org/2017
 */
"use strict";

function focusSiteSearch() {
  document.getElementById("site_search").focus();
}

hail2u

       海老名駅
          ||
       小田急線
          ||
       本厚木駅
          ||
 小田急線ロマンスカー
          ||
       御殿場駅
          ||