space, → | next slide |
← | previous slide |
d | debug mode |
## <ret> | go to slide # |
c | table of contents (vi) |
f | toggle footer |
r | reload slides |
z | toggle help (this) |
{% stylesheets output="assets/style.css" 'path/to/Resources/css/yahoo-reset.css' 'path/to/Resources/css/main.css' 'path/to/Resources/css/misc.css' %} <link href="{{ asset_url }}" media="screen" type="text/css" rel="stylesheet" /> {% endstylesheets %}
<link rel="stylesheet" type="text/css" media="screen" href="/assets/style.css?1">
<link rel="stylesheet" type="text/css" media="screen" href="/main_dev.php/assets/ style_yahoo-reset_1.css"> <link rel="stylesheet" type="text/css" media="screen" href="/main_dev.php/assets/ style_main_2.css"> ...
assetic: debug: %kernel.debug% use_controller: false read_from: %kernel.root_dir%/../web write_to: %kernel.root_dir%/../web filters: lessphp: apply_to: "\.less$" file: %kernel.root_dir%/../ vendor/lessphp/lessc.inc.php
framework.templating.assets_version: 1
app/console assetic:dump --watch
assetic.filters: yui_css: jar: "%kernel.root_dir%/Resources/java/ yuicompressor-2.4.6.jar" apply_to: "\.css$" yui_js: jar: "%kernel.root_dir%/Resources/java/ yuicompressor-2.4.6.jar" apply_to: "\.js$"
assetic.filters: yui_css: jar: "%kernel.root_dir%/Resources/java/ yuicompressor-2.4.6.jar" apply_to: yui_js: jar: "%kernel.root_dir%/Resources/java/ yuicompressor-2.4.6.jar" apply_to:
.header { background: red; a { color: green; :hover { color: blue; } } }
@some_mixin(@width: 200px;@radius) { border-radius: @radius; width: @width } .first { @some_mixin(300px; 2em); } .second { @some_mixin(;4px); // blank argument takes default value }
{% stylesheets output="assets/style.css" 'path/to/Resources/css/yahoo-reset.css' 'path/to/Resources/less/main.less' 'path/to/Resources/less/misc.less' %} <link href="{{ asset_url }}" media="screen" type="text/css" rel="stylesheet" /> {% endstylesheets %}
assetic: filters: ... assets: myjs: inputs: js/this.js, js/that.js filters: yui_js
And in your template...
{% javascripts output="page.js" "@myjs" "js/other.js" %} ... {% endjavascripts %}