fix:首页顶部卡片共享背景布局
This commit is contained in:
@@ -26,6 +26,9 @@ test('icon card renderers keep vertical and horizontal Zibll DOM contracts separ
|
||||
|
||||
test('homepage horizontal cards only use Zibll surface and responsive padding rules', () => {
|
||||
const css = read('assets/css/frontend/header-components/dark-theme.css');
|
||||
const headerCss = read('assets/css/frontend/header-components.css');
|
||||
const mobileCss = read('assets/css/frontend/header-components/search-keywords-row.css');
|
||||
const header = read('inc/helpers/homepage/header-components.php');
|
||||
const widgetCss = read('assets/widgets/frontend.css');
|
||||
|
||||
assert.match(css, /\.header-slider-card \.icon-cover-card\.zib-widget \{\s*padding: 10px;/);
|
||||
@@ -33,4 +36,7 @@ test('homepage horizontal cards only use Zibll surface and responsive padding ru
|
||||
assert.doesNotMatch(css, /\.header-slider-card \.icon-cover-icon\.badg\.cir/);
|
||||
assert.doesNotMatch(css, /\.header-slider-card \.icon-cover-icon img/);
|
||||
assert.doesNotMatch(widgetCss, /aksrt-widget-icon-cards \.icon-cover-card/);
|
||||
assert.match(header, /aksrt-icon-cover-card-grid/);
|
||||
assert.match(headerCss, /\.header-slider-card \.aksrt-icon-cover-card-grid \{[\s\S]*?grid-template-columns: repeat\(var\(--aksrt-icon-card-cols, 1\), minmax\(0, 1fr\)\);[\s\S]*?gap: 15px;/);
|
||||
assert.match(mobileCss, /\.header-slider-card \.aksrt-icon-cover-card-grid \{[\s\S]*?grid-template-columns: repeat\(2, minmax\(0, 1fr\)\);[\s\S]*?gap: 10px;/);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user