Quiz styles in Magento 2

What is the correct way to define a mixin in LESS?

• .my-mixin(@arguments) {

  ...

  }

• @my-mixin($arguments) {

  ...

  }

• =my-mixin(@arguments) {

  ...

  }

• @mixin my-mixin($arguments) {

  ...

  }

What does the special variable @arguments do in a LESS mixin?

• Takes the arguments that were passed into the mixin an renders them in that order

• Contains default arguments that are passed into the mixin an renders them in that order.

• Defines additional arguments to be used in the mixin.

• Contains default arguments that are passed to all mixins by the framework

Which of the main css files included in the default_head_blocks.xml file in a Magento theme? Select all that apply.

• styles-m.css

• styles-l.css

• print.css

• screen.css

Where should overrides of existing LESS variables be added?

• <theme_dir>/web/css/source/_layout.less

• <theme_dir>/web/css/source/_variables.less

• <theme_dir>/web/css/source/lib/_variables.less

• <theme_dir>/web/css/source/_theme.less

What command would you use to create symlinks to LESS files for the Magento/luma theme in the fr_FR locale?

• bin/magento setup:static-content:deploy -f

• bin/magento setup:static-content:deploy --area frontend --theme Magento/luma

• bin/magento dev:source-theme:deploy --theme Magento/luma

• bin/magento dev:source-theme:deploy --locale fr_FR --theme Magento/luma

What is the main difference between client-side and server-side compilation in Magento 2?

• Client-side compilation is faster than server-side compilation

• Server-side compilation is faster than client-side compilation

• Client-side compilation is performed in the browser, while server-side compilation is performed on the server

• Server-side compilation is performed in the browser, while client-side compilation is performed on the server

How would you create an override for the core Magento UI library dropdowns in your theme?

• theme_dir>/web/css/source/_dropdowns.less

• <theme_dir>/Magento_Ui/web/css/source/lib/_dropdowns.less

• <theme_dir>/lib/web/css/source/_dropdowns.less

• <theme_dir>/web/css/source/lib/_dropdowns.less

What command do you need to run when you create a new LESS file?

• bin/magento setup:perf:generate-fixtures

• bin/magento setup:static-content:deploy

• bin/magento dev:source-theme:deploy

• bin/magento setup:di:compile

Where are the CSS merging and minification options found?

• In the Admin panel, in Stores > Configuration > Advanced > Developer > CSS Settings

• In app/env.php

• In dev/tools/grunt/configs/themes.js

• In app/config.php

How are the Magento UI Library mixins imported in a LESS file?

• @import '../../css/source/lib/[name_of_module]';

• @import 'lib/[name_of_module]'

• @import (reference) '../../css/source/lib/lib';

• @magento_import 'lib/[name_of_module]'