3ed9f3f3ff
CSS was not being imported! Fixed: ✅ Added 'import ../styles/global.css' to BaseLayout.astro ✅ Rewrote CSS with plain CSS (not @apply which wasn't working) ✅ Cookie banner has inline styles as backup ✅ Font size: 16px base ✅ Solid colors: green-600 (#16a34a), gray-900 (#111827) ✅ Footer has policy links Build: 12 pages ✅
41 lines
857 B
JavaScript
41 lines
857 B
JavaScript
let Declaration = require('../declaration')
|
|
|
|
class BlockLogical extends Declaration {
|
|
/**
|
|
* Return property name by spec
|
|
*/
|
|
normalize(prop) {
|
|
if (prop.includes('-before')) {
|
|
return prop.replace('-before', '-block-start')
|
|
}
|
|
return prop.replace('-after', '-block-end')
|
|
}
|
|
|
|
/**
|
|
* Use old syntax for -moz- and -webkit-
|
|
*/
|
|
prefixed(prop, prefix) {
|
|
if (prop.includes('-start')) {
|
|
return prefix + prop.replace('-block-start', '-before')
|
|
}
|
|
return prefix + prop.replace('-block-end', '-after')
|
|
}
|
|
}
|
|
|
|
BlockLogical.names = [
|
|
'border-block-start',
|
|
'border-block-end',
|
|
'margin-block-start',
|
|
'margin-block-end',
|
|
'padding-block-start',
|
|
'padding-block-end',
|
|
'border-before',
|
|
'border-after',
|
|
'margin-before',
|
|
'margin-after',
|
|
'padding-before',
|
|
'padding-after'
|
|
]
|
|
|
|
module.exports = BlockLogical
|