Update prefixer settings and required gitlab runner tags See merge request pleroma/pleroma-fe!1942develop
HJ
11 hours ago
commit
23f8c08809
@ -0,0 +1,7 @@
|
||||
>0.2%
|
||||
not op_mini all
|
||||
Safari > 15
|
||||
Firefox >= 115
|
||||
Firefox ESR
|
||||
Android > 4
|
||||
not dead
|
||||
@ -0,0 +1,9 @@
|
||||
Updated our build system to support browsers:
|
||||
Safari >= 15
|
||||
Firefox >= 115
|
||||
Android > 4
|
||||
no Opera Mini support
|
||||
no IE support
|
||||
no "dead" (unmaintained) browsers support
|
||||
|
||||
This does not guarantee that browsers will or will not work.
|
||||
@ -0,0 +1,62 @@
|
||||
import { unroll } from './iss_utils'
|
||||
|
||||
const getCanonicState = (state) => {
|
||||
if (state) {
|
||||
return ['normal', ...state.filter(x => x !== 'normal')]
|
||||
} else {
|
||||
return ['normal']
|
||||
}
|
||||
}
|
||||
|
||||
const getCanonicRuleHeader = ({
|
||||
component,
|
||||
variant = 'normal',
|
||||
parent,
|
||||
state
|
||||
}) => ({
|
||||
component,
|
||||
variant,
|
||||
parent,
|
||||
state: getCanonicState(state)
|
||||
})
|
||||
|
||||
const prepareRule = (rule) => {
|
||||
const { parent } = rule
|
||||
const chain = [...unroll(parent), rule].map(getCanonicRuleHeader)
|
||||
const header = chain.map(({ component, variant, state }) => [
|
||||
component,
|
||||
variant === 'normal' ? '' : ('.' + variant),
|
||||
state.filter(s => s !== 'normal').map(s => ':' + s).join('')
|
||||
].join('')).join(' ')
|
||||
|
||||
console.log(header, rule.directives)
|
||||
const content = Object.entries(rule.directives).map(([key, value]) => {
|
||||
let realValue = value
|
||||
|
||||
switch (key) {
|
||||
case 'shadow':
|
||||
realValue = realValue.map(v => `${v.inset ? 'inset ' : ''}${v.x} ${v.y} ${v.blur} ${v.spread} ${v.color} / ${v.alpha}`)
|
||||
}
|
||||
|
||||
if (Array.isArray(realValue)) {
|
||||
realValue = realValue.join(', ')
|
||||
}
|
||||
|
||||
return ` ${key}: ${realValue};`
|
||||
}).sort().join('\n')
|
||||
|
||||
return [
|
||||
header,
|
||||
content
|
||||
]
|
||||
}
|
||||
|
||||
export const serialize = (ruleset) => {
|
||||
// Scrapped idea: automatically combine same-set directives
|
||||
// problem: might violate the order rules
|
||||
|
||||
return ruleset.filter(r => Object.keys(r.directives).length > 0).map(r => {
|
||||
const [header, content] = prepareRule(r)
|
||||
return `${header} {\n${content}\n}\n\n`
|
||||
})
|
||||
}
|
||||
Loading…
Reference in new issue