{test: /\.(pug|jade)$/, loader: 'pug-loader'},
{test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$/, loader: "file-loader"}
a(href="http://www.zipir.ru"): img(src=require('../../assets/img/engme_ru_logo.png'))
@Component({
selector: 'app-home',
template: require('./home.component.pug')(),
})
jimport( 'joomla.application.module.helper' ); // подключаем нужный класс, один раз на странице, перед первым выводом
$module = JModuleHelper::getModule('mod_module'); // получаем объект модуля, mod_module - имя модуля в папке modules
$param = json_decode($module->params); // декодирует JSON с параметрами модуля
echo '<pre>';
print_r($param); // смотрим все параметры
echo '</pre>';
.slick-slide {
display: flex; flex-flow: column wrap;
justify-content: space-between;
}
.slick-slide > div:nth-of-type(1) {
flex: 1 0 100%;
}
.slick-slide > div + div {
flex: 0 1 50%;
}
.btn:focus, .btn:active {
box-shadow: none !important;
}
<button @click="isShow = !isShow">Open Modal</ button>
<Modal v-if="isShow" @closeModal="isShow = !isShow"/>
...
<button @click="$emit('closeModal')">Close Modal</button>
...
$emit('closeModal', {
data: 'value',
data2: 'value2'
})
input[type="radio"]:checked + label {
background: #FF0000;
box-shadow: 60px 30px 0 0 blue, 60px -30px 0 0 blue;
position: relative;
z-index: 1;
}
label {
transition: ease box-shadow .3s;
}