a1951c3aeb
功能: - 网站收藏管理（添加/编辑/删除/收藏） - 分类管理（支持自定义图标和颜色） - 搜索功能 - 点击统计 - 现代暗色主题 UI 技术栈: - 后端: Python Flask + MySQL - 前端: React + Vite + Tailwind CSS - 数据库: MySQL (192.168.8.160) - 端口: 后端 5003, 前端 5173
64 lines
1.3 KiB
JavaScript
64 lines
1.3 KiB
JavaScript
let Declaration = require('../declaration')
|
||
|
||
class BreakProps extends Declaration {
|
||
/**
|
||
* Don’t prefix some values
|
||
*/
|
||
insert(decl, prefix, prefixes) {
|
||
if (decl.prop !== 'break-inside') {
|
||
return super.insert(decl, prefix, prefixes)
|
||
}
|
||
if (/region/i.test(decl.value) || /page/i.test(decl.value)) {
|
||
return undefined
|
||
}
|
||
return super.insert(decl, prefix, prefixes)
|
||
}
|
||
|
||
/**
|
||
* Return property name by final spec
|
||
*/
|
||
normalize(prop) {
|
||
if (prop.includes('inside')) {
|
||
return 'break-inside'
|
||
}
|
||
if (prop.includes('before')) {
|
||
return 'break-before'
|
||
}
|
||
return 'break-after'
|
||
}
|
||
|
||
/**
|
||
* Change name for -webkit- and -moz- prefix
|
||
*/
|
||
prefixed(prop, prefix) {
|
||
return `${prefix}column-${prop}`
|
||
}
|
||
|
||
/**
|
||
* Change prefixed value for avoid-column and avoid-page
|
||
*/
|
||
set(decl, prefix) {
|
||
if (
|
||
(decl.prop === 'break-inside' && decl.value === 'avoid-column') ||
|
||
decl.value === 'avoid-page'
|
||
) {
|
||
decl.value = 'avoid'
|
||
}
|
||
return super.set(decl, prefix)
|
||
}
|
||
}
|
||
|
||
BreakProps.names = [
|
||
'break-inside',
|
||
'page-break-inside',
|
||
'column-break-inside',
|
||
'break-before',
|
||
'page-break-before',
|
||
'column-break-before',
|
||
'break-after',
|
||
'page-break-after',
|
||
'column-break-after'
|
||
]
|
||
|
||
module.exports = BreakProps
|