项目作者: JulesMichael

项目描述 :
Dynamically Awesome StyleSheets
高级语言: Python
项目地址: git://github.com/JulesMichael/DASS.git
创建时间: 2017-03-02T18:16:35Z
项目社区:https://github.com/JulesMichael/DASS

开源协议:MIT License

下载


Dynamically Awesome StyleSheets

DASS is a tool for creating web projects easily

Why DASS ?

Current web technology requires us to separate the CSS from the JS.

DASS was designed to create webapp and interactive dashboard. DASS wasn’t made for all your projects.

Components:

All elements are bound to change.

Variables

  1. $variable = "This is my var";

Comments:

  1. // My comment

Conditions:

  1. if my_condition :
  2. ...
  3. elif my_condition :
  4. ...
  5. else :
  6. ...

Functions:

  1. function functionName (arg):
  2. style("h1","color",arg);

CSS rules:

Simple:

  1. h1 :
  2. color : #FFF;
  3. background-color: #000;

With events:

  1. .card:
  2. background-color: #fff;
  3. padding: 10px;
  4. border-radius: 3px;
  5. &:hover :
  6. background-color: red;
  7. .content :
  8. color: #fff;

In DASS you can execute JS:

  1. .card:
  2. background-color: #fff;
  3. padding: 10px;
  4. border-radius: 3px;
  5. &:hover :
  6. background-color: red;
  7. .content :
  8. color: #fff;
  9. console.log("I'm a javascript line");

Made with DASS:

screenshot
screenshot-2