克隆Google Docs的CSS样式

Question

我正在使用侧面板为Google Docs制作Google Apps脚本.

我想要匹配Google Docs所具有的按钮,滚动条等样式.

仅供参考,很多CSS似乎都被缩小/混淆了.

scb-button-icon
jfk-star

我在哪里可以找到这样的东西？

我认为Google Apps脚本可能提供了这样的东西,因为一致性使得用户体验变得更好.

如果官方消息来源不可用,是非官方消息来源吗？

Answer 1

编辑:边栏CSS现在免费提供,请参阅附加组件的CSS包.

仅供研究使用,当然:

• 查看您要研究的页面的来源.复制并......
• 粘贴到文本编辑器中.删除包括<style>标签在内的所有内容,从</style>标签到结尾.复制并......
• 粘贴到HTML解码器中,以删除编码.现在你拥有了所有的CSS,它的格式很糟糕.复制并......
• 粘贴到CSS Formatter中,然后整理一下.(可选)输出为文件.

此时,您已经有了一个CSS文件,可以通过实验方式构建到仅供个人使用的应用程序中.浏览器检查器可以方便地确定其他人用来生成您想要学习的UI元素的HTML.

这是我自己的小实验,Google Doc中的侧边栏,有各种各样的元素: