css - 在 Squarespace 中访问 tweek.less 值

Question

我正在为客户修改原生模板。我将 tweek.less 'Tweek' 设置如下:

 // tweak: { "category" : "Sidebar", "type" : "checkbox", "title" : "Vertical Line", "value" : "false", "target" : "aside#sidebar", "property" : "border-left", "id" : "left-border" }
 @verticalLine: 1px solid #B4C9DE;

当客户端如下更改 CMS 中的检查值时，我正尝试定位一个属性:

 #left-border:not(:checked) * aside#sidebar  { border-left: none; }

是否有关于如何访问该值的文档？并将其与我想要更改的元素/样式相关联？我是否正确设置了选择器以便放在一边#sidebar？

Answer 1

访问 Tweak 值的最佳方式是通过 JavaScript 获取它。每个 Tweak 值都可以通过 getTweakValue() 方法检索。使用它就像存储值和编写 JavaScript 函数来处理您的需求的执行一样简单:

var tweakValue = Y.Squarespace.Template.getTweakValue('verticalLine');