Postijiet reċenti
Tikketta: #css · 3 postijiet
Ippubblikat Mar 18
#Tech#Server#Serverless#CSS#Cloudflare 🎉 经过一波打磨,Substats 拥有了船新的功能特性和文档支持! GitHub 项目 | API 地址 | 文档地址 船新的更新内容: * 更多平台的支持:本次更新增加了 Medium、Instagram、微博三个平台的支持,平台详情见:API details🎈 * API landing page 重绘:本次将 API 的默认请求路径(也就是 landing page)更新为一个完整的网页,而非只显示默认消息。还增加了 API 示范卡片和 3D 动画,点击 API 地址即刻观赏(使用桌面端获取最佳体验) 🎁 * API 文档更新:本次更新使用 VuePress 编译了文档输出,将 API 文档单独部署,文档位于:Substats documentation📖 最后,继续求 Star、求转发、求关注、求共同维护增加更多的平台与服务~如果你也有想要实现的平台,请在 GitHub issue 里或本文评论区告诉我!我会尽力实现 ( •̀ ω •́ )y 📮 Via channel: @realSpencerWoo
Ippubblikat Jan 28
#RSS#Theme#Design#CSS 🎏 Pink-Feedly Theme for Tiny Tiny RSS 今天超级无聊,重置了小朋友的服务器之后,重新搭建了所有的环境,又部署了一遍 Tiny Tiny RSS。看默认主题和 Feedly 主题那个深蓝色就不舒服,于是我在 Feedly 主题的基础之上,二次创作,自定义了这个粉粉嫩嫩、可可爱爱的 Pink Feedly TTRSS 主题。 🔗GitHub Gist | Tiny Tiny RSS 的一站式搭建 我将侧边栏的项目间距、字重以及子菜单 padding 都稍微调整、并将 RSS 正文标题更换为了 Google Font 的可爱字体。当然,我也将 Feedly 主题以及 Tiny Tiny RSS 默认主题里面的几乎全部高亮蓝色都更改为了粉色。(✿◡‿◡) 感兴趣的话,可以访问上面的链接,里面是一个 GitHub Gist。我将原 CSS 与 Minified 之后的 CSS 都放在上面,如果不继续自定义的话,可以直接复制那个 Minified 版本的 CSS,并在已经使用 Feedly 主题的前提下,在 Tiny Tiny RSS 自定义 CSS 那里粘贴我的主题 CSS,保存应用即可。详见 GitHub Gist 的第一个评论。 📮 Via channel: @realSpencerWoo
Ippubblikat Jan 2
#CSS#技术#Web#GitHub#Windows 🎀 CSS 的 inherit 关键词可以让元素获得其父元素的属性(计算)值,即:继承父元素的样式。 对于继承属性,inherit 关键字只是增强了属性的默认行为,只有在重载 (overload) 其它规则的时候被使用。对于非继承属性,inherit 这指定的行为通常没有多大意义,一般使用使用 initial 或 unset 作为替代。 为什么突然介绍这个关键词呢?因为我发现 GitHub 的 Emoji 在 Windows 浏览器里面渲染偏下,这是因为其 CSS 样式表中有这样一条属性定义: g-emoji { vertical-align: middle; } 在 Windows 的 Firefox、Chrome 里面,这条规则都让 g-emoji 元素位于当前行偏下的位置。如何将这条 CSS 通过浏览器自定义规则插件 —— Stylus,来去掉呢?我们就可以利用 inherit 这一关键词,将 vertical-align 的值设置为 inherit 来去掉 g-emoji 偏下的渲染效果: g-emoji { vertical-align: inherit; } 我们在 Stylus 中创建一个新样式,填入上面的代码并保存,使之适用于 GitHub 网站即可。 📮 Via channel: @realSpencerWoo