diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables index 71ccb673c..b41eb002b 100644 --- a/src/themes/default/collections/menu.variables +++ b/src/themes/default/collections/menu.variables @@ -321,7 +321,7 @@ @tabularVerticalBackground: none @tabularBackgroundColor; @tabularFluidOffset: 1px; -@tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")"; +@tabularFluidWidth: calc(100% + (@tabularFluidOffset * 2)); @tabularActiveBackground: none @white; @tabularActiveColor: @selectedTextColor; @@ -430,7 +430,7 @@ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")"; +@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index adb163570..420986da3 100644 --- a/src/themes/default/collections/table.variables +++ b/src/themes/default/collections/table.variables @@ -152,7 +152,7 @@ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")"; +@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 67296430d..91868a332 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -130,18 +130,18 @@ @ribbonShadowColor: rgba(0, 0, 0, 0.15); @ribbonMargin: 1rem; -@ribbonOffset: ~"calc("-@ribbonMargin~" - "@ribbonTriangleSize~")"; -@ribbonDistance: ~"calc("@ribbonMargin~" + "@ribbonTriangleSize~")"; -@rightRibbonOffset: ~"calc(100% + "@ribbonMargin~" + "@ribbonTriangleSize~")"; +@ribbonOffset: calc(-@ribbonMargin - @ribbonTriangleSize); +@ribbonDistance: calc(@ribbonMargin + @ribbonTriangleSize); +@rightRibbonOffset: calc(100% + @ribbonMargin + @ribbonTriangleSize); @ribbonImageTopDistance: 1rem; @ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */ -@ribbonImageOffset: ~"calc("-@ribbonImageMargin~" - "@ribbonTriangleSize~")"; -@rightRibbonImageOffset: ~"calc(100% + "@ribbonImageMargin~" + "@ribbonTriangleSize~")"; +@ribbonImageOffset: calc(-@ribbonImageMargin - @ribbonTriangleSize); +@rightRibbonImageOffset: calc(100% + @ribbonImageMargin + @ribbonTriangleSize); @ribbonTableMargin: @relativeMini; /* Rounding Offset on Triangle */ -@ribbonTableOffset: ~"calc("-@ribbonTableMargin~" - "@ribbonTriangleSize~")"; -@rightRibbonTableOffset: ~"calc(100% + "@ribbonTableMargin~" + "@ribbonTriangleSize~")"; +@ribbonTableOffset: calc(-@ribbonTableMargin - @ribbonTriangleSize); +@rightRibbonTableOffset: calc(100% + @ribbonTableMargin + @ribbonTriangleSize); /* Colors */ diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables index 6ae2a2a45..9b2c4d4ce 100644 --- a/src/themes/default/elements/segment.variables +++ b/src/themes/default/elements/segment.variables @@ -103,7 +103,7 @@ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")"; +@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/elements/step.variables b/src/themes/default/elements/step.variables index f54213c88..332472d01 100644 --- a/src/themes/default/elements/step.variables +++ b/src/themes/default/elements/step.variables @@ -95,7 +95,7 @@ @attachedHorizontalOffset: -@borderWidth; @attachedVerticalOffset: 0; -@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")"; +@attachedWidth: calc(100% + (-@attachedHorizontalOffset * 2)); @orderedFontFamily: inherit; @orderedFontWeight: @bold;