sideleft: new tool: conversions

.config/ags/scss/_lib_mixins.scss

@@ -14,6 +14,11 @@ $rounding_large: 1.705rem;
     border-radius: $rounding_unsharpen;
 }
 
+@mixin verysmall-rounding {
+    border-radius: $rounding_verysmall;
+    -gtk-outline-radius: $rounding_verysmall;
+}
+
 @mixin small-rounding {
     border-radius: $rounding_small;
     -gtk-outline-radius: $rounding_small;

.config/ags/scss/_sidebars.scss

@@ -510,6 +510,31 @@ $colorpicker_rounding: 0.341rem;
     padding: 0.341rem;
 }
 
+.sidebar-module-csscalc-valuebox {
+    @include small-rounding;
+    padding: 0.341rem;
+    background-color: $layer2;
+    color: $onLayer2;
+}
+
+.sidebar-module-csscalc-valuebox-copybtn {
+    @include verysmall-rounding;
+    @include element_decel;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+    background-color: $layer2;
+    color: $onLayer2;
+
+    &:hover,
+    &:focus {
+        background-color: $layer2Hover;
+    }
+
+    &:active {
+        background-color: $layer2Active;
+    }
+}
+
 .sidebar-icontabswitcher {
     @include full-rounding;
     @include group-padding;