cd /opt/zammad/app/assets/stylesheets/custom/
vi custom.css
# Editing...
zammad run rake assets:precompile
systemctl restart zammad-web
Tag Archives: CSS
Vertical Metrics Recommendations for Sofia Pro Web Fonts
- Ascent: 960
- Descent: 220
让 SyntaxHighlighter Evolved 变好看的 CSS
凡是用 WordPress 贴代码的基本都会用 SyntaxHighlighter Evolved 插件,因为 wordpress.com 就在用,但凡是用了 SyntaxHighlighter Evolved 的样子都奇丑无比,让人恶心,下面提供一下本站使用的 CSS 样式,让你的代码可以瞬间从无数没有审美的程序猿中脱颖而出
.code .container {
font-size: 14px !important;
padding: 15px !important;
}
.code .container code {
font-family: "Lucida Console", Monaco, monospace !important;
}
.syntaxhighlighter table td.code .line {
padding: 2px 1em !important;
}
YUI Compressor 与 media query 的兼容问题
YUI Compressor 在处理 CSS 的时候无法正确处理 media query:
@media screen and (max-device-width: 480px)
压缩后会变成:
@media screen and(max-device-width:480px)
解决方法是从官方的 GitHub repo 中直接编译,或者直接下我编译好的:
CSS 实现段落不换行并且超过容器宽度后显示为省略号的触发方法备忘
缺一不可,比较坑爹,试完了才发现 quirksmode 提到过
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
全新版本,Firefox 下依然可用:
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;