22. HTML: @import “a.css”
HTML: @import “b.css”
HTML
a.css
b.css
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
23. HTML: @import “a.css”
HTML: @import “b.css”
HTML
a.css
b.css
Single-level @import only: not so bad
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
24. HTML: LINK “a.css”
HTML: @import “b.css”
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
25. HTML: LINK “a.css”
HTML: @import “b.css”
HTML
a.css
b.css
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
26. HTML: LINK “a.css”
HTML: @import “b.css”
HTML
a.css
b.css
Mixed LINK and @import: Breaks IE
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
27. HTML: LINK “a.css”
a.css: @import “b.css”
HTML
a.css
b.css
@import inside LINK: Breaks ALL
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
28. HTML: LINK “a.css”
a.css: @import “b.css”
HTML
a.css
b.css
@import inside LINK: Breaks ALL
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
29. HTML: LINK “a.css”
HTML: LINK “b.css”
b.css: @import “c.css”
HTML
a.css
b.css
c.css
LINK blocks @import on IE
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
30. HTML: LINK “a.css”
HTML: LINK “b.css”
b.css: @import “c.css”
HTML
a.css
b.css
c.css
but NOT on other browsers
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
31. HTML: LINK “a.css”
HTML: LINK “b.css”
HTML: LINK “c.css”
HTML
a.css
b.css
c.css
All LINKs work as expected
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
32. WHY NOT JUST USE
@IMPORT ONLY?
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009
33. Part 2:
SCRIPTS
VIGET LABS DESIGNSHARE | M. JACKSON WILKINSON | MAY 12, 2009