关于前端开发的样式问题

传送门 | Stylus.js 中文文档 (opens new window)

特别注意

#colors() { primary: blue;   secondary: green; }

.button { color: #colors[primary];   border: 1px solid #colors[secondary]; }

编译后

.button { color: blue;  border: 1px solid green;}



@min768:~"(min-width: 768px)"; .element {   @media@min768 {     font-size: 1.2rem;   } }

编译后

@media (min-width: 768px) {
  .element {
    font-size: 1.2rem;
  }
}