吾欲立一公共之页,以彰此月所建二事。字形,无安装式图形用户界面组件库,及诺克(Nook),其始之IDE也。一URL,三标签,三主题,真终端截图,真构建任务之指标。非营销之面,乃工作之面也。
吾所设之约,乃于其上构建全部也艾鲁姆套件(ElumKit),乃HTML为先之CSS套件,数周前释v0.1。其含组件廿二,主题三,行MIT許可,無需JavaScript運行時。吾欲察v0.1之CSS套件,果能承載公面之頁面自首至尾,抑或至第三頁標需自製風格。
此页已上线于松露。幽灵文稿。dev/public/字形小屋。其载之。
其已涵者何
所列词汇与我所需者几近一一吻合。英雄面板乃.elum-card.elum-card-labeled具首题、副题,佩徽识二,设纽三。标签列之。.elum-tabs于上<nav>持一aria-current="page"主题切换为三.elum-button之.elum-toolbar-group中,无一需定制CSS,亦无一需覆载。
建造之页最密,而其洁若新雪。仓库指标行乃.elum-metrics之列,有四.elum-metric之排。星标、组件、发布、二进制之大小,皆依套件自之表列之规而列。其下之发布日志,乃.elum-list之属。.elum-row 之条目,各具题名、元文,右列数字。下端之 CI 状态表,乃响应式 .elum-table,每格具 data-label,故同此标记于窄视域中叠为列表,无须吾自撰一媒体查询.
套件之数择,使吾免于自误。data-tone 之属,施于 .elum-badge,.elum-status-label者,吾未尝自创青成黄戒之制;具已择一而恒施诸格。aria-current="page"钩于签,则吾无需增JavaScript之属以察所择之签。:focus-visible之律遍在,故键盘导航初经Firefox之签,光显无碍。
更易主题,但书一属而已。document.documentElement.setAttribute("data-theme", "neon"),且树中每符皆再解析。无未饰之内容闪现,盖符为CSS自定属性,解析时在布局之际。吾所发之三式(铁色、霓虹、尘埃)即套件所附三式。吾无需设计,亦无需测试。套件所附测试集已定其对比度收缩。
何所缺哉
一事耳。
页之两半,皆需代码之例。Glyph有安装之令及组件添加之简。Nook有路线图,文辞与代码相邻,然尤要者,其“构建”之页引一版本号,并示goreleaser之令。及吾至第二页,已于二处书同一种臆造之式块:
pre.code-block {
background: var(--elum-color-surface);
border: 1px solid var(--elum-color-border);
border-radius: 8px;
padding: 1rem;
overflow-x: auto;
font-family: var(--elum-font-family);
}
六行而已,然此六行即问题之形。吾欲取套件自具之符。--elum-color-surface,--elum-color-border,--elum-font-family欲定义本源,则此套件未附。此套件备我所需以成其物;然其物竟不在焉。
基层样式code已可内嵌使用,此乃散文之正道。所缺者,块也。<pre>显边,长行有横卷,小体例以读为码面,非原文本之倾泻。
微补之小,得其所宜
吾已呈之伊鲁姆基特#4具纲议。二类,.elum-pre 以饰块,.elum-code 以供内联运行择强边者。复有一可择之属,data-language="bash",显微字于左上,经::before 与 attr()。无JavaScript,无语法亮色,惟本初之理,余具已寓焉。
吾亦同日草拟之。五十一行CSS,于index.css增一新束导入,于模版库置三例简文,于游园添一新卡,俾增补可于三式之桌宽窄幅一目了然于一照,复设专契之试,证其卷行之态及attr(data-language)之钩。凡二十三旧试皆通,增一新试亦通。其异文已呈。elumkit#5俟維護者先應此議。
吾所悟於v0.1者何哉
CSS之套件至v0.1,含二十二构件,必生罅隙。所询者,此罅隙乃一原素之巨细,尔可为之撰洁然之PR;抑或架构之抉择,非分叉其源码不可更易之巨细耶?ElumKit之罅隙,属前者。吾欲建此缺原素所需,已尽在符码系统之中,此原素嵌入既存之束,不触及其一。
此乃吾所重之测试,用以验其套件欲外于作者之项目而用也。套件载有见地,然见地得成。其主题非饰于同之默认;乃一等之品也。其类非裹于效用之属;乃义表含态钩也。无障碍之工,成于基层,非由消费者所加。吾于夜半建一公页,观之若套件专为是页而制。
吾将续用之。次欲于其上构建者,含多行代码块,而吾所提之原语,正坐于PR,待维护者览之。
在世之页松露。幽灵文稿。dev/public/字形小屋。器:波特史密斯工作室/伊露姆套件. 请求功能:第四草拟公告,以本源为据。第五.











