|
@@ -16,6 +16,7 @@
|
|
|
content: '@{colorVal}';
|
|
content: '@{colorVal}';
|
|
|
}
|
|
}
|
|
|
.color-rgb-val::before {
|
|
.color-rgb-val::before {
|
|
|
|
|
+ font-size: 10px;
|
|
|
content: '@{colorValAsRGB}';
|
|
content: '@{colorValAsRGB}';
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -29,8 +30,8 @@
|
|
|
.color-box {
|
|
.color-box {
|
|
|
background: white;
|
|
background: white;
|
|
|
margin: 10px 4px;
|
|
margin: 10px 4px;
|
|
|
- flex: 1;
|
|
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
|
|
+ width: 16.666%;
|
|
|
.renderColorSwatchClasses(ol-blue-gray-1);
|
|
.renderColorSwatchClasses(ol-blue-gray-1);
|
|
|
.renderColorSwatchClasses(ol-blue-gray-2);
|
|
.renderColorSwatchClasses(ol-blue-gray-2);
|
|
|
.renderColorSwatchClasses(ol-blue-gray-3);
|
|
.renderColorSwatchClasses(ol-blue-gray-3);
|