corner css 一个手绘主题库

地址

原因和目的：

之前用了 Doodle CSS 几次，我蛮喜欢这个风格的，但是使用体验不是特别好，每次都要 copy 下来，没有提供 cdn，安装 npm 包由于路径问题也会导致报错(后来发现是remix 的 bug，在v1.7.3 已经修复)，此外由于个人的喜好，更喜欢白色的背景，此外还想添加一些其它东西，所以就把它进行了二次的开发(已经经过原作者同意)

想实现的有这几个点：

1. 背景改为白色，review 一下不需要的(完成)
2. 打包上传阿里云oss(完成)
3. 实现 confrim(未完成)
4. 优化 button 的 active 和 input 等的 focus(未完成)
5. 其它有意思的想法

收获：

1. 想法实现的快乐，找了一个设计师朋友帮忙给意见，感觉很不错

2. google fonts的使用

      <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Crimson+Pro">
    <style>

1. appearance 属性实现自定义的 checkbox 外观

.corner input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  background: transparent;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

1. border-image 属性实现边框的自定义图像

.corner textarea {
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  border-image: url(./border.svg) 10 10 10 10 stretch stretch;
}