用户工具

站点工具


frontend:scss

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录前一修订版
后一修订版
前一修订版
frontend:scss [2016/09/09 01:59] – Add autoprefix mixin memoryfrontend:scss [2023/12/03 02:24] (当前版本) – 外部编辑 127.0.0.1
行 1: 行 1:
 ====== SCSS / SASS ====== ====== SCSS / SASS ======
 +
 +{{tag>frontend css}}
  
 ===== Tricks ===== ===== Tricks =====
行 29: 行 31:
 ==== AutoPrefix ==== ==== AutoPrefix ====
  
-以下是为一些不会被[[https://github.com/postcss/autoprefixer|autoprefixer]]覆盖的CSS属性[(不是web标准,故不会被autoprefix [[https://github.com/postcss/autoprefixer/issues/167]])]自动添加浏览器前缀的mixin:+以下是为一些不会被[[https://github.com/postcss/autoprefixer|autoprefixer]]覆盖的CSS属性[(cite:>[[https://github.com/postcss/autoprefixer/issues/167|不是web标准属性,不会被autoprefix]])]自动添加浏览器前缀的mixin:
  
 <code css _prefix.scss> <code css _prefix.scss>
行 51: 行 53:
 </code> </code>
  
 +==== CSS实现折行 ====
 +
 +From [[https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_text-overflow.scss|Bootstrap sass]]
 +
 +<code css text-overflow.scss>
 +/*
 + * Text overflow
 + * Requires inline-block or block for proper styling
 + */
 +
 +@mixin text-overflow() {
 +  overflow: hidden;
 +  text-overflow: ellipsis;
 +  white-space: nowrap;
 +}
 +</code>
frontend/scss.1473386346.txt.gz · 最后更改: (外部编辑)