Mercurial Hosting > lass_css

annotate README.md @ 5:0a621e349357 css5 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
author John Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
date Thu, 24 Nov 2022 17:33:00 +0100
parents 3c7d95d21f9d
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
1 # ﷽
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
2 ## ❤️[Announcement!](https://reader.tymoon.eu/article/417 "ufdfd")❤️
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
3 ###lass_css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
4 ![FEARLASS](https://studio.tymoon.eu/api/studio/file?id=2017 "ufdfd")
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
5 LASS Writing CSS fails
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
6
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
7 ://?.com/Shinmera/LASS/blame/master/README.md
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
8 Examples
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
9 -----------------
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
10 LASS supports two modes, one being directly in your lisp code, the other in pure LASS files. Adding LASS into your code is easy:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
11
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
12 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
13 '(div
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
14 :background black))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
15
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
16 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
17 "div{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
18 background: black;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
19 }"
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
20 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
21 LASS works on the following simple principles: A list is a block. The first argument in the list is a selector. The body of the list makes up the properties and sub-blocks. A property is started with a keyword that is used as the property name. Following is a bunch of property arguments until a new keyword, list, or the end is reached. A list inside a block is, again, a block with the twist that the parent block's selector is prepended to the sub-block's selector.
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
22
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
23 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
24 '(nav
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
25 (ul
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
26 :list-style none
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
27 (li
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
28 :margin 0 :padding 0
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
29 :display inline-block)))))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
30
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
31 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
32 nav ul{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
33 list-style: none;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
34 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
35
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
36 nav ul li{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
37 margin: 0;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
38 padding: 0;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
39 display: inline-block;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
40 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
41 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
42 Since LASS' `COMPILE-SHEET` simply takes a bunch of lists as its argument, you can use the backquote and comma to integrate variables from your lisp environment:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
43
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
44 (let ((color "HWB(205.7 0% 6.7%)"))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
45 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
46 `(art
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
47 :background ,color))))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
48
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
49 ~~~css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
50 art{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
51 background: HWB(205.7 0% 6.7%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
52 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
53 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
54 Alternatively however, and this is especially useful in pure LASS files, you can use the `LET` block to create LASS-specific bindings:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
55
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
56 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
57 '(:let ((color "RGB(0, 136, 238)"))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
58 (art
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
59 :background #(color))))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
60
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
61 ~~~css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
62 art{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
63 background: RGB(0, 136, 238);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
64 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
65 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
66 LASS' selector mechanism is very flexible and allows for some complex logic to reduce duplication:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
67 ```
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
68 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
69 '(article
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
70 ((:or p blockquote)
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
71 :margin 0 :padding 0
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
72
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
73 (a
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
74 :color black)
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
75
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
76 ((:and a :hover)
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
77 :color darkred))))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
78 ```
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
79 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
80 article p, article blockquote{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
81 margin: 0;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
82 padding: 0;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
83 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
84
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
85 article p a, article blockquote a{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
86 color: black;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
87 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
88
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
89 article p a:hover, article blockquote a:hover{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
90 color: darkred;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
91 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
92 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
93 But it can go even further:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
94 ```lisp
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
95 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
96 '((:and
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
97 (:or article section)
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
98 (:= data-author (:or yukari ran chen))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
99 (:nth-child (:or 1 2 3)))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
100 :display none))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
101 ```
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
102 ~~~css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
103 "article[data-author=\"yukari\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
104 article[data-author=\"yukari\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
105 article[data-author=\"yukari\"]:nth-child(3),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
106 article[data-author=\"ran\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
107 article[data-author=\"ran\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
108 article[data-author=\"ran\"]:nth-child(3),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
109 article[data-author=\"chen\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
110 article[data-author=\"chen\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
111 article[data-author=\"chen\"]:nth-child(3),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
112 section[data-author=\"yukari\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
113 section[data-author=\"yukari\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
114 section[data-author=\"yukari\"]:nth-child(3),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
115 section[data-author=\"ran\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
116 section[data-author=\"ran\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
117 section[data-author=\"ran\"]:nth-child(3),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
118 section[data-author=\"chen\"]:nth-child(1),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
119 section[data-author=\"chen\"]:nth-child(2),
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
120 section[data-author=\"chen\"]:nth-child(3){
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
121 display: none;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
122 }"
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
123 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
124 Whoa nelly!
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
125
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
126 Some CSS properties are not fully specified yet and require browser-specific prefixes. LASS can help you with that, too:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
127 ```lisp
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
128 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
129 '(.fun
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
130 :linear-gradient "deg(45)" black 0% darkgray 100%
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
131 :transform rotate -45deg))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
132 ```
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
133 ~~~css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
134 .fun{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
135 background: -moz-linear-gradient(deg(45), black 0%, darkgray 100%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
136 background: -o-linear-gradient(deg(45), black 0%, darkgray 100%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
137 background: -webkit-linear-gradient(deg(45), black 0%, darkgray 100%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
138 background: -ms-linear-gradient(deg(45), black 0%, darkgray 100%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
139 background: linear-gradient(deg(45), black 0%, darkgray 100%);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
140 -moz-transform: rotate(-45deg);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
141 -o-transform: rotate(-45deg);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
142 -webkit-transform: rotate(-45deg);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
143 -ms-transform: rotate(-45deg);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
144 transform: rotate(-45deg);
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
145 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
146 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
147 LASS also supports the various `@QUERY` operator blocks:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
148
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
149 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
150 '(:media "(max-width: 800px)"
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
151 (art
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
152 :margin 0)))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
153
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
154 ~~~css
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
155 @media (max-width: 800px){
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
156 art{
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
157 margin: 0;
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
158 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
159 }
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
160 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
161 By default LASS activates pretty-printing and inserts newlines and spaces where appropriate in order to make the result readable and easy to debug. However, you can also deactivate that and directly produce minified CSS:
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
162
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
163 (let ((lass:*pretty* NIL))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
164 (lass:compile-and-write
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
165 '(:media "(max-width: 800px)"
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
166 (div
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
167 :margin 0))))
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
168
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
169 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
170 @media (max-width: 800px){div{margin:0;}}
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
171 ~~~
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
172 As mentioned above you can write pure LASS files to compile down to a CSS file. To do that, simply M-x [xah-fly-save-buffer-if-file](/breakr/)
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
173
3c7d95d21f9d Allahu'Akhbar! Allahu'Akhbar! Allahu'Akhbar! http://bluegriffon.org/#download
Jane Doe <fork_goggles_198230918230974192830192830123@use.startmail.com>
parents:
diff changeset
174 ://?.com/Shinmera/LASS/blame/master/README.md