搜索器
该扩展名构建用于在WebFlow.com上使用。它提供了快速工作速度在WebFlow中工作的快捷方式。 https://www.fri3nds.com/慷慨开发的扩展的V1
•快速班级命名
按“选择器”字段中的右箭头键返回具有组件类的最近父母的类名(包含下划线的类)。
•样式基类
按SHIFT键和向上箭头键选择基类。按Shift键和向下箭头键返回所有类。
•PX到REM
在任何样式面板字段中键入A号,然后按太空栏。该数字将除以16,REM单元将连接到末端。
•PX至%
将任何元素的宽度除以其父母的宽度,以获得百分比宽度。示例:将562/1440键入任何样式面板字段,然后按太空栏。 562将除以1440。结果将乘以100,并且将附加到末端。
•在var()中自动包装任何 - variable-name,calc()中的任何数学
示例:在任何自定义属性值字段中键入 - grid-gap / 2,然后按“选项卡键”。它将转换为calc(var( - 网格差距) / 2)
•在透明度中自动包装color-mix()中的任何一个 - variable-name
示例:类型 - theme-- text%60在任何自定义属性值字段中,然后按TAB键。它将转换为color-mix(在srgb,var( - 主题 - 文本)60%,透明)中。
•组件字段上的自动数据属性按钮
添加一个包含“ page_code_wrap”类的DIV内包含数据属性的嵌入。将这些属性应用于任何元素,并将其值链接到组件字段。组件字段名称应包括属性名称。按钮将自动为嵌入中的每个属性值创建。
在https://lumos.timothyricks.com/上了解Lumos框架