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.
- checksums.yaml +4 -4
- data/Rakefile +61 -89
- data/VERSION +1 -0
- data/features/command_line.feature +1 -1
- data/features/step_definitions/command_line_steps.rb +0 -2
- data/lib/compass.rb +21 -2
- data/lib/compass/commands.rb +2 -0
- data/lib/compass/commands/print_version.rb +1 -12
- data/lib/compass/compiler.rb +1 -0
- data/lib/compass/configuration/adapters.rb +3 -0
- data/lib/compass/configuration/comments.rb +4 -1
- data/lib/compass/configuration/helpers.rb +1 -58
- data/lib/compass/configuration/serialization.rb +3 -0
- data/lib/compass/errors.rb +1 -3
- data/lib/compass/frameworks.rb +26 -4
- data/lib/compass/sass_extensions.rb +0 -1
- data/lib/compass/sass_extensions/functions.rb +2 -26
- data/lib/compass/sass_extensions/functions/sprites.rb +23 -23
- data/lib/compass/sass_extensions/sprites/image.rb +24 -29
- data/lib/compass/sprite_importer/content.erb +1 -1
- data/lib/compass/util.rb +1 -1
- data/lib/compass/version.rb +18 -35
- data/test/fixtures/stylesheets/compass/css/fonts.css +2 -2
- data/test/fixtures/stylesheets/envtest/tmp/env.css +2 -2
- data/test/fixtures/stylesheets/valid/css/another_simple.css +4 -0
- data/test/fixtures/stylesheets/valid/css/simple.css +4 -0
- data/test/integrations/sprites_test.rb +86 -79
- data/test/test_helper.rb +7 -5
- data/test/units/caniuse_test.rb +4 -4
- data/test/units/command_line_test.rb +5 -4
- data/test/units/configuration_test.rb +35 -2
- data/test/units/sass_extensions_test.rb +2 -2
- data/test/units/sass_extenstions/gradients_test.rb +3 -3
- data/test/units/sprites/sprite_map_test.rb +5 -2
- metadata +21 -506
- data/README.markdown +0 -30
- data/VERSION.yml +0 -6
- data/data/caniuse.json +0 -1
- data/data/caniuse_extras/css-placeholder.json +0 -171
- data/examples/README.markdown +0 -4
- data/examples/blueprint_default/config.rb +0 -7
- data/examples/blueprint_default/images/grid.png +0 -0
- data/examples/blueprint_default/index.html.haml +0 -85
- data/examples/blueprint_default/parts/elements.html.haml +0 -282
- data/examples/blueprint_default/parts/forms.html.haml +0 -200
- data/examples/blueprint_default/parts/grid.html.haml +0 -274
- data/examples/blueprint_default/parts/test-small.jpg +0 -0
- data/examples/blueprint_default/parts/test.jpg +0 -0
- data/examples/blueprint_default/parts/valid.png +0 -0
- data/examples/blueprint_default/src/ie.scss +0 -3
- data/examples/blueprint_default/src/images/grid.png +0 -0
- data/examples/blueprint_default/src/print.scss +0 -3
- data/examples/blueprint_default/src/screen.scss +0 -9
- data/examples/blueprint_plugins/config.rb +0 -8
- data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
- data/examples/blueprint_plugins/images/buttons/key.png +0 -0
- data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
- data/examples/blueprint_plugins/images/grid.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
- data/examples/blueprint_plugins/images/test-small.jpg +0 -0
- data/examples/blueprint_plugins/images/test.jpg +0 -0
- data/examples/blueprint_plugins/images/valid.png +0 -0
- data/examples/blueprint_plugins/index.html.haml +0 -96
- data/examples/blueprint_plugins/plugins/buttons.html.haml +0 -67
- data/examples/blueprint_plugins/plugins/fancy_type.html.haml +0 -100
- data/examples/blueprint_plugins/plugins/link_icons.html.haml +0 -61
- data/examples/blueprint_plugins/plugins/rtl.html.haml +0 -100
- data/examples/blueprint_plugins/src/buttons.scss +0 -47
- data/examples/blueprint_plugins/src/ie.scss +0 -3
- data/examples/blueprint_plugins/src/images/grid.png +0 -0
- data/examples/blueprint_plugins/src/link_icons.scss +0 -13
- data/examples/blueprint_plugins/src/print.scss +0 -3
- data/examples/blueprint_plugins/src/rtl_screen.scss +0 -15
- data/examples/blueprint_plugins/src/screen.scss +0 -12
- data/examples/blueprint_scoped/images/grid.png +0 -0
- data/examples/blueprint_scoped/src/ie.scss +0 -4
- data/examples/blueprint_scoped/src/print.scss +0 -4
- data/examples/blueprint_scoped/src/screen.scss +0 -5
- data/examples/blueprint_scoped_form/images/grid.png +0 -0
- data/examples/blueprint_scoped_form/src/ie.scss +0 -3
- data/examples/blueprint_scoped_form/src/print.scss +0 -3
- data/examples/blueprint_scoped_form/src/screen.scss +0 -15
- data/examples/blueprint_semantic/config.rb +0 -7
- data/examples/blueprint_semantic/images/grid.png +0 -0
- data/examples/blueprint_semantic/index.html.haml +0 -86
- data/examples/blueprint_semantic/parts/fancy_type.html.haml +0 -100
- data/examples/blueprint_semantic/parts/liquid.html.haml +0 -100
- data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
- data/examples/blueprint_semantic/parts/test.jpg +0 -0
- data/examples/blueprint_semantic/parts/valid.png +0 -0
- data/examples/blueprint_semantic/src/ie.scss +0 -3
- data/examples/blueprint_semantic/src/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/liquid.scss +0 -69
- data/examples/blueprint_semantic/src/print.scss +0 -3
- data/examples/blueprint_semantic/src/screen.scss +0 -69
- data/examples/compass/bootstrap.rb +0 -4
- data/examples/compass/clean.rb +0 -2
- data/examples/compass/compass.html.haml +0 -39
- data/examples/compass/config.rb +0 -8
- data/examples/compass/headers.txt +0 -7
- data/examples/compass/images/blue_arrow.gif +0 -0
- data/examples/compass/images/border2.png +0 -0
- data/examples/compass/images/emblem/favorite.png +0 -0
- data/examples/compass/images/emblem/important.png +0 -0
- data/examples/compass/images/emblem/photos.png +0 -0
- data/examples/compass/images/emblem/readonly.png +0 -0
- data/examples/compass/images/emblem/symbolic-link.png +0 -0
- data/examples/compass/images/emblem/system.png +0 -0
- data/examples/compass/images/emblem/unreadable.png +0 -0
- data/examples/compass/images/flag/ad.png +0 -0
- data/examples/compass/images/flag/ae.png +0 -0
- data/examples/compass/images/flag/af.png +0 -0
- data/examples/compass/images/flag/ag.png +0 -0
- data/examples/compass/images/flag/ai.png +0 -0
- data/examples/compass/images/flag/al.png +0 -0
- data/examples/compass/images/flag/am.png +0 -0
- data/examples/compass/images/flag/an.png +0 -0
- data/examples/compass/images/flag/ao.png +0 -0
- data/examples/compass/images/flag/ar.png +0 -0
- data/examples/compass/images/flag/as.png +0 -0
- data/examples/compass/images/flag/at.png +0 -0
- data/examples/compass/images/flag/au.png +0 -0
- data/examples/compass/images/flag/aw.png +0 -0
- data/examples/compass/images/flag/ax.png +0 -0
- data/examples/compass/images/flag/az.png +0 -0
- data/examples/compass/images/flag/ba.png +0 -0
- data/examples/compass/images/flag/bb.png +0 -0
- data/examples/compass/images/flag/bd.png +0 -0
- data/examples/compass/images/flag/be.png +0 -0
- data/examples/compass/images/flag/bf.png +0 -0
- data/examples/compass/images/flag/bg.png +0 -0
- data/examples/compass/images/flag/bh.png +0 -0
- data/examples/compass/images/flag/bi.png +0 -0
- data/examples/compass/images/flag/bj.png +0 -0
- data/examples/compass/images/flag/bm.png +0 -0
- data/examples/compass/images/flag/bn.png +0 -0
- data/examples/compass/images/flag/bo.png +0 -0
- data/examples/compass/images/flag/br.png +0 -0
- data/examples/compass/images/flag/bs.png +0 -0
- data/examples/compass/images/flag/bt.png +0 -0
- data/examples/compass/images/flag/bv.png +0 -0
- data/examples/compass/images/flag/bw.png +0 -0
- data/examples/compass/images/flag/by.png +0 -0
- data/examples/compass/images/flag/bz.png +0 -0
- data/examples/compass/images/flag/ca.png +0 -0
- data/examples/compass/images/flag/catalonia.png +0 -0
- data/examples/compass/images/flag/cc.png +0 -0
- data/examples/compass/images/flag/cd.png +0 -0
- data/examples/compass/images/flag/cf.png +0 -0
- data/examples/compass/images/flag/cg.png +0 -0
- data/examples/compass/images/flag/ch.png +0 -0
- data/examples/compass/images/flag/ci.png +0 -0
- data/examples/compass/images/flag/ck.png +0 -0
- data/examples/compass/images/flag/cl.png +0 -0
- data/examples/compass/images/flag/cm.png +0 -0
- data/examples/compass/images/flag/cn.png +0 -0
- data/examples/compass/images/flag/co.png +0 -0
- data/examples/compass/images/flag/cr.png +0 -0
- data/examples/compass/images/flag/cs.png +0 -0
- data/examples/compass/images/flag/cu.png +0 -0
- data/examples/compass/images/flag/cv.png +0 -0
- data/examples/compass/images/flag/cx.png +0 -0
- data/examples/compass/images/flag/cy.png +0 -0
- data/examples/compass/images/flag/cz.png +0 -0
- data/examples/compass/images/flag/de.png +0 -0
- data/examples/compass/images/flag/dj.png +0 -0
- data/examples/compass/images/flag/dk.png +0 -0
- data/examples/compass/images/flag/dm.png +0 -0
- data/examples/compass/images/flag/do.png +0 -0
- data/examples/compass/images/flag/dz.png +0 -0
- data/examples/compass/images/flag/ec.png +0 -0
- data/examples/compass/images/flag/ee.png +0 -0
- data/examples/compass/images/flag/eg.png +0 -0
- data/examples/compass/images/flag/eh.png +0 -0
- data/examples/compass/images/flag/england.png +0 -0
- data/examples/compass/images/flag/er.png +0 -0
- data/examples/compass/images/flag/es.png +0 -0
- data/examples/compass/images/flag/et.png +0 -0
- data/examples/compass/images/flag/europeanunion.png +0 -0
- data/examples/compass/images/flag/fam.png +0 -0
- data/examples/compass/images/flag/fi.png +0 -0
- data/examples/compass/images/flag/fj.png +0 -0
- data/examples/compass/images/flag/fk.png +0 -0
- data/examples/compass/images/flag/fm.png +0 -0
- data/examples/compass/images/flag/fo.png +0 -0
- data/examples/compass/images/flag/fr.png +0 -0
- data/examples/compass/images/flag/ga.png +0 -0
- data/examples/compass/images/flag/gb.png +0 -0
- data/examples/compass/images/flag/gd.png +0 -0
- data/examples/compass/images/flag/ge.png +0 -0
- data/examples/compass/images/flag/gf.png +0 -0
- data/examples/compass/images/flag/gh.png +0 -0
- data/examples/compass/images/flag/gi.png +0 -0
- data/examples/compass/images/flag/gl.png +0 -0
- data/examples/compass/images/flag/gm.png +0 -0
- data/examples/compass/images/flag/gn.png +0 -0
- data/examples/compass/images/flag/gp.png +0 -0
- data/examples/compass/images/flag/gq.png +0 -0
- data/examples/compass/images/flag/gr.png +0 -0
- data/examples/compass/images/flag/gs.png +0 -0
- data/examples/compass/images/flag/gt.png +0 -0
- data/examples/compass/images/flag/gu.png +0 -0
- data/examples/compass/images/flag/gw.png +0 -0
- data/examples/compass/images/flag/gy.png +0 -0
- data/examples/compass/images/flag/hk.png +0 -0
- data/examples/compass/images/flag/hm.png +0 -0
- data/examples/compass/images/flag/hn.png +0 -0
- data/examples/compass/images/flag/hr.png +0 -0
- data/examples/compass/images/flag/ht.png +0 -0
- data/examples/compass/images/flag/hu.png +0 -0
- data/examples/compass/images/flag/id-2.png +0 -0
- data/examples/compass/images/flag/ie.png +0 -0
- data/examples/compass/images/flag/il.png +0 -0
- data/examples/compass/images/flag/in.png +0 -0
- data/examples/compass/images/flag/io.png +0 -0
- data/examples/compass/images/flag/iq.png +0 -0
- data/examples/compass/images/flag/ir.png +0 -0
- data/examples/compass/images/flag/is.png +0 -0
- data/examples/compass/images/flag/it.png +0 -0
- data/examples/compass/images/flag/jm.png +0 -0
- data/examples/compass/images/flag/jo.png +0 -0
- data/examples/compass/images/flag/jp.png +0 -0
- data/examples/compass/images/flag/ke.png +0 -0
- data/examples/compass/images/flag/kg.png +0 -0
- data/examples/compass/images/flag/kh.png +0 -0
- data/examples/compass/images/flag/ki.png +0 -0
- data/examples/compass/images/flag/km.png +0 -0
- data/examples/compass/images/flag/kn.png +0 -0
- data/examples/compass/images/flag/kp.png +0 -0
- data/examples/compass/images/flag/kr.png +0 -0
- data/examples/compass/images/flag/kw.png +0 -0
- data/examples/compass/images/flag/ky.png +0 -0
- data/examples/compass/images/flag/kz.png +0 -0
- data/examples/compass/images/flag/la.png +0 -0
- data/examples/compass/images/flag/lb.png +0 -0
- data/examples/compass/images/flag/lc.png +0 -0
- data/examples/compass/images/flag/li.png +0 -0
- data/examples/compass/images/flag/lk.png +0 -0
- data/examples/compass/images/flag/lr.png +0 -0
- data/examples/compass/images/flag/ls.png +0 -0
- data/examples/compass/images/flag/lt.png +0 -0
- data/examples/compass/images/flag/lu.png +0 -0
- data/examples/compass/images/flag/lv.png +0 -0
- data/examples/compass/images/flag/ly.png +0 -0
- data/examples/compass/images/flag/ma.png +0 -0
- data/examples/compass/images/flag/mc.png +0 -0
- data/examples/compass/images/flag/md.png +0 -0
- data/examples/compass/images/flag/me.png +0 -0
- data/examples/compass/images/flag/mg.png +0 -0
- data/examples/compass/images/flag/mh.png +0 -0
- data/examples/compass/images/flag/mk.png +0 -0
- data/examples/compass/images/flag/ml.png +0 -0
- data/examples/compass/images/flag/mm.png +0 -0
- data/examples/compass/images/flag/mn.png +0 -0
- data/examples/compass/images/flag/mo.png +0 -0
- data/examples/compass/images/flag/mp.png +0 -0
- data/examples/compass/images/flag/mq.png +0 -0
- data/examples/compass/images/flag/mr.png +0 -0
- data/examples/compass/images/flag/ms.png +0 -0
- data/examples/compass/images/flag/mt.png +0 -0
- data/examples/compass/images/flag/mu.png +0 -0
- data/examples/compass/images/flag/mv.png +0 -0
- data/examples/compass/images/flag/mw.png +0 -0
- data/examples/compass/images/flag/mx.png +0 -0
- data/examples/compass/images/flag/my.png +0 -0
- data/examples/compass/images/flag/mz.png +0 -0
- data/examples/compass/images/flag/na.png +0 -0
- data/examples/compass/images/flag/nc.png +0 -0
- data/examples/compass/images/flag/ne.png +0 -0
- data/examples/compass/images/flag/nf.png +0 -0
- data/examples/compass/images/flag/ng.png +0 -0
- data/examples/compass/images/flag/ni.png +0 -0
- data/examples/compass/images/flag/nl.png +0 -0
- data/examples/compass/images/flag/no.png +0 -0
- data/examples/compass/images/flag/np.png +0 -0
- data/examples/compass/images/flag/nr.png +0 -0
- data/examples/compass/images/flag/nu.png +0 -0
- data/examples/compass/images/flag/nz.png +0 -0
- data/examples/compass/images/flag/om.png +0 -0
- data/examples/compass/images/flag/pa.png +0 -0
- data/examples/compass/images/flag/pe.png +0 -0
- data/examples/compass/images/flag/pf.png +0 -0
- data/examples/compass/images/flag/pg.png +0 -0
- data/examples/compass/images/flag/ph.png +0 -0
- data/examples/compass/images/flag/pk.png +0 -0
- data/examples/compass/images/flag/pl.png +0 -0
- data/examples/compass/images/flag/pm.png +0 -0
- data/examples/compass/images/flag/pn.png +0 -0
- data/examples/compass/images/flag/pr.png +0 -0
- data/examples/compass/images/flag/ps.png +0 -0
- data/examples/compass/images/flag/pt.png +0 -0
- data/examples/compass/images/flag/pw.png +0 -0
- data/examples/compass/images/flag/py.png +0 -0
- data/examples/compass/images/flag/qa.png +0 -0
- data/examples/compass/images/flag/re.png +0 -0
- data/examples/compass/images/flag/ro.png +0 -0
- data/examples/compass/images/flag/rs.png +0 -0
- data/examples/compass/images/flag/ru.png +0 -0
- data/examples/compass/images/flag/rw.png +0 -0
- data/examples/compass/images/flag/sa.png +0 -0
- data/examples/compass/images/flag/sb.png +0 -0
- data/examples/compass/images/flag/sc.png +0 -0
- data/examples/compass/images/flag/scotland.png +0 -0
- data/examples/compass/images/flag/sd.png +0 -0
- data/examples/compass/images/flag/se.png +0 -0
- data/examples/compass/images/flag/sg.png +0 -0
- data/examples/compass/images/flag/sh.png +0 -0
- data/examples/compass/images/flag/si.png +0 -0
- data/examples/compass/images/flag/sj.png +0 -0
- data/examples/compass/images/flag/sk.png +0 -0
- data/examples/compass/images/flag/sl.png +0 -0
- data/examples/compass/images/flag/sm.png +0 -0
- data/examples/compass/images/flag/sn.png +0 -0
- data/examples/compass/images/flag/so.png +0 -0
- data/examples/compass/images/flag/sr.png +0 -0
- data/examples/compass/images/flag/st.png +0 -0
- data/examples/compass/images/flag/sv.png +0 -0
- data/examples/compass/images/flag/sy.png +0 -0
- data/examples/compass/images/flag/sz.png +0 -0
- data/examples/compass/images/flag/tc.png +0 -0
- data/examples/compass/images/flag/td.png +0 -0
- data/examples/compass/images/flag/tf.png +0 -0
- data/examples/compass/images/flag/tg.png +0 -0
- data/examples/compass/images/flag/th.png +0 -0
- data/examples/compass/images/flag/tj.png +0 -0
- data/examples/compass/images/flag/tk.png +0 -0
- data/examples/compass/images/flag/tl.png +0 -0
- data/examples/compass/images/flag/tm.png +0 -0
- data/examples/compass/images/flag/tn.png +0 -0
- data/examples/compass/images/flag/to.png +0 -0
- data/examples/compass/images/flag/tr.png +0 -0
- data/examples/compass/images/flag/tt.png +0 -0
- data/examples/compass/images/flag/tv.png +0 -0
- data/examples/compass/images/flag/tw.png +0 -0
- data/examples/compass/images/flag/tz.png +0 -0
- data/examples/compass/images/flag/ua.png +0 -0
- data/examples/compass/images/flag/ug.png +0 -0
- data/examples/compass/images/flag/um.png +0 -0
- data/examples/compass/images/flag/us.png +0 -0
- data/examples/compass/images/flag/uy.png +0 -0
- data/examples/compass/images/flag/uz.png +0 -0
- data/examples/compass/images/flag/va.png +0 -0
- data/examples/compass/images/flag/vc.png +0 -0
- data/examples/compass/images/flag/ve.png +0 -0
- data/examples/compass/images/flag/vg.png +0 -0
- data/examples/compass/images/flag/vi.png +0 -0
- data/examples/compass/images/flag/vn.png +0 -0
- data/examples/compass/images/flag/vu.png +0 -0
- data/examples/compass/images/flag/wales.png +0 -0
- data/examples/compass/images/flag/wf.png +0 -0
- data/examples/compass/images/flag/ws.png +0 -0
- data/examples/compass/images/flag/ye.png +0 -0
- data/examples/compass/images/flag/yt.png +0 -0
- data/examples/compass/images/flag/za.png +0 -0
- data/examples/compass/images/flag/zm.png +0 -0
- data/examples/compass/images/flag/zw.png +0 -0
- data/examples/compass/images/icon-chrome.png +0 -0
- data/examples/compass/images/icon-firefox.png +0 -0
- data/examples/compass/images/icon-ie.png +0 -0
- data/examples/compass/images/icon-opera.png +0 -0
- data/examples/compass/images/icon-safari.png +0 -0
- data/examples/compass/pie.html.haml +0 -73
- data/examples/compass/sprites.html.haml +0 -37
- data/examples/compass/src/bp_layout.scss +0 -18
- data/examples/compass/src/compass.scss +0 -46
- data/examples/compass/src/images/blue_arrow.gif +0 -0
- data/examples/compass/src/sprites.scss +0 -25
- data/examples/compass/src/sticky_footer.scss +0 -11
- data/examples/compass/src/utilities.scss +0 -108
- data/examples/compass/sticky_footer.html.haml +0 -14
- data/examples/compass/utilities.html.haml +0 -189
- data/examples/css3/bootstrap.rb +0 -3
- data/examples/css3/clean.rb +0 -2
- data/examples/css3/config.rb +0 -6
- data/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass +0 -10
- data/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb +0 -6
- data/examples/css3/gradients.html.haml +0 -68
- data/examples/css3/images/button_bg.png +0 -0
- data/examples/css3/images/example.png +0 -0
- data/examples/css3/index.html.haml +0 -57
- data/examples/css3/src/_base.scss +0 -13
- data/examples/css3/src/fancy-fonts.scss +0 -13
- data/examples/css3/src/gradients.scss +0 -86
- data/examples/css3/src/main.scss +0 -108
- data/examples/downloader.rb +0 -58
- data/examples/ninesixty/bootstrap.rb +0 -4
- data/examples/ninesixty/clean.rb +0 -2
- data/examples/ninesixty/config.rb +0 -10
- data/examples/ninesixty/src/grid.scss +0 -15
- data/examples/ninesixty/src/text.scss +0 -8
- data/examples/susy/bootstrap.rb +0 -3
- data/examples/susy/clean.rb +0 -2
- data/examples/susy/config.rb +0 -10
- data/examples/susy/src/_base.scss +0 -61
- data/examples/susy/src/_defaults.scss +0 -140
- data/examples/susy/src/screen.scss +0 -100
- data/examples/yui/bootstrap.rb +0 -3
- data/examples/yui/clean.rb +0 -2
- data/examples/yui/config.rb +0 -1
- data/examples/yui/divisions.html.haml +0 -179
- data/examples/yui/index.html.haml +0 -19
- data/examples/yui/src/screen.scss +0 -13
- data/examples/yui/sub_divisions.html.haml +0 -169
- data/examples/yui/templates.html.haml +0 -54
- data/examples/yui/test.jpg +0 -0
- data/examples/yui/typography.html.haml +0 -132
- data/frameworks/compass/stylesheets/_compass.scss +0 -3
- data/frameworks/compass/stylesheets/_lemonade.scss +0 -38
- data/frameworks/compass/stylesheets/compass/_css3.scss +0 -21
- data/frameworks/compass/stylesheets/compass/_layout.scss +0 -3
- data/frameworks/compass/stylesheets/compass/_reset-legacy.scss +0 -3
- data/frameworks/compass/stylesheets/compass/_reset.scss +0 -3
- data/frameworks/compass/stylesheets/compass/_support.scss +0 -432
- data/frameworks/compass/stylesheets/compass/_typography.scss +0 -4
- data/frameworks/compass/stylesheets/compass/_utilities.scss +0 -9
- data/frameworks/compass/stylesheets/compass/css3/_animation.scss +0 -122
- data/frameworks/compass/stylesheets/compass/css3/_appearance.scss +0 -17
- data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +0 -35
- data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +0 -37
- data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +0 -19
- data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +0 -107
- data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +0 -88
- data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +0 -15
- data/frameworks/compass/stylesheets/compass/css3/_box.scss +0 -85
- data/frameworks/compass/stylesheets/compass/css3/_columns.scss +0 -210
- data/frameworks/compass/stylesheets/compass/css3/_deprecated-support.scss +0 -272
- data/frameworks/compass/stylesheets/compass/css3/_filter.scss +0 -50
- data/frameworks/compass/stylesheets/compass/css3/_flexbox.scss +0 -156
- data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +0 -48
- data/frameworks/compass/stylesheets/compass/css3/_hyphenation.scss +0 -71
- data/frameworks/compass/stylesheets/compass/css3/_images.scss +0 -139
- data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +0 -31
- data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +0 -23
- data/frameworks/compass/stylesheets/compass/css3/_pie.scss +0 -1
- data/frameworks/compass/stylesheets/compass/css3/_regions.scss +0 -27
- data/frameworks/compass/stylesheets/compass/css3/_selection.scss +0 -59
- data/frameworks/compass/stylesheets/compass/css3/_shared.scss +0 -5
- data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +0 -82
- data/frameworks/compass/stylesheets/compass/css3/_transform.scss +0 -590
- data/frameworks/compass/stylesheets/compass/css3/_transition.scss +0 -171
- data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +0 -71
- data/frameworks/compass/stylesheets/compass/layout/_grid-background.scss +0 -178
- data/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss +0 -23
- data/frameworks/compass/stylesheets/compass/layout/_stretching.scss +0 -24
- data/frameworks/compass/stylesheets/compass/reset/_utilities-legacy.scss +0 -135
- data/frameworks/compass/stylesheets/compass/reset/_utilities.scss +0 -142
- data/frameworks/compass/stylesheets/compass/typography/_links.scss +0 -3
- data/frameworks/compass/stylesheets/compass/typography/_lists.scss +0 -4
- data/frameworks/compass/stylesheets/compass/typography/_text.scss +0 -4
- data/frameworks/compass/stylesheets/compass/typography/_units.scss +0 -152
- data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +0 -300
- data/frameworks/compass/stylesheets/compass/typography/links/_hover-link.scss +0 -5
- data/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss +0 -28
- data/frameworks/compass/stylesheets/compass/typography/links/_unstyled-link.scss +0 -7
- data/frameworks/compass/stylesheets/compass/typography/lists/_bullets.scss +0 -34
- data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +0 -63
- data/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss +0 -50
- data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +0 -47
- data/frameworks/compass/stylesheets/compass/typography/text/_ellipsis.scss +0 -25
- data/frameworks/compass/stylesheets/compass/typography/text/_force-wrap.scss +0 -12
- data/frameworks/compass/stylesheets/compass/typography/text/_nowrap.scss +0 -2
- data/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss +0 -68
- data/frameworks/compass/stylesheets/compass/utilities/_color.scss +0 -1
- data/frameworks/compass/stylesheets/compass/utilities/_general.scss +0 -6
- data/frameworks/compass/stylesheets/compass/utilities/_links.scss +0 -5
- data/frameworks/compass/stylesheets/compass/utilities/_lists.scss +0 -6
- data/frameworks/compass/stylesheets/compass/utilities/_print.scss +0 -17
- data/frameworks/compass/stylesheets/compass/utilities/_sprites.scss +0 -2
- data/frameworks/compass/stylesheets/compass/utilities/_tables.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/_text.scss +0 -5
- data/frameworks/compass/stylesheets/compass/utilities/color/_brightness.scss +0 -12
- data/frameworks/compass/stylesheets/compass/utilities/color/_contrast.scss +0 -52
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +0 -44
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +0 -38
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +0 -65
- data/frameworks/compass/stylesheets/compass/utilities/general/_min.scss +0 -16
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.scss +0 -2
- data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.scss +0 -1
- data/frameworks/compass/stylesheets/compass/utilities/general/_tag-cloud.scss +0 -18
- data/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled-link.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss +0 -92
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +0 -81
- data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss +0 -22
- data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss +0 -38
- data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.scss +0 -9
- data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.scss +0 -3
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +0 -3
- data/frameworks/compass/templates/ellipsis/ellipsis.sass +0 -9
- data/frameworks/compass/templates/ellipsis/manifest.rb +0 -27
- data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +0 -14
- data/frameworks/compass/templates/extension/manifest.rb +0 -26
- data/frameworks/compass/templates/extension/stylesheets/main.sass +0 -1
- data/frameworks/compass/templates/extension/templates/project/manifest.rb +0 -2
- data/frameworks/compass/templates/extension/templates/project/screen.sass +0 -2
- data/frameworks/compass/templates/project/USAGE.markdown +0 -32
- data/frameworks/compass/templates/project/ie.sass +0 -6
- data/frameworks/compass/templates/project/manifest.rb +0 -4
- data/frameworks/compass/templates/project/print.sass +0 -6
- data/frameworks/compass/templates/project/screen.sass +0 -7
- data/lib/compass/browser_support.rb +0 -62
- data/lib/compass/caniuse.rb +0 -283
- data/lib/compass/configuration.rb +0 -91
- data/lib/compass/configuration/data.rb +0 -193
- data/lib/compass/configuration/defaults.rb +0 -187
- data/lib/compass/configuration/inheritance.rb +0 -304
- data/lib/compass/configuration/paths.rb +0 -19
- data/lib/compass/exec/switch_ui.rb +0 -179
- data/lib/compass/sass_extensions/functions/colors.rb +0 -67
- data/lib/compass/sass_extensions/functions/constants.rb +0 -74
- data/lib/compass/sass_extensions/functions/cross_browser_support.rb +0 -269
- data/lib/compass/sass_extensions/functions/display.rb +0 -32
- data/lib/compass/sass_extensions/functions/enumerate.rb +0 -7
- data/lib/compass/sass_extensions/functions/env.rb +0 -59
- data/lib/compass/sass_extensions/functions/font_files.rb +0 -41
- data/lib/compass/sass_extensions/functions/gradient_support.rb +0 -611
- data/lib/compass/sass_extensions/functions/image_size.rb +0 -114
- data/lib/compass/sass_extensions/functions/inline_image.rb +0 -64
- data/lib/compass/sass_extensions/functions/lists.rb +0 -101
- data/lib/compass/sass_extensions/functions/math.rb +0 -93
- data/lib/compass/sass_extensions/functions/selectors.rb +0 -64
- data/lib/compass/sass_extensions/functions/urls.rb +0 -297
- data/lib/compass/sass_extensions/monkey_patches.rb +0 -3
- data/lib/compass/sass_extensions/monkey_patches/browser_support.rb +0 -124
- 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,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
|
-
}
|