compass 0.13.alpha.12 → 1.0.0.alpha.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (538) hide show
  1. checksums.yaml +4 -4
  2. data/Rakefile +61 -89
  3. data/VERSION +1 -0
  4. data/features/command_line.feature +1 -1
  5. data/features/step_definitions/command_line_steps.rb +0 -2
  6. data/lib/compass.rb +21 -2
  7. data/lib/compass/commands.rb +2 -0
  8. data/lib/compass/commands/print_version.rb +1 -12
  9. data/lib/compass/compiler.rb +1 -0
  10. data/lib/compass/configuration/adapters.rb +3 -0
  11. data/lib/compass/configuration/comments.rb +4 -1
  12. data/lib/compass/configuration/helpers.rb +1 -58
  13. data/lib/compass/configuration/serialization.rb +3 -0
  14. data/lib/compass/errors.rb +1 -3
  15. data/lib/compass/frameworks.rb +26 -4
  16. data/lib/compass/sass_extensions.rb +0 -1
  17. data/lib/compass/sass_extensions/functions.rb +2 -26
  18. data/lib/compass/sass_extensions/functions/sprites.rb +23 -23
  19. data/lib/compass/sass_extensions/sprites/image.rb +24 -29
  20. data/lib/compass/sprite_importer/content.erb +1 -1
  21. data/lib/compass/util.rb +1 -1
  22. data/lib/compass/version.rb +18 -35
  23. data/test/fixtures/stylesheets/compass/css/fonts.css +2 -2
  24. data/test/fixtures/stylesheets/envtest/tmp/env.css +2 -2
  25. data/test/fixtures/stylesheets/valid/css/another_simple.css +4 -0
  26. data/test/fixtures/stylesheets/valid/css/simple.css +4 -0
  27. data/test/integrations/sprites_test.rb +86 -79
  28. data/test/test_helper.rb +7 -5
  29. data/test/units/caniuse_test.rb +4 -4
  30. data/test/units/command_line_test.rb +5 -4
  31. data/test/units/configuration_test.rb +35 -2
  32. data/test/units/sass_extensions_test.rb +2 -2
  33. data/test/units/sass_extenstions/gradients_test.rb +3 -3
  34. data/test/units/sprites/sprite_map_test.rb +5 -2
  35. metadata +21 -506
  36. data/README.markdown +0 -30
  37. data/VERSION.yml +0 -6
  38. data/data/caniuse.json +0 -1
  39. data/data/caniuse_extras/css-placeholder.json +0 -171
  40. data/examples/README.markdown +0 -4
  41. data/examples/blueprint_default/config.rb +0 -7
  42. data/examples/blueprint_default/images/grid.png +0 -0
  43. data/examples/blueprint_default/index.html.haml +0 -85
  44. data/examples/blueprint_default/parts/elements.html.haml +0 -282
  45. data/examples/blueprint_default/parts/forms.html.haml +0 -200
  46. data/examples/blueprint_default/parts/grid.html.haml +0 -274
  47. data/examples/blueprint_default/parts/test-small.jpg +0 -0
  48. data/examples/blueprint_default/parts/test.jpg +0 -0
  49. data/examples/blueprint_default/parts/valid.png +0 -0
  50. data/examples/blueprint_default/src/ie.scss +0 -3
  51. data/examples/blueprint_default/src/images/grid.png +0 -0
  52. data/examples/blueprint_default/src/print.scss +0 -3
  53. data/examples/blueprint_default/src/screen.scss +0 -9
  54. data/examples/blueprint_plugins/config.rb +0 -8
  55. data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
  56. data/examples/blueprint_plugins/images/buttons/key.png +0 -0
  57. data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
  58. data/examples/blueprint_plugins/images/grid.png +0 -0
  59. data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
  60. data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
  61. data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
  62. data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
  63. data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
  64. data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
  65. data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
  66. data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
  67. data/examples/blueprint_plugins/images/test-small.jpg +0 -0
  68. data/examples/blueprint_plugins/images/test.jpg +0 -0
  69. data/examples/blueprint_plugins/images/valid.png +0 -0
  70. data/examples/blueprint_plugins/index.html.haml +0 -96
  71. data/examples/blueprint_plugins/plugins/buttons.html.haml +0 -67
  72. data/examples/blueprint_plugins/plugins/fancy_type.html.haml +0 -100
  73. data/examples/blueprint_plugins/plugins/link_icons.html.haml +0 -61
  74. data/examples/blueprint_plugins/plugins/rtl.html.haml +0 -100
  75. data/examples/blueprint_plugins/src/buttons.scss +0 -47
  76. data/examples/blueprint_plugins/src/ie.scss +0 -3
  77. data/examples/blueprint_plugins/src/images/grid.png +0 -0
  78. data/examples/blueprint_plugins/src/link_icons.scss +0 -13
  79. data/examples/blueprint_plugins/src/print.scss +0 -3
  80. data/examples/blueprint_plugins/src/rtl_screen.scss +0 -15
  81. data/examples/blueprint_plugins/src/screen.scss +0 -12
  82. data/examples/blueprint_scoped/images/grid.png +0 -0
  83. data/examples/blueprint_scoped/src/ie.scss +0 -4
  84. data/examples/blueprint_scoped/src/print.scss +0 -4
  85. data/examples/blueprint_scoped/src/screen.scss +0 -5
  86. data/examples/blueprint_scoped_form/images/grid.png +0 -0
  87. data/examples/blueprint_scoped_form/src/ie.scss +0 -3
  88. data/examples/blueprint_scoped_form/src/print.scss +0 -3
  89. data/examples/blueprint_scoped_form/src/screen.scss +0 -15
  90. data/examples/blueprint_semantic/config.rb +0 -7
  91. data/examples/blueprint_semantic/images/grid.png +0 -0
  92. data/examples/blueprint_semantic/index.html.haml +0 -86
  93. data/examples/blueprint_semantic/parts/fancy_type.html.haml +0 -100
  94. data/examples/blueprint_semantic/parts/liquid.html.haml +0 -100
  95. data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
  96. data/examples/blueprint_semantic/parts/test.jpg +0 -0
  97. data/examples/blueprint_semantic/parts/valid.png +0 -0
  98. data/examples/blueprint_semantic/src/ie.scss +0 -3
  99. data/examples/blueprint_semantic/src/images/grid.png +0 -0
  100. data/examples/blueprint_semantic/src/liquid.scss +0 -69
  101. data/examples/blueprint_semantic/src/print.scss +0 -3
  102. data/examples/blueprint_semantic/src/screen.scss +0 -69
  103. data/examples/compass/bootstrap.rb +0 -4
  104. data/examples/compass/clean.rb +0 -2
  105. data/examples/compass/compass.html.haml +0 -39
  106. data/examples/compass/config.rb +0 -8
  107. data/examples/compass/headers.txt +0 -7
  108. data/examples/compass/images/blue_arrow.gif +0 -0
  109. data/examples/compass/images/border2.png +0 -0
  110. data/examples/compass/images/emblem/favorite.png +0 -0
  111. data/examples/compass/images/emblem/important.png +0 -0
  112. data/examples/compass/images/emblem/photos.png +0 -0
  113. data/examples/compass/images/emblem/readonly.png +0 -0
  114. data/examples/compass/images/emblem/symbolic-link.png +0 -0
  115. data/examples/compass/images/emblem/system.png +0 -0
  116. data/examples/compass/images/emblem/unreadable.png +0 -0
  117. data/examples/compass/images/flag/ad.png +0 -0
  118. data/examples/compass/images/flag/ae.png +0 -0
  119. data/examples/compass/images/flag/af.png +0 -0
  120. data/examples/compass/images/flag/ag.png +0 -0
  121. data/examples/compass/images/flag/ai.png +0 -0
  122. data/examples/compass/images/flag/al.png +0 -0
  123. data/examples/compass/images/flag/am.png +0 -0
  124. data/examples/compass/images/flag/an.png +0 -0
  125. data/examples/compass/images/flag/ao.png +0 -0
  126. data/examples/compass/images/flag/ar.png +0 -0
  127. data/examples/compass/images/flag/as.png +0 -0
  128. data/examples/compass/images/flag/at.png +0 -0
  129. data/examples/compass/images/flag/au.png +0 -0
  130. data/examples/compass/images/flag/aw.png +0 -0
  131. data/examples/compass/images/flag/ax.png +0 -0
  132. data/examples/compass/images/flag/az.png +0 -0
  133. data/examples/compass/images/flag/ba.png +0 -0
  134. data/examples/compass/images/flag/bb.png +0 -0
  135. data/examples/compass/images/flag/bd.png +0 -0
  136. data/examples/compass/images/flag/be.png +0 -0
  137. data/examples/compass/images/flag/bf.png +0 -0
  138. data/examples/compass/images/flag/bg.png +0 -0
  139. data/examples/compass/images/flag/bh.png +0 -0
  140. data/examples/compass/images/flag/bi.png +0 -0
  141. data/examples/compass/images/flag/bj.png +0 -0
  142. data/examples/compass/images/flag/bm.png +0 -0
  143. data/examples/compass/images/flag/bn.png +0 -0
  144. data/examples/compass/images/flag/bo.png +0 -0
  145. data/examples/compass/images/flag/br.png +0 -0
  146. data/examples/compass/images/flag/bs.png +0 -0
  147. data/examples/compass/images/flag/bt.png +0 -0
  148. data/examples/compass/images/flag/bv.png +0 -0
  149. data/examples/compass/images/flag/bw.png +0 -0
  150. data/examples/compass/images/flag/by.png +0 -0
  151. data/examples/compass/images/flag/bz.png +0 -0
  152. data/examples/compass/images/flag/ca.png +0 -0
  153. data/examples/compass/images/flag/catalonia.png +0 -0
  154. data/examples/compass/images/flag/cc.png +0 -0
  155. data/examples/compass/images/flag/cd.png +0 -0
  156. data/examples/compass/images/flag/cf.png +0 -0
  157. data/examples/compass/images/flag/cg.png +0 -0
  158. data/examples/compass/images/flag/ch.png +0 -0
  159. data/examples/compass/images/flag/ci.png +0 -0
  160. data/examples/compass/images/flag/ck.png +0 -0
  161. data/examples/compass/images/flag/cl.png +0 -0
  162. data/examples/compass/images/flag/cm.png +0 -0
  163. data/examples/compass/images/flag/cn.png +0 -0
  164. data/examples/compass/images/flag/co.png +0 -0
  165. data/examples/compass/images/flag/cr.png +0 -0
  166. data/examples/compass/images/flag/cs.png +0 -0
  167. data/examples/compass/images/flag/cu.png +0 -0
  168. data/examples/compass/images/flag/cv.png +0 -0
  169. data/examples/compass/images/flag/cx.png +0 -0
  170. data/examples/compass/images/flag/cy.png +0 -0
  171. data/examples/compass/images/flag/cz.png +0 -0
  172. data/examples/compass/images/flag/de.png +0 -0
  173. data/examples/compass/images/flag/dj.png +0 -0
  174. data/examples/compass/images/flag/dk.png +0 -0
  175. data/examples/compass/images/flag/dm.png +0 -0
  176. data/examples/compass/images/flag/do.png +0 -0
  177. data/examples/compass/images/flag/dz.png +0 -0
  178. data/examples/compass/images/flag/ec.png +0 -0
  179. data/examples/compass/images/flag/ee.png +0 -0
  180. data/examples/compass/images/flag/eg.png +0 -0
  181. data/examples/compass/images/flag/eh.png +0 -0
  182. data/examples/compass/images/flag/england.png +0 -0
  183. data/examples/compass/images/flag/er.png +0 -0
  184. data/examples/compass/images/flag/es.png +0 -0
  185. data/examples/compass/images/flag/et.png +0 -0
  186. data/examples/compass/images/flag/europeanunion.png +0 -0
  187. data/examples/compass/images/flag/fam.png +0 -0
  188. data/examples/compass/images/flag/fi.png +0 -0
  189. data/examples/compass/images/flag/fj.png +0 -0
  190. data/examples/compass/images/flag/fk.png +0 -0
  191. data/examples/compass/images/flag/fm.png +0 -0
  192. data/examples/compass/images/flag/fo.png +0 -0
  193. data/examples/compass/images/flag/fr.png +0 -0
  194. data/examples/compass/images/flag/ga.png +0 -0
  195. data/examples/compass/images/flag/gb.png +0 -0
  196. data/examples/compass/images/flag/gd.png +0 -0
  197. data/examples/compass/images/flag/ge.png +0 -0
  198. data/examples/compass/images/flag/gf.png +0 -0
  199. data/examples/compass/images/flag/gh.png +0 -0
  200. data/examples/compass/images/flag/gi.png +0 -0
  201. data/examples/compass/images/flag/gl.png +0 -0
  202. data/examples/compass/images/flag/gm.png +0 -0
  203. data/examples/compass/images/flag/gn.png +0 -0
  204. data/examples/compass/images/flag/gp.png +0 -0
  205. data/examples/compass/images/flag/gq.png +0 -0
  206. data/examples/compass/images/flag/gr.png +0 -0
  207. data/examples/compass/images/flag/gs.png +0 -0
  208. data/examples/compass/images/flag/gt.png +0 -0
  209. data/examples/compass/images/flag/gu.png +0 -0
  210. data/examples/compass/images/flag/gw.png +0 -0
  211. data/examples/compass/images/flag/gy.png +0 -0
  212. data/examples/compass/images/flag/hk.png +0 -0
  213. data/examples/compass/images/flag/hm.png +0 -0
  214. data/examples/compass/images/flag/hn.png +0 -0
  215. data/examples/compass/images/flag/hr.png +0 -0
  216. data/examples/compass/images/flag/ht.png +0 -0
  217. data/examples/compass/images/flag/hu.png +0 -0
  218. data/examples/compass/images/flag/id-2.png +0 -0
  219. data/examples/compass/images/flag/ie.png +0 -0
  220. data/examples/compass/images/flag/il.png +0 -0
  221. data/examples/compass/images/flag/in.png +0 -0
  222. data/examples/compass/images/flag/io.png +0 -0
  223. data/examples/compass/images/flag/iq.png +0 -0
  224. data/examples/compass/images/flag/ir.png +0 -0
  225. data/examples/compass/images/flag/is.png +0 -0
  226. data/examples/compass/images/flag/it.png +0 -0
  227. data/examples/compass/images/flag/jm.png +0 -0
  228. data/examples/compass/images/flag/jo.png +0 -0
  229. data/examples/compass/images/flag/jp.png +0 -0
  230. data/examples/compass/images/flag/ke.png +0 -0
  231. data/examples/compass/images/flag/kg.png +0 -0
  232. data/examples/compass/images/flag/kh.png +0 -0
  233. data/examples/compass/images/flag/ki.png +0 -0
  234. data/examples/compass/images/flag/km.png +0 -0
  235. data/examples/compass/images/flag/kn.png +0 -0
  236. data/examples/compass/images/flag/kp.png +0 -0
  237. data/examples/compass/images/flag/kr.png +0 -0
  238. data/examples/compass/images/flag/kw.png +0 -0
  239. data/examples/compass/images/flag/ky.png +0 -0
  240. data/examples/compass/images/flag/kz.png +0 -0
  241. data/examples/compass/images/flag/la.png +0 -0
  242. data/examples/compass/images/flag/lb.png +0 -0
  243. data/examples/compass/images/flag/lc.png +0 -0
  244. data/examples/compass/images/flag/li.png +0 -0
  245. data/examples/compass/images/flag/lk.png +0 -0
  246. data/examples/compass/images/flag/lr.png +0 -0
  247. data/examples/compass/images/flag/ls.png +0 -0
  248. data/examples/compass/images/flag/lt.png +0 -0
  249. data/examples/compass/images/flag/lu.png +0 -0
  250. data/examples/compass/images/flag/lv.png +0 -0
  251. data/examples/compass/images/flag/ly.png +0 -0
  252. data/examples/compass/images/flag/ma.png +0 -0
  253. data/examples/compass/images/flag/mc.png +0 -0
  254. data/examples/compass/images/flag/md.png +0 -0
  255. data/examples/compass/images/flag/me.png +0 -0
  256. data/examples/compass/images/flag/mg.png +0 -0
  257. data/examples/compass/images/flag/mh.png +0 -0
  258. data/examples/compass/images/flag/mk.png +0 -0
  259. data/examples/compass/images/flag/ml.png +0 -0
  260. data/examples/compass/images/flag/mm.png +0 -0
  261. data/examples/compass/images/flag/mn.png +0 -0
  262. data/examples/compass/images/flag/mo.png +0 -0
  263. data/examples/compass/images/flag/mp.png +0 -0
  264. data/examples/compass/images/flag/mq.png +0 -0
  265. data/examples/compass/images/flag/mr.png +0 -0
  266. data/examples/compass/images/flag/ms.png +0 -0
  267. data/examples/compass/images/flag/mt.png +0 -0
  268. data/examples/compass/images/flag/mu.png +0 -0
  269. data/examples/compass/images/flag/mv.png +0 -0
  270. data/examples/compass/images/flag/mw.png +0 -0
  271. data/examples/compass/images/flag/mx.png +0 -0
  272. data/examples/compass/images/flag/my.png +0 -0
  273. data/examples/compass/images/flag/mz.png +0 -0
  274. data/examples/compass/images/flag/na.png +0 -0
  275. data/examples/compass/images/flag/nc.png +0 -0
  276. data/examples/compass/images/flag/ne.png +0 -0
  277. data/examples/compass/images/flag/nf.png +0 -0
  278. data/examples/compass/images/flag/ng.png +0 -0
  279. data/examples/compass/images/flag/ni.png +0 -0
  280. data/examples/compass/images/flag/nl.png +0 -0
  281. data/examples/compass/images/flag/no.png +0 -0
  282. data/examples/compass/images/flag/np.png +0 -0
  283. data/examples/compass/images/flag/nr.png +0 -0
  284. data/examples/compass/images/flag/nu.png +0 -0
  285. data/examples/compass/images/flag/nz.png +0 -0
  286. data/examples/compass/images/flag/om.png +0 -0
  287. data/examples/compass/images/flag/pa.png +0 -0
  288. data/examples/compass/images/flag/pe.png +0 -0
  289. data/examples/compass/images/flag/pf.png +0 -0
  290. data/examples/compass/images/flag/pg.png +0 -0
  291. data/examples/compass/images/flag/ph.png +0 -0
  292. data/examples/compass/images/flag/pk.png +0 -0
  293. data/examples/compass/images/flag/pl.png +0 -0
  294. data/examples/compass/images/flag/pm.png +0 -0
  295. data/examples/compass/images/flag/pn.png +0 -0
  296. data/examples/compass/images/flag/pr.png +0 -0
  297. data/examples/compass/images/flag/ps.png +0 -0
  298. data/examples/compass/images/flag/pt.png +0 -0
  299. data/examples/compass/images/flag/pw.png +0 -0
  300. data/examples/compass/images/flag/py.png +0 -0
  301. data/examples/compass/images/flag/qa.png +0 -0
  302. data/examples/compass/images/flag/re.png +0 -0
  303. data/examples/compass/images/flag/ro.png +0 -0
  304. data/examples/compass/images/flag/rs.png +0 -0
  305. data/examples/compass/images/flag/ru.png +0 -0
  306. data/examples/compass/images/flag/rw.png +0 -0
  307. data/examples/compass/images/flag/sa.png +0 -0
  308. data/examples/compass/images/flag/sb.png +0 -0
  309. data/examples/compass/images/flag/sc.png +0 -0
  310. data/examples/compass/images/flag/scotland.png +0 -0
  311. data/examples/compass/images/flag/sd.png +0 -0
  312. data/examples/compass/images/flag/se.png +0 -0
  313. data/examples/compass/images/flag/sg.png +0 -0
  314. data/examples/compass/images/flag/sh.png +0 -0
  315. data/examples/compass/images/flag/si.png +0 -0
  316. data/examples/compass/images/flag/sj.png +0 -0
  317. data/examples/compass/images/flag/sk.png +0 -0
  318. data/examples/compass/images/flag/sl.png +0 -0
  319. data/examples/compass/images/flag/sm.png +0 -0
  320. data/examples/compass/images/flag/sn.png +0 -0
  321. data/examples/compass/images/flag/so.png +0 -0
  322. data/examples/compass/images/flag/sr.png +0 -0
  323. data/examples/compass/images/flag/st.png +0 -0
  324. data/examples/compass/images/flag/sv.png +0 -0
  325. data/examples/compass/images/flag/sy.png +0 -0
  326. data/examples/compass/images/flag/sz.png +0 -0
  327. data/examples/compass/images/flag/tc.png +0 -0
  328. data/examples/compass/images/flag/td.png +0 -0
  329. data/examples/compass/images/flag/tf.png +0 -0
  330. data/examples/compass/images/flag/tg.png +0 -0
  331. data/examples/compass/images/flag/th.png +0 -0
  332. data/examples/compass/images/flag/tj.png +0 -0
  333. data/examples/compass/images/flag/tk.png +0 -0
  334. data/examples/compass/images/flag/tl.png +0 -0
  335. data/examples/compass/images/flag/tm.png +0 -0
  336. data/examples/compass/images/flag/tn.png +0 -0
  337. data/examples/compass/images/flag/to.png +0 -0
  338. data/examples/compass/images/flag/tr.png +0 -0
  339. data/examples/compass/images/flag/tt.png +0 -0
  340. data/examples/compass/images/flag/tv.png +0 -0
  341. data/examples/compass/images/flag/tw.png +0 -0
  342. data/examples/compass/images/flag/tz.png +0 -0
  343. data/examples/compass/images/flag/ua.png +0 -0
  344. data/examples/compass/images/flag/ug.png +0 -0
  345. data/examples/compass/images/flag/um.png +0 -0
  346. data/examples/compass/images/flag/us.png +0 -0
  347. data/examples/compass/images/flag/uy.png +0 -0
  348. data/examples/compass/images/flag/uz.png +0 -0
  349. data/examples/compass/images/flag/va.png +0 -0
  350. data/examples/compass/images/flag/vc.png +0 -0
  351. data/examples/compass/images/flag/ve.png +0 -0
  352. data/examples/compass/images/flag/vg.png +0 -0
  353. data/examples/compass/images/flag/vi.png +0 -0
  354. data/examples/compass/images/flag/vn.png +0 -0
  355. data/examples/compass/images/flag/vu.png +0 -0
  356. data/examples/compass/images/flag/wales.png +0 -0
  357. data/examples/compass/images/flag/wf.png +0 -0
  358. data/examples/compass/images/flag/ws.png +0 -0
  359. data/examples/compass/images/flag/ye.png +0 -0
  360. data/examples/compass/images/flag/yt.png +0 -0
  361. data/examples/compass/images/flag/za.png +0 -0
  362. data/examples/compass/images/flag/zm.png +0 -0
  363. data/examples/compass/images/flag/zw.png +0 -0
  364. data/examples/compass/images/icon-chrome.png +0 -0
  365. data/examples/compass/images/icon-firefox.png +0 -0
  366. data/examples/compass/images/icon-ie.png +0 -0
  367. data/examples/compass/images/icon-opera.png +0 -0
  368. data/examples/compass/images/icon-safari.png +0 -0
  369. data/examples/compass/pie.html.haml +0 -73
  370. data/examples/compass/sprites.html.haml +0 -37
  371. data/examples/compass/src/bp_layout.scss +0 -18
  372. data/examples/compass/src/compass.scss +0 -46
  373. data/examples/compass/src/images/blue_arrow.gif +0 -0
  374. data/examples/compass/src/sprites.scss +0 -25
  375. data/examples/compass/src/sticky_footer.scss +0 -11
  376. data/examples/compass/src/utilities.scss +0 -108
  377. data/examples/compass/sticky_footer.html.haml +0 -14
  378. data/examples/compass/utilities.html.haml +0 -189
  379. data/examples/css3/bootstrap.rb +0 -3
  380. data/examples/css3/clean.rb +0 -2
  381. data/examples/css3/config.rb +0 -6
  382. data/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass +0 -10
  383. data/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb +0 -6
  384. data/examples/css3/gradients.html.haml +0 -68
  385. data/examples/css3/images/button_bg.png +0 -0
  386. data/examples/css3/images/example.png +0 -0
  387. data/examples/css3/index.html.haml +0 -57
  388. data/examples/css3/src/_base.scss +0 -13
  389. data/examples/css3/src/fancy-fonts.scss +0 -13
  390. data/examples/css3/src/gradients.scss +0 -86
  391. data/examples/css3/src/main.scss +0 -108
  392. data/examples/downloader.rb +0 -58
  393. data/examples/ninesixty/bootstrap.rb +0 -4
  394. data/examples/ninesixty/clean.rb +0 -2
  395. data/examples/ninesixty/config.rb +0 -10
  396. data/examples/ninesixty/src/grid.scss +0 -15
  397. data/examples/ninesixty/src/text.scss +0 -8
  398. data/examples/susy/bootstrap.rb +0 -3
  399. data/examples/susy/clean.rb +0 -2
  400. data/examples/susy/config.rb +0 -10
  401. data/examples/susy/src/_base.scss +0 -61
  402. data/examples/susy/src/_defaults.scss +0 -140
  403. data/examples/susy/src/screen.scss +0 -100
  404. data/examples/yui/bootstrap.rb +0 -3
  405. data/examples/yui/clean.rb +0 -2
  406. data/examples/yui/config.rb +0 -1
  407. data/examples/yui/divisions.html.haml +0 -179
  408. data/examples/yui/index.html.haml +0 -19
  409. data/examples/yui/src/screen.scss +0 -13
  410. data/examples/yui/sub_divisions.html.haml +0 -169
  411. data/examples/yui/templates.html.haml +0 -54
  412. data/examples/yui/test.jpg +0 -0
  413. data/examples/yui/typography.html.haml +0 -132
  414. data/frameworks/compass/stylesheets/_compass.scss +0 -3
  415. data/frameworks/compass/stylesheets/_lemonade.scss +0 -38
  416. data/frameworks/compass/stylesheets/compass/_css3.scss +0 -21
  417. data/frameworks/compass/stylesheets/compass/_layout.scss +0 -3
  418. data/frameworks/compass/stylesheets/compass/_reset-legacy.scss +0 -3
  419. data/frameworks/compass/stylesheets/compass/_reset.scss +0 -3
  420. data/frameworks/compass/stylesheets/compass/_support.scss +0 -432
  421. data/frameworks/compass/stylesheets/compass/_typography.scss +0 -4
  422. data/frameworks/compass/stylesheets/compass/_utilities.scss +0 -9
  423. data/frameworks/compass/stylesheets/compass/css3/_animation.scss +0 -122
  424. data/frameworks/compass/stylesheets/compass/css3/_appearance.scss +0 -17
  425. data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +0 -35
  426. data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +0 -37
  427. data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +0 -19
  428. data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +0 -107
  429. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +0 -88
  430. data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +0 -15
  431. data/frameworks/compass/stylesheets/compass/css3/_box.scss +0 -85
  432. data/frameworks/compass/stylesheets/compass/css3/_columns.scss +0 -210
  433. data/frameworks/compass/stylesheets/compass/css3/_deprecated-support.scss +0 -272
  434. data/frameworks/compass/stylesheets/compass/css3/_filter.scss +0 -50
  435. data/frameworks/compass/stylesheets/compass/css3/_flexbox.scss +0 -156
  436. data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +0 -48
  437. data/frameworks/compass/stylesheets/compass/css3/_hyphenation.scss +0 -71
  438. data/frameworks/compass/stylesheets/compass/css3/_images.scss +0 -139
  439. data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +0 -31
  440. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +0 -23
  441. data/frameworks/compass/stylesheets/compass/css3/_pie.scss +0 -1
  442. data/frameworks/compass/stylesheets/compass/css3/_regions.scss +0 -27
  443. data/frameworks/compass/stylesheets/compass/css3/_selection.scss +0 -59
  444. data/frameworks/compass/stylesheets/compass/css3/_shared.scss +0 -5
  445. data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +0 -82
  446. data/frameworks/compass/stylesheets/compass/css3/_transform.scss +0 -590
  447. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +0 -171
  448. data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +0 -71
  449. data/frameworks/compass/stylesheets/compass/layout/_grid-background.scss +0 -178
  450. data/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss +0 -23
  451. data/frameworks/compass/stylesheets/compass/layout/_stretching.scss +0 -24
  452. data/frameworks/compass/stylesheets/compass/reset/_utilities-legacy.scss +0 -135
  453. data/frameworks/compass/stylesheets/compass/reset/_utilities.scss +0 -142
  454. data/frameworks/compass/stylesheets/compass/typography/_links.scss +0 -3
  455. data/frameworks/compass/stylesheets/compass/typography/_lists.scss +0 -4
  456. data/frameworks/compass/stylesheets/compass/typography/_text.scss +0 -4
  457. data/frameworks/compass/stylesheets/compass/typography/_units.scss +0 -152
  458. data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +0 -300
  459. data/frameworks/compass/stylesheets/compass/typography/links/_hover-link.scss +0 -5
  460. data/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss +0 -28
  461. data/frameworks/compass/stylesheets/compass/typography/links/_unstyled-link.scss +0 -7
  462. data/frameworks/compass/stylesheets/compass/typography/lists/_bullets.scss +0 -34
  463. data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +0 -63
  464. data/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss +0 -50
  465. data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +0 -47
  466. data/frameworks/compass/stylesheets/compass/typography/text/_ellipsis.scss +0 -25
  467. data/frameworks/compass/stylesheets/compass/typography/text/_force-wrap.scss +0 -12
  468. data/frameworks/compass/stylesheets/compass/typography/text/_nowrap.scss +0 -2
  469. data/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss +0 -68
  470. data/frameworks/compass/stylesheets/compass/utilities/_color.scss +0 -1
  471. data/frameworks/compass/stylesheets/compass/utilities/_general.scss +0 -6
  472. data/frameworks/compass/stylesheets/compass/utilities/_links.scss +0 -5
  473. data/frameworks/compass/stylesheets/compass/utilities/_lists.scss +0 -6
  474. data/frameworks/compass/stylesheets/compass/utilities/_print.scss +0 -17
  475. data/frameworks/compass/stylesheets/compass/utilities/_sprites.scss +0 -2
  476. data/frameworks/compass/stylesheets/compass/utilities/_tables.scss +0 -3
  477. data/frameworks/compass/stylesheets/compass/utilities/_text.scss +0 -5
  478. data/frameworks/compass/stylesheets/compass/utilities/color/_brightness.scss +0 -12
  479. data/frameworks/compass/stylesheets/compass/utilities/color/_contrast.scss +0 -52
  480. data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +0 -44
  481. data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +0 -38
  482. data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +0 -65
  483. data/frameworks/compass/stylesheets/compass/utilities/general/_min.scss +0 -16
  484. data/frameworks/compass/stylesheets/compass/utilities/general/_reset.scss +0 -2
  485. data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.scss +0 -1
  486. data/frameworks/compass/stylesheets/compass/utilities/general/_tag-cloud.scss +0 -18
  487. data/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss +0 -3
  488. data/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +0 -3
  489. data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled-link.scss +0 -3
  490. data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +0 -3
  491. data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +0 -3
  492. data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss +0 -3
  493. data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +0 -3
  494. data/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss +0 -92
  495. data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +0 -81
  496. data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss +0 -22
  497. data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss +0 -38
  498. data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.scss +0 -9
  499. data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.scss +0 -3
  500. data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.scss +0 -3
  501. data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +0 -3
  502. data/frameworks/compass/templates/ellipsis/ellipsis.sass +0 -9
  503. data/frameworks/compass/templates/ellipsis/manifest.rb +0 -27
  504. data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +0 -14
  505. data/frameworks/compass/templates/extension/manifest.rb +0 -26
  506. data/frameworks/compass/templates/extension/stylesheets/main.sass +0 -1
  507. data/frameworks/compass/templates/extension/templates/project/manifest.rb +0 -2
  508. data/frameworks/compass/templates/extension/templates/project/screen.sass +0 -2
  509. data/frameworks/compass/templates/project/USAGE.markdown +0 -32
  510. data/frameworks/compass/templates/project/ie.sass +0 -6
  511. data/frameworks/compass/templates/project/manifest.rb +0 -4
  512. data/frameworks/compass/templates/project/print.sass +0 -6
  513. data/frameworks/compass/templates/project/screen.sass +0 -7
  514. data/lib/compass/browser_support.rb +0 -62
  515. data/lib/compass/caniuse.rb +0 -283
  516. data/lib/compass/configuration.rb +0 -91
  517. data/lib/compass/configuration/data.rb +0 -193
  518. data/lib/compass/configuration/defaults.rb +0 -187
  519. data/lib/compass/configuration/inheritance.rb +0 -304
  520. data/lib/compass/configuration/paths.rb +0 -19
  521. data/lib/compass/exec/switch_ui.rb +0 -179
  522. data/lib/compass/sass_extensions/functions/colors.rb +0 -67
  523. data/lib/compass/sass_extensions/functions/constants.rb +0 -74
  524. data/lib/compass/sass_extensions/functions/cross_browser_support.rb +0 -269
  525. data/lib/compass/sass_extensions/functions/display.rb +0 -32
  526. data/lib/compass/sass_extensions/functions/enumerate.rb +0 -7
  527. data/lib/compass/sass_extensions/functions/env.rb +0 -59
  528. data/lib/compass/sass_extensions/functions/font_files.rb +0 -41
  529. data/lib/compass/sass_extensions/functions/gradient_support.rb +0 -611
  530. data/lib/compass/sass_extensions/functions/image_size.rb +0 -114
  531. data/lib/compass/sass_extensions/functions/inline_image.rb +0 -64
  532. data/lib/compass/sass_extensions/functions/lists.rb +0 -101
  533. data/lib/compass/sass_extensions/functions/math.rb +0 -93
  534. data/lib/compass/sass_extensions/functions/selectors.rb +0 -64
  535. data/lib/compass/sass_extensions/functions/urls.rb +0 -297
  536. data/lib/compass/sass_extensions/monkey_patches.rb +0 -3
  537. data/lib/compass/sass_extensions/monkey_patches/browser_support.rb +0 -124
  538. data/lib/compass/sass_extensions/monkey_patches/traversal.rb +0 -23
@@ -1,31 +0,0 @@
1
- @import "compass/support";
2
-
3
- // The legacy support for inline-block.
4
- // Defaults to the $graceful-usage-threshold.
5
- $inline-block-support-threshold: $graceful-usage-threshold !default;
6
-
7
- // Set `$inline-block-alignment` to `none` or `false` to disable the output
8
- // of a vertical-align property in the inline-block mixin.
9
- // Or set it to a legal value for `vertical-align` to change the default.
10
- $inline-block-alignment: middle !default;
11
-
12
- // Provides a cross-browser method to implement `display: inline-block;`
13
- @mixin inline-block($alignment: $inline-block-alignment, $ie-alignment: auto) {
14
- // legacy support for VERY old firefox
15
- @if support-legacy-browser("firefox", "2", $threshold: $inline-block-support-threshold) {
16
- display: -moz-inline-stack;
17
- }
18
- // standard
19
- display: inline-block;
20
- @if $alignment and $alignment != none {
21
- vertical-align: $alignment;
22
- }
23
- // legacy IE support
24
- @if support-legacy-browser("ie", "7", $threshold: $inline-block-support-threshold) {
25
- @if $ie-alignment and $ie-alignment != none {
26
- *vertical-align: $ie-alignment;
27
- }
28
- *zoom: 1;
29
- *display: inline;
30
- }
31
- }
@@ -1,23 +0,0 @@
1
- @import "compass/support";
2
-
3
- // The support usage threshold for opacity. Defaults to the global
4
- // threshold for graceful degradation.
5
- $opacity-usage-threshold: $graceful-usage-threshold !default;
6
-
7
- // Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity.
8
- //
9
- // @param $opacity
10
- // A number between 0 and 1, where 0 is transparent and 1 is opaque.
11
-
12
- @mixin opacity($opacity) {
13
- @include for-legacy-browser("ie", "8", $threshold: $opacity-usage-threshold) {
14
- filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})");
15
- }
16
- opacity: $opacity;
17
- }
18
-
19
- // Make an element completely transparent.
20
- @mixin transparent { @include opacity(0); }
21
-
22
- // Make an element completely opaque.
23
- @mixin opaque { @include opacity(1); }
@@ -1 +0,0 @@
1
- @warn "Support for CSS3Pie has been removed.";
@@ -1,27 +0,0 @@
1
- // Regions
2
-
3
- @import "compass/support";
4
-
5
- // The prefixed support threshold for css regions.
6
- // Defaults to the $graceful-usage-threshold.
7
- $regions-support-threshold: $graceful-usage-threshold !default;
8
-
9
-
10
- // Webkit, IE10 and future support for [CSS Regions](http://dev.w3.org/csswg/css3-regions/)
11
- //
12
- // $target is a value you use to link two regions of your css.
13
- // Give the source of your content the flow-into property,
14
- // and give your target container the flow-from property.
15
- //
16
- // For a visual explanation, see the diagrams at Chris Coyier's
17
- // [CSS-Tricks](http://css-tricks.com/content-folding/)
18
-
19
- @mixin flow-into($target) {
20
- $target: unquote($target);
21
- @include prefixed-properties(css-regions, $regions-support-threshold, (flow-into: $target));
22
- }
23
-
24
- @mixin flow-from($target) {
25
- $target: unquote($target);
26
- @include prefixed-properties(css-regions, $regions-support-threshold, (flow-from: $target));
27
- }
@@ -1,59 +0,0 @@
1
- @import "compass/support";
2
- @import "compass/utilities/color";
3
-
4
- // The prefixed support threshold for ::selection.
5
- // Defaults to the $graceful-usage-threshold.
6
- $selection-support-threshold: $graceful-usage-threshold !default;
7
-
8
- // Style selected text.
9
- //
10
- // At this time, only two CSS properties are supported in most browsers
11
- // during selection: color and background-color. Firefox supports the
12
- // text-shadow property.
13
- //
14
- // At the stylesheet root, include the mixin within the * selector.
15
- //
16
- // * {
17
- // @include selection(#fe57a1, #fff)
18
- // }
19
- //
20
- // If a specific element or selector's selection is being styled
21
- // you can use that selector instead. For example:
22
- //
23
- // .hot-pink {
24
- // @include selection(#fe57a1, #fff)
25
- // }
26
- //
27
- // These properties can be passed as arguments or you can set them via mixin
28
- // content.
29
- //
30
- // For future-forward compatibility with other properties and aesthetic freedom,
31
- // a mixin content block can be passed to this mixin in addition to or in place of
32
- // passing arguments.
33
- //
34
- // .hot-pink {
35
- // @include selection {
36
- // background: #fe57a1;
37
- // color: #fff;
38
- // }
39
- // }
40
- //
41
- // When `$background-color` is specified, but `$color` is not, this mixin
42
- // styles the foreground color like the [contrasted
43
- // mixin](/reference/compass/utilities/color/contrast/#mixin-contrasted). To
44
- // specify only the background-color, you should pass an explicit `null` value
45
- // for `$color` or use mixin content.
46
- @mixin selection($background-color: null, $color: contrast-color($background-color)) {
47
- @include with-each-prefix(css-selection, $selection-support-threshold) {
48
- $selector: '';
49
- @if $current-prefix != null {
50
- $selector: $current-prefix + '-';
51
- }
52
- $selector: "&::#{$selector}selection";
53
- #{$selector} {
54
- color: $color;
55
- background-color: $background-color;
56
- @content;
57
- }
58
- }
59
- }
@@ -1,5 +0,0 @@
1
- @warn "The compass/css3/shared module has been deprecated.
2
- You can silence this warning by importing compass/css3/deprecated-support instead.
3
- Please be aware that module will be removed in the next release.";
4
-
5
- @import "deprecated-support";
@@ -1,82 +0,0 @@
1
- // Text Shadow
2
-
3
- @import "compass/support";
4
-
5
-
6
- // These defaults make the arguments optional for this mixin
7
- // If you like, set different defaults in your project
8
-
9
- $default-text-shadow-color : #aaa !default;
10
- $default-text-shadow-h-offset : 0px !default;
11
- $default-text-shadow-v-offset : 0px !default;
12
- $default-text-shadow-blur : 1px !default;
13
- $default-text-shadow-spread : false !default;
14
-
15
-
16
- // Provides cross-browser text shadows when one or more shadows are needed.
17
- // Each shadow argument should adhere to the standard css3 syntax for the
18
- // text-shadow property.
19
- //
20
- // Note: if any shadow has a spread parameter, this will cause the mixin
21
- // to emit the shadow declaration twice, first without the spread,
22
- // then with the spread included. This allows you to progressively
23
- // enhance the browsers that do support the spread parameter.
24
- @mixin text-shadow(
25
- $shadow...
26
- ) {
27
- $shadow: if(length($shadow) > 0, $shadow, default);
28
- $default: -compass-space-list(compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color));
29
- $shadows-without-spread: join((),(),comma);
30
- $shadows: join((),(),comma);
31
- $has-spread: false;
32
-
33
- @each $layer in $shadow {
34
- $layer: if($layer == 'default', $default, $layer);
35
- @if length($layer) > 4 {
36
- $has-spread: true;
37
- $shadows-without-spread: append($shadows-without-spread, nth($layer,1) nth($layer,2) nth($layer,3) nth($layer,5));
38
- $shadows: append($shadows, $layer);
39
- } @else {
40
- $shadows-without-spread: append($shadows-without-spread, $layer);
41
- $shadows: append($shadows, $layer);
42
- }
43
- }
44
- @if $has-spread {
45
- text-shadow: $shadows-without-spread;
46
- }
47
- text-shadow: $shadows;
48
- }
49
-
50
- // Provides a single cross-browser CSS text shadow.
51
- //
52
- // Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
53
- // according to the configuration defaults above.
54
- @mixin single-text-shadow(
55
- $hoff: false,
56
- $voff: false,
57
- $blur: false,
58
- $spread: false,
59
- $color: false
60
- ) {
61
- // A lot of people think the color comes first. It doesn't.
62
- @if type-of($hoff) == color {
63
- $temp-color: $hoff;
64
- $hoff: $voff;
65
- $voff: $blur;
66
- $blur: $spread;
67
- $spread: $color;
68
- $color: $temp-color;
69
- }
70
- // Can't rely on default assignment with multiple supported argument orders.
71
- $hoff: if($hoff, $hoff, $default-text-shadow-h-offset);
72
- $voff: if($voff, $voff, $default-text-shadow-v-offset);
73
- $blur: if($blur, $blur, $default-text-shadow-blur );
74
- $spread: if($spread, $spread, $default-text-shadow-spread );
75
- $color: if($color, $color, $default-text-shadow-color );
76
- // We don't need experimental support for this property.
77
- @if $color == none or $hoff == none {
78
- @include text-shadow(none);
79
- } @else {
80
- @include text-shadow(compact($hoff $voff $blur $spread $color));
81
- }
82
- }
@@ -1,590 +0,0 @@
1
- @import "compass/support";
2
-
3
- // The the user threshold for transform support. Defaults to `$graceful-usage-threshold`
4
- $transform-support-threshold: $graceful-usage-threshold !default;
5
-
6
- // @doc off
7
- // Note ----------------------------------------------------------------------
8
- // Safari, Chrome, and Firefox all support 3D transforms. However,
9
- // only in the most recent builds. You should also provide fallback 2d support for
10
- // Opera and IE. IE10 is slated to have 3d enabled, but is currently unreleased.
11
- // To make that easy, all 2D transforms include an browser-targeting toggle ($only3d)
12
- // to switch between the two support lists. The toggle defaults to 'false' (2D),
13
- // and also accepts 'true' (3D). Currently the lists are as follows:
14
- // 2D: Mozilla, Webkit, Opera, Official
15
- // 3D: Webkit, Firefox.
16
-
17
- // Available Transforms ------------------------------------------------------
18
- // - Scale (2d and 3d)
19
- // - Rotate (2d and 3d)
20
- // - Translate (2d and 3d)
21
- // - Skew (2d only)
22
-
23
- // Transform Parameters ------------------------------------------------------
24
- // - Transform Origin (2d and 3d)
25
- // - Perspective (3d)
26
- // - Perspective Origin (3d)
27
- // - Transform Style (3d)
28
- // - Backface Visibility (3d)
29
-
30
- // Mixins --------------------------------------------------------------------
31
- // transform-origin
32
- // - shortcuts: transform-origin2d, transform-origin3d
33
- // - helpers: apply-origin
34
- // transform
35
- // - shortcuts: transform2d, transform3d
36
- // - helpers: simple-transform, create-transform
37
- // perspective
38
- // - helpers: perspective-origin
39
- // transform-style
40
- // backface-visibility
41
- // scale
42
- // - shortcuts: scaleX, scaleY, scaleZ, scale3d
43
- // rotate
44
- // - shortcuts: rotateX, rotateY, rotate3d
45
- // translate
46
- // - shortcuts: translateX, translateY, translateZ, translate3d
47
- // skew
48
- // - shortcuts: skewX, skewY
49
-
50
- // Defaults ------------------------------------------------------------------
51
- // @doc on
52
-
53
- // The default x-origin for transforms
54
- $default-origin-x : 50% !default;
55
- // The default y-origin for transforms
56
- $default-origin-y : 50% !default;
57
- // The default z-origin for transforms
58
- $default-origin-z : 50% !default;
59
-
60
-
61
- // The default x-multiplier for scaling
62
- $default-scale-x : 1.25 !default;
63
- // The default y-multiplier for scaling
64
- $default-scale-y : $default-scale-x !default;
65
- // The default z-multiplier for scaling
66
- $default-scale-z : $default-scale-x !default;
67
-
68
-
69
- // The default angle for rotations
70
- $default-rotate : 45deg !default;
71
-
72
-
73
- // The default x-vector for the axis of 3d rotations
74
- $default-vector-x : 1 !default;
75
- // The default y-vector for the axis of 3d rotations
76
- $default-vector-y : 1 !default;
77
- // The default z-vector for the axis of 3d rotations
78
- $default-vector-z : 1 !default;
79
-
80
-
81
- // The default x-length for translations
82
- $default-translate-x : 1em !default;
83
- // The default y-length for translations
84
- $default-translate-y : $default-translate-x !default;
85
- // The default z-length for translations
86
- $default-translate-z : $default-translate-x !default;
87
-
88
-
89
- // The default x-angle for skewing
90
- $default-skew-x : 5deg !default;
91
- // The default y-angle for skewing
92
- $default-skew-y : 5deg !default;
93
-
94
-
95
- // **Transform-origin**
96
- // Transform-origin sent as a complete string
97
- //
98
- // @include apply-origin( origin [, 3D-only ] )
99
- //
100
- // where 'origin' is a space separated list containing 1-3 (x/y/z) coordinates
101
- // in percentages, absolute (px, cm, in, em etc..) or relative
102
- // (left, top, right, bottom, center) units
103
- //
104
- // @param only3d Set this to true to only apply this
105
- // mixin where browsers have 3D support.
106
- @mixin apply-origin($origin, $only3d) {
107
- $capability: if($only3d or length($origin) > 2, transforms3d, transforms2d);
108
- @include prefixed-properties($capability, $transform-support-threshold, (
109
- transform-origin: $origin
110
- ));
111
- }
112
-
113
- // Transform-origin sent as individual arguments:
114
- //
115
- // @include transform-origin( [ origin-x, origin-y, origin-z, 3D-only ] )
116
- //
117
- // where the 3 'origin-' arguments represent x/y/z coordinates.
118
- //
119
- // **NOTE:** setting z coordinates triggers 3D support list, leave false for 2D support
120
- @mixin transform-origin(
121
- $origin-x: $default-origin-x,
122
- $origin-y: $default-origin-y,
123
- $origin-z: false,
124
- $only3d: if($origin-z, true, false)
125
- ) {
126
- $origin: unquote('');
127
- @if $origin-x or $origin-y or $origin-z {
128
- @if $origin-x { $origin: $origin-x; } @else { $origin: 50%; }
129
- @if $origin-y { $origin: $origin $origin-y; } @else { @if $origin-z { $origin: $origin 50%; }}
130
- @if $origin-z { $origin: $origin $origin-z; }
131
- @include apply-origin($origin, $only3d);
132
- }
133
- }
134
-
135
-
136
- // Transform sent as a complete string:
137
- //
138
- // @include transform( transforms [, 3D-only ] )
139
- //
140
- // where 'transforms' is a space separated list of all the transforms to be applied.
141
- @mixin transform(
142
- $transform,
143
- $only3d: false
144
- ) {
145
- $capability: if($only3d, transforms3d, transforms2d);
146
- @include prefixed-properties($capability, $transform-support-threshold, (
147
- transform: $transform
148
- ));
149
- }
150
-
151
- // Shortcut to target all browsers with 2D transform support
152
- @mixin transform2d($trans) {
153
- @include transform($trans, false);
154
- }
155
-
156
- // Shortcut to target only browsers with 3D transform support
157
- @mixin transform3d($trans) {
158
- @include transform($trans, true);
159
- }
160
-
161
- // @doc off
162
- // 3D Parameters -------------------------------------------------------------
163
- // @doc on
164
-
165
- // Set the perspective of 3D transforms on the children of an element:
166
- //
167
- // @include perspective( perspective )
168
- //
169
- // where 'perspective' is a unitless number representing the depth of the
170
- // z-axis. The higher the perspective, the more exaggerated the foreshortening.
171
- // values from 500 to 1000 are more-or-less "normal" - a good starting-point.
172
- @mixin perspective($p) {
173
- @include prefixed-properties(transforms3d, $transform-support-threshold, (
174
- perspective: $p
175
- ));
176
- }
177
-
178
- // Set the origin position for the perspective
179
- //
180
- // @include perspective-origin(origin-x [origin-y])
181
- //
182
- // where the two arguments represent x/y coordinates
183
- @mixin perspective-origin($origin: 50%) {
184
- @include prefixed-properties(transforms3d, $transform-support-threshold, (
185
- perspective-origin: $origin
186
- ));
187
- }
188
-
189
- // Determine whether a 3D objects children also live in the given 3D space
190
- //
191
- // @include transform-style( [ style ] )
192
- //
193
- // where `style` can be either `flat` or `preserve-3d`.
194
- // Browsers default to `flat`, mixin defaults to `preserve-3d`.
195
- @mixin transform-style($style: preserve-3d) {
196
- @include prefixed-properties(transforms3d, $transform-support-threshold, (
197
- transform-style: $style
198
- ));
199
- }
200
-
201
- // Determine the visibility of an element when it's back is turned
202
- //
203
- // @include backface-visibility( [ visibility ] )
204
- //
205
- // where `visibility` can be either `visible` or `hidden`.
206
- // Browsers default to visible, mixin defaults to hidden
207
- @mixin backface-visibility($visibility: hidden) {
208
- @include prefixed-properties(transforms3d, $transform-support-threshold, (
209
- backface-visibility: $visibility
210
- ));
211
- }
212
-
213
- // @doc off
214
- // Transform Partials --------------------------------------------------------
215
- // These work well on their own, but they don't add to each other, they override.
216
- // Use along with transform parameter mixins to adjust origin, perspective and style
217
- // ---------------------------------------------------------------------------
218
-
219
-
220
- // Scale ---------------------------------------------------------------------
221
- // @doc on
222
-
223
- // Scale an object along the x and y axis:
224
- //
225
- // @include scale( [ scale-x, scale-y, perspective, 3D-only ] )
226
- //
227
- // where the 'scale-' arguments are unitless multipliers of the x and y dimensions
228
- // and perspective, which works the same as the stand-alone perspective property/mixin
229
- // but applies to the individual element (multiplied with any parent perspective)
230
- //
231
- // **Note** This mixin cannot be combined with other transform mixins.
232
- @mixin scale(
233
- $scale-x: $default-scale-x,
234
- $scale-y: $scale-x,
235
- $perspective: false,
236
- $only3d: false
237
- ) {
238
- $trans: scale($scale-x, $scale-y);
239
- @if $perspective { $trans: perspective($perspective) $trans; }
240
- @include transform($trans, $only3d);
241
- }
242
-
243
- // Scale an object along the x axis
244
- // @include scaleX( [ scale-x, perspective, 3D-only ] )
245
- //
246
- // **Note** This mixin cannot be combined with other transform mixins.
247
- @mixin scaleX(
248
- $scale: $default-scale-x,
249
- $perspective: false,
250
- $only3d: false
251
- ) {
252
- $trans: scaleX($scale);
253
- @if $perspective { $trans: perspective($perspective) $trans; }
254
- @include transform($trans, $only3d);
255
- }
256
-
257
- // Scale an object along the y axis
258
- // @include scaleY( [ scale-y, perspective, 3D-only ] )
259
- //
260
- // **Note** This mixin cannot be combined with other transform mixins.
261
- @mixin scaleY(
262
- $scale: $default-scale-y,
263
- $perspective: false,
264
- $only3d: false
265
- ) {
266
- $trans: scaleY($scale);
267
- @if $perspective { $trans: perspective($perspective) $trans; }
268
- @include transform($trans, $only3d);
269
- }
270
-
271
- // Scale an object along the z axis
272
- // @include scaleZ( [ scale-z, perspective ] )
273
- //
274
- // **Note** This mixin cannot be combined with other transform mixins.
275
- @mixin scaleZ(
276
- $scale: $default-scale-z,
277
- $perspective: false
278
- ) {
279
- $trans: scaleZ($scale);
280
- @if $perspective { $trans: perspective($perspective) $trans; }
281
- @include transform3d($trans);
282
- }
283
-
284
- // Scale and object along all three axis
285
- // @include scale3d( [ scale-x, scale-y, scale-z, perspective ] )
286
- //
287
- // **Note** This mixin cannot be combined with other transform mixins.
288
- @mixin scale3d(
289
- $scale-x: $default-scale-x,
290
- $scale-y: $default-scale-y,
291
- $scale-z: $default-scale-z,
292
- $perspective: false
293
- ) {
294
- $trans: scale3d($scale-x, $scale-y, $scale-z);
295
- @if $perspective { $trans: perspective($perspective) $trans; }
296
- @include transform3d($trans);
297
- }
298
-
299
- // @doc off
300
- // Rotate --------------------------------------------------------------------
301
- // @doc on
302
-
303
- // Rotate an object around the z axis (2D)
304
- // @include rotate( [ rotation, perspective, 3D-only ] )
305
- // where 'rotation' is an angle set in degrees (deg) or radian (rad) units
306
- //
307
- // **Note** This mixin cannot be combined with other transform mixins.
308
- @mixin rotate(
309
- $rotate: $default-rotate,
310
- $perspective: false,
311
- $only3d: false
312
- ) {
313
- $trans: rotate($rotate);
314
- @if $perspective { $trans: perspective($perspective) $trans; }
315
- @include transform($trans, $only3d);
316
- }
317
-
318
- // A longcut for 'rotate' in case you forget that 'z' is implied
319
- //
320
- // **Note** This mixin cannot be combined with other transform mixins.
321
- @mixin rotateZ(
322
- $rotate: $default-rotate,
323
- $perspective: false,
324
- $only3d: false
325
- ) {
326
- @include rotate($rotate, $perspective, $only3d);
327
- }
328
-
329
- // Rotate an object around the x axis (3D)
330
- // @include rotateX( [ rotation, perspective ] )
331
- //
332
- // **Note** This mixin cannot be combined with other transform mixins.
333
- @mixin rotateX(
334
- $rotate: $default-rotate,
335
- $perspective: false
336
- ) {
337
- $trans: rotateX($rotate);
338
- @if $perspective { $trans: perspective($perspective) $trans; }
339
- @include transform3d($trans);
340
- }
341
-
342
- // Rotate an object around the y axis (3D)
343
- // @include rotate( [ rotation, perspective ] )
344
- //
345
- // **Note** This mixin cannot be combined with other transform mixins.
346
- @mixin rotateY(
347
- $rotate: $default-rotate,
348
- $perspective: false
349
- ) {
350
- $trans: rotateY($rotate);
351
- @if $perspective { $trans: perspective($perspective) $trans; }
352
- @include transform3d($trans);
353
- }
354
-
355
- // Rotate an object around an arbitrary axis (3D)
356
- // @include rotate( [ vector-x, vector-y, vector-z, rotation, perspective ] )
357
- // where the 'vector-' arguments accept unitless numbers.
358
- // These numbers are not important on their own, but in relation to one another
359
- // creating an axis from your transform-origin, along the axis of Xx = Yy = Zz.
360
- //
361
- // **Note** This mixin cannot be combined with other transform mixins.
362
- @mixin rotate3d(
363
- $vector-x: $default-vector-x,
364
- $vector-y: $default-vector-y,
365
- $vector-z: $default-vector-z,
366
- $rotate: $default-rotate,
367
- $perspective: false
368
- ) {
369
- $trans: rotate3d($vector-x, $vector-y, $vector-z, $rotate);
370
- @if $perspective { $trans: perspective($perspective) $trans; }
371
- @include transform3d($trans);
372
- }
373
-
374
- // @doc off
375
- // Translate -----------------------------------------------------------------
376
- // @doc on
377
-
378
- // Move an object along the x or y axis (2D)
379
- // @include translate( [ translate-x, translate-y, perspective, 3D-only ] )
380
- // where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units.
381
- //
382
- // **Note** This mixin cannot be combined with other transform mixins.
383
- @mixin translate(
384
- $translate-x: $default-translate-x,
385
- $translate-y: $default-translate-y,
386
- $perspective: false,
387
- $only3d: false
388
- ) {
389
- $trans: translate($translate-x, $translate-y);
390
- @if $perspective { $trans: perspective($perspective) $trans; }
391
- @include transform($trans, $only3d);
392
- }
393
-
394
- // Move an object along the x axis (2D)
395
- // @include translate( [ translate-x, perspective, 3D-only ] )
396
- //
397
- // **Note** This mixin cannot be combined with other transform mixins.
398
- @mixin translateX(
399
- $trans-x: $default-translate-x,
400
- $perspective: false,
401
- $only3d: false
402
- ) {
403
- $trans: translateX($trans-x);
404
- @if $perspective { $trans: perspective($perspective) $trans; }
405
- @include transform($trans, $only3d);
406
- }
407
-
408
- // Move an object along the y axis (2D)
409
- // @include translate( [ translate-y, perspective, 3D-only ] )
410
- //
411
- // **Note** This mixin cannot be combined with other transform mixins.
412
- @mixin translateY(
413
- $trans-y: $default-translate-y,
414
- $perspective: false,
415
- $only3d: false
416
- ) {
417
- $trans: translateY($trans-y);
418
- @if $perspective { $trans: perspective($perspective) $trans; }
419
- @include transform($trans, $only3d);
420
- }
421
-
422
- // Move an object along the z axis (3D)
423
- // @include translate( [ translate-z, perspective ] )
424
- //
425
- // **Note** This mixin cannot be combined with other transform mixins.
426
- @mixin translateZ(
427
- $trans-z: $default-translate-z,
428
- $perspective: false
429
- ) {
430
- $trans: translateZ($trans-z);
431
- @if $perspective { $trans: perspective($perspective) $trans; }
432
- @include transform3d($trans);
433
- }
434
-
435
- // Move an object along the x, y and z axis (3D)
436
- // @include translate( [ translate-x, translate-y, translate-z, perspective ] )
437
- //
438
- // **Note** This mixin cannot be combined with other transform mixins.
439
- @mixin translate3d(
440
- $translate-x: $default-translate-x,
441
- $translate-y: $default-translate-y,
442
- $translate-z: $default-translate-z,
443
- $perspective: false
444
- ) {
445
- $trans: translate3d($translate-x, $translate-y, $translate-z);
446
- @if $perspective { $trans: perspective($perspective) $trans; }
447
- @include transform3d($trans);
448
- }
449
-
450
- // @doc off
451
- // Skew ----------------------------------------------------------------------
452
- // @doc on
453
-
454
- // Skew an element:
455
- //
456
- // @include skew( [ skew-x, skew-y, 3D-only ] )
457
- //
458
- // where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units.
459
- //
460
- // **Note** This mixin cannot be combined with other transform mixins.
461
- @mixin skew(
462
- $skew-x: $default-skew-x,
463
- $skew-y: $default-skew-y,
464
- $only3d: false
465
- ) {
466
- $trans: skew($skew-x, $skew-y);
467
- @include transform($trans, $only3d);
468
- }
469
-
470
- // Skew an element along the x axiz
471
- //
472
- // @include skew( [ skew-x, 3D-only ] )
473
- //
474
- // **Note** This mixin cannot be combined with other transform mixins.
475
- @mixin skewX(
476
- $skew-x: $default-skew-x,
477
- $only3d: false
478
- ) {
479
- $trans: skewX($skew-x);
480
- @include transform($trans, $only3d);
481
- }
482
-
483
- // Skew an element along the y axis
484
- //
485
- // @include skew( [ skew-y, 3D-only ] )
486
- //
487
- // **Note** This mixin cannot be combined with other transform mixins.
488
- @mixin skewY(
489
- $skew-y: $default-skew-y,
490
- $only3d: false
491
- ) {
492
- $trans: skewY($skew-y);
493
- @include transform($trans, $only3d);
494
- }
495
-
496
-
497
- // Full transform mixins
498
- // For settings any combination of transforms as arguments
499
- // These are complex and not highly recommended for daily use. They are mainly
500
- // here for backward-compatibility purposes.
501
- //
502
- // * they include origin adjustments
503
- // * scale takes a multiplier (unitless), rotate and skew take degrees (deg)
504
- //
505
- // **Note** This mixin cannot be combined with other transform mixins.
506
- @mixin create-transform(
507
- $perspective: false,
508
- $scale-x: false,
509
- $scale-y: false,
510
- $scale-z: false,
511
- $rotate-x: false,
512
- $rotate-y: false,
513
- $rotate-z: false,
514
- $rotate3d: false,
515
- $trans-x: false,
516
- $trans-y: false,
517
- $trans-z: false,
518
- $skew-x: false,
519
- $skew-y: false,
520
- $origin-x: false,
521
- $origin-y: false,
522
- $origin-z: false,
523
- $only3d: false
524
- ) {
525
- $trans: unquote("");
526
-
527
- // perspective
528
- @if $perspective { $trans: perspective($perspective) ; }
529
-
530
- // scale
531
- @if $scale-x and $scale-y {
532
- @if $scale-z { $trans: $trans scale3d($scale-x, $scale-y, $scale-z); }
533
- @else { $trans: $trans scale($scale-x, $scale-y); }
534
- } @else {
535
- @if $scale-x { $trans: $trans scaleX($scale-x); }
536
- @if $scale-y { $trans: $trans scaleY($scale-y); }
537
- @if $scale-z { $trans: $trans scaleZ($scale-z); }
538
- }
539
-
540
- // rotate
541
- @if $rotate-x { $trans: $trans rotateX($rotate-x); }
542
- @if $rotate-y { $trans: $trans rotateY($rotate-y); }
543
- @if $rotate-z { $trans: $trans rotateZ($rotate-z); }
544
- @if $rotate3d { $trans: $trans rotate3d($rotate3d); }
545
-
546
- // translate
547
- @if $trans-x and $trans-y {
548
- @if $trans-z { $trans: $trans translate3d($trans-x, $trans-y, $trans-z); }
549
- @else { $trans: $trans translate($trans-x, $trans-y); }
550
- } @else {
551
- @if $trans-x { $trans: $trans translateX($trans-x); }
552
- @if $trans-y { $trans: $trans translateY($trans-y); }
553
- @if $trans-z { $trans: $trans translateZ($trans-z); }
554
- }
555
-
556
- // skew
557
- @if $skew-x and $skew-y { $trans: $trans skew($skew-x, $skew-y); }
558
- @else {
559
- @if $skew-x { $trans: $trans skewX($skew-x); }
560
- @if $skew-y { $trans: $trans skewY($skew-y); }
561
- }
562
-
563
- // apply it!
564
- @include transform($trans, $only3d);
565
- @include transform-origin($origin-x, $origin-y, $origin-z, $only3d);
566
- }
567
-
568
-
569
- // A simplified set of options
570
- // backwards-compatible with the previous version of the 'transform' mixin
571
- @mixin simple-transform(
572
- $scale: false,
573
- $rotate: false,
574
- $trans-x: false,
575
- $trans-y: false,
576
- $skew-x: false,
577
- $skew-y: false,
578
- $origin-x: false,
579
- $origin-y: false
580
- ) {
581
- @include create-transform(
582
- false,
583
- $scale, $scale, false,
584
- false, false, $rotate, false,
585
- $trans-x, $trans-y, false,
586
- $skew-x, $skew-y,
587
- $origin-x, $origin-y, false,
588
- false
589
- );
590
- }