- Theme Engine
- Design Principles
- Templates
- EVML Reference
- Output
- Comments
- Operators
- Statements and Declarations
- Built-in Functions
- Built-in Objects
- Account
- Address
- Array
- Boolean
- Branch
- Cart
- CartLine
- Category
- CategoryCollection
- CategoryFilter
- CategoryFilterCollection
- CategoryFilterOption
- CategorySearch
- Collection
- Color
- Contact
- Currency
- Date
- Discount
- Dom
- Event
- EventCollection
- EventSlot
- Image
- Layout
- Locale
- Money
- Number
- Object
- Page
- PageCollection
- PageSearch
- PageSharer
- Pagination
- Postage
- Price
- PriceDiscount
- Product
- ProductCollection
- ProductCustomisation
- ProductDownload
- ProductMedia
- ProductMediaFrame
- ProductPrice
- ProductSearch
- ProductSpecification
- ProductSpecificationValue
- ProductVariation
- ProductVariationOption
- RecentlyViewed
- RegExp
- Request
- Review
- ReviewCollection
- Search
- SearchCollection
- SearchResult
- String
- Tag
- Template
- Url
- Website
- EV Tags
- CSS Pre-processor
- Ajax API
Nesting CSS
Rules can be nested to avoid repetitive typing when scoping to a common parent selector. If you are not used to using a CSS Pre-processor this may feel somewhat strange at first, but you'll very quickly enjoy the benefits.
A good example might be:
ul.menu{
margin: 0;
li{
list-style: none;
a{
color: inherit;
}
}
}
Will render as:
ul.menu{
margin: 0;
}
ul.menu li{
list-style: none;
}
ul.menu li a{
color: inherit;
}
Parent Referencing
You can use the parent reference symbol & for placing the parent selector explicitly.
a{
color:#000;
&:hover{
color:#ff0000;
}
}
Will render as:
a{
color:#000;
}
a:hover{
color:#ff0000;
}