一个不错的 css 框架 Boltcss

发布 2023-02-19
阅读

发现一个不错的 css 框架 boltcss Bolt.css (boltcss.com)

是从阮一峰老师的博客推荐发现的，看了官方的 demo，感觉挺不错，里面很多样式自己挺喜欢的。

于是我下载来研究看看，之后看看能否引入自己的博客里面。

https://raw.githubusercontent.com/tbolt/boltcss/main/bolt.css

喜欢的点：

支持日夜模式（会根据系统自动切换）
details – summary 标签不错，在博客中可以用来收起一些内容

例如这样

呵呵哒🙂

点击展开

直接在 markdown 里面写标签即可。

如下：

<details>呵呵哒🙂
  <summary>点击展开
  </summary>
</details>

由于直接把这个 css 引入博客，会和原来样式冲突，所以我目前只能，复制里面的代码到我博客自身的 css 里面。

/* Interactive elements */
details {
  border: 1px solid #aaa;
  border-radius: 7px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

博客链接: https://powersee.github.io/