如何使WordPress style.css作为Stylus .styl -file工作

时间:2013-03-23 22:27:51

标签: css wordpress stylus codekit

尝试使用.styl -files时,我遇到了WordPress style.css文件的问题。来自 twentytwelve 的style.css是迄今为止唯一一个当我将它从.css更改为.styl的时候。

因此,例如当我将styleThess的主题 Twentyeleven Nimble 中的style.css复制粘贴到.styl -file时,它将无法编译,而且我从CodeKit收到错误:

ParseError: /Applications/MAMP/htdocs/test/wp-content/themes/twentytwelve-child/style.styl:1454
   1450| }
   1451| article.feature-image.small .entry-summary p a {
   1452|   background: #222;
   1453|   color: #eee;
 > 1454|   display: block;
   1455|   left: -23.8%;
   1456|   padding: 9px 26px 9px 85px;
   1457|   position: relative;

expected "indent", got ";"

如果我删除周围的所有CSS,则错误只会跳转到不同的代码行。 如果我使用css2stylus.com从CSS制作Stylus,我也会遇到类似的错误。

所以对你们这些人比我更聪明:

  1. 如何调试Stylus?那有一个聪明的方法吗?如果它只是复制粘贴的CSS,如果它被编译为.styl会怎么样?
  2. 除了使用Stylus和原始CSS制作的文件加载单独的文件之外,还是通过不编译使style.css -files工作的任何方式?
  3. 你认为这种问题不太可能发生在SASS吗?
  4. 因此对于任何使用带有WordPress的Stylus的人来说,分享一些内容会非常好!

    非常感谢。

0 个答案:

没有答案