中央厨房 版式

// 中央厨房 版式

评分: 0+x
评分: 0+x

主题颜色

肯德基红--KRed(228, 0, 43)
麦当劳黄--McYellow(255, 188, 13)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}
{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}
{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}
{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

元素示例

logo.svg

一张什么图,看不清也没关系,因为这个东西的作用是给你预览图片块

可通过⑨个连字符“---------”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。


标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

此为分页(tab view)。

这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字


一条分割线

嵌套引用块

这是 桌子
你应该知道 餐厅里
这玩意有用

特色汉堡 div

[[div class="blockquote burger" data-title="示例标题"]]

加入data-title属性即可添加标题;不加此属性则无标题元素,下同。

[[div class="blockquote burger" data-title="示例标题2"]]

同一个元素,注意标题样式和汉堡都不一样!

[[div class="blockquote burger" data-title="示例标题3"]]

一共有两种循环的标题样式和breadddddbreaddddd绘制的整整三十种不同汉堡!

[[div class="blockquote burger" data-title="示例标题4"]]

如果你需要精确控制汉堡种类的话,下面有……

[[div class="blockquote burger" data-title="示例标题5"]]

以及,如果你需要精确控制div颜色的话,还有……

其他特色元素

[[div class="full-width-container"]]

此元素会使放置在其中的任何[[div]]变成全宽,慎用。此元素本身没有样式,此处黑色背景仅用于展示全宽的效果。

修改配色

可以使用简单的CSS修改配色,此处放上示例。

/* 德克士 */
 
:root {
    --McYellow: 55, 175, 45;
    --KRed: 145, 235, 90;
 
    --element-main-accent-color: var(--McYellow);
    --element-side-accent-color: var(--KRed);
}
CC BY-SA 114514.810