use custom elements instead of adding css classes for selectors

This commit is contained in:
Danny Coates 2019-01-10 16:22:40 -08:00
parent 742b97cb4b
commit f402011c82
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
9 changed files with 38 additions and 34 deletions

View file

@ -3,7 +3,7 @@ const assets = require('../../common/assets');
module.exports = function intro(state) {
return html`
<article class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 md:mb-0 mb-6 h-full">
<send-intro class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 md:mb-0 mb-6 h-full">
<div class="flex flex-col items-center justify-between h-full py-8">
<p class="text-center">
<div class="font-semibold leading-normal">${state.translate(
@ -18,5 +18,5 @@ module.exports = function intro(state) {
'uploadPageExplainer'
)}</p>
</div>
</article>`;
</send-intro>`;
};