Base Styles

@lism-baseレイヤーで定義されるベーススタイルを紹介します。

Reset CSS

Reset CSS を@lism-base.reset レイヤーとして定義しています。

reset.css ではできるだけブラウザの標準スタイルに従うようにしています。

非常にシンプルで、必要最低限な内容になっています。

Lism CSS の reset.css だけを読み込む方法

import 'lism-css/reset.css';

または

<link href="https://cdn.jsdelivr.net/npm/lism-css/dist/css/reset.css" rel="stylesheet" />

Base styles

Reset CSS のほか、@lism-baseレイヤーでは、:rootで定義したトークンを活用しつつHTMLタグのデフォルトベーススタイルを定義しています。

HTML基本スタイルのプレビュー

@lism-baseが適用されただけのHTML基本スタイルのプレビューです。