diff --git a/.gitignore b/.gitignore index 59d842b..57e0523 100644 --- a/.gitignore +++ b/.gitignore @@ -26,3 +26,4 @@ node_modules # Users Environment Variables .lock-wscript +.vscode \ No newline at end of file diff --git a/definitions/collections/grid.less b/definitions/collections/grid.less index 05c0a2b..e64378f 100644 --- a/definitions/collections/grid.less +++ b/definitions/collections/grid.less @@ -34,18 +34,18 @@ -----------------------*/ .ui.grid { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - margin-left: -(@gutterWidth / 2); - margin-right: -(@gutterWidth / 2); + margin-top: (@rowSpacing / -2); + margin-bottom: (@rowSpacing / -2); + margin-left: (@gutterWidth / -2); + margin-right: (@gutterWidth / -2); } .ui.relaxed.grid { - margin-left: -(@relaxedGutterWidth / 2); - margin-right: -(@relaxedGutterWidth / 2); + margin-left: (@relaxedGutterWidth / -2); + margin-right: (@relaxedGutterWidth / -2); } .ui[class*="very relaxed"].grid { - margin-left: -(@veryRelaxedGutterWidth / 2); - margin-right: -(@veryRelaxedGutterWidth / 2); + margin-left: (@veryRelaxedGutterWidth / -2); + margin-right: (@veryRelaxedGutterWidth / -2); } @@ -1291,8 +1291,8 @@ .ui.grid > .row > .brown.column, .ui.grid > .row > .grey.column, .ui.grid > .row > .black.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); + margin-top: (@rowSpacing / -2); + margin-bottom: (@rowSpacing / -2); padding-top: (@rowSpacing / 2); padding-bottom: (@rowSpacing / 2); } @@ -1749,8 +1749,8 @@ /* Don't pad inside segment or nested grid */ .ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid { - margin-left: -(@stackableGutter / 2) !important; - margin-right: -(@stackableGutter / 2) !important; + margin-left: (@stackableGutter / -2) !important; + margin-right: (@stackableGutter / -2) !important; } /* Divided Stackable */ diff --git a/definitions/collections/menu.less b/definitions/collections/menu.less index 5e48306..6c79ac5 100644 --- a/definitions/collections/menu.less +++ b/definitions/collections/menu.less @@ -630,7 +630,7 @@ Floated Menu / Item border-top-width: @tabularBorderWidth; border-color: @tabularBorderColor; font-weight: @tabularActiveWeight; - margin-bottom: -@tabularBorderWidth; + margin-bottom: (-1 * @tabularBorderWidth); box-shadow: @tabularActiveBoxShadow; border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px !important; } @@ -647,7 +647,7 @@ Floated Menu / Item .top.attached.segment + .ui.bottom.tabular.menu { position: relative; width: @tabularFluidWidth; - left: -@tabularFluidOffset; + left: (-1 * @tabularFluidOffset); } /* Bottom Vertical Tabular */ @@ -669,7 +669,7 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: -@tabularBorderWidth 0px 0px 0px; + margin: (-1 * @tabularBorderWidth) 0px 0px 0px; border-radius: 0px 0px @tabularBorderRadius @tabularBorderRadius !important; } @@ -692,7 +692,7 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: 0px -@tabularBorderWidth 0px 0px; + margin: 0px (-1 * @tabularBorderWidth) 0px 0px; border-radius: @tabularBorderRadius 0px 0px @tabularBorderRadius !important; } @@ -716,7 +716,7 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: 0px 0px 0px -@tabularBorderWidth; + margin: 0px 0px 0px (-1 * @tabularBorderWidth); border-radius: 0px @tabularBorderRadius @tabularBorderRadius 0px !important; } @@ -773,8 +773,8 @@ Floated Menu / Item .ui.secondary.menu { background: @secondaryBackground; - margin-left: -@secondaryItemSpacing; - margin-right: -@secondaryItemSpacing; + margin-left: (-1 * @secondaryItemSpacing); + margin-right: (-1 * @secondaryItemSpacing); border-radius: 0em; border: none; box-shadow: none; @@ -910,7 +910,7 @@ Floated Menu / Item border-radius: 0em; align-self: flex-end; - margin: 0em 0em -@secondaryPointingBorderWidth; + margin: 0em 0em (-1 * @secondaryPointingBorderWidth); padding: @secondaryPointingItemVerticalPadding @secondaryPointingItemHorizontalPadding; border-bottom-width: @secondaryPointingBorderWidth; transition: @secondaryItemTransition; @@ -1802,7 +1802,7 @@ Floated Menu / Item left: auto; transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0em -(@arrowBorderWidth / 2) 0em 0em; + margin: 0em (@arrowBorderWidth / -2) 0em 0em; border: none; border-top: @arrowBorder; diff --git a/definitions/collections/message.less b/definitions/collections/message.less index 8712679..2fcb966 100644 --- a/definitions/collections/message.less +++ b/definitions/collections/message.less @@ -138,7 +138,7 @@ *******************************/ .ui.dropdown .menu > .message { - margin: 0px -@borderWidth; + margin: 0px (-1 * @borderWidth); } /******************************* diff --git a/definitions/collections/table.less b/definitions/collections/table.less index 240e830..f5a02bc 100644 --- a/definitions/collections/table.less +++ b/definitions/collections/table.less @@ -252,7 +252,7 @@ background: @definitionHeaderBackground; font-weight: @definitionHeaderFontWeight; color: @definitionHeaderColor; - box-shadow: -@borderWidth -@borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: (-1 * @borderWidth) (-1 * @borderWidth) 0px @borderWidth @definitionPageBackground; } .ui.definition.table tfoot:not(.full-width) th:first-child { @@ -265,7 +265,7 @@ /* Remove Border */ .ui.celled.definition.table thead:not(.full-width) th:first-child { - box-shadow: 0px -@borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: 0px (-1 * @borderWidth) 0px @borderWidth @definitionPageBackground; } .ui.celled.definition.table tfoot:not(.full-width) th:first-child { box-shadow: 0px @borderWidth 0px @borderWidth @definitionPageBackground; diff --git a/definitions/elements/button.less b/definitions/elements/button.less index ebe3d7d..8d55d43 100644 --- a/definitions/elements/button.less +++ b/definitions/elements/button.less @@ -255,7 +255,7 @@ top: 50%; left: auto; right: -100%; - margin-top: -(@lineHeight / 2); + margin-top: (@lineHeight / -2); } .ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content { @@ -1304,7 +1304,7 @@ color: @blackDown !important; } .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -1443,7 +1443,7 @@ color: @greyDown !important; } .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -1583,7 +1583,7 @@ color: @brownDown !important; } .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -1722,7 +1722,7 @@ color: @blueDown !important; } .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -1862,7 +1862,7 @@ color: @greenDown !important; } .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2001,7 +2001,7 @@ color: @orangeDown !important; } .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2140,7 +2140,7 @@ color: @pinkDown !important; } .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2280,7 +2280,7 @@ color: @violetDown !important; } .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2419,7 +2419,7 @@ color: @purpleDown !important; } .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2558,7 +2558,7 @@ color: @redDown !important; } .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2698,7 +2698,7 @@ color: @tealDown !important; } .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2838,7 +2838,7 @@ color: @oliveDown !important; } .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -2977,7 +2977,7 @@ color: @yellowDown !important; } .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -3121,7 +3121,7 @@ color: @primaryColorDown !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -3264,7 +3264,7 @@ color: @secondaryColorDown !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /* Inverted */ @@ -3407,7 +3407,7 @@ color: @positiveColorDown !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /*--------------- @@ -3482,7 +3482,7 @@ color: @negativeColorDown !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; + margin-left: (-1 * @basicColoredBorderSize); } /******************************* diff --git a/definitions/elements/image.less b/definitions/elements/image.less index 03db0f2..cd7fecd 100644 --- a/definitions/elements/image.less +++ b/definitions/elements/image.less @@ -315,7 +315,7 @@ img.ui.bordered.image { .ui.images { font-size: 0em; - margin: 0em -@imageHorizontalMargin 0rem; + margin: 0em (-1 * @imageHorizontalMargin) 0rem; } .ui.images .image, diff --git a/definitions/elements/label.less b/definitions/elements/label.less index 7869305..e5298b3 100644 --- a/definitions/elements/label.less +++ b/definitions/elements/label.less @@ -221,9 +221,9 @@ a.ui.label { position: absolute; content: ''; top: 50%; - left: -(@tagCircleSize / 2); + left: (@tagCircleSize / -2); - margin-top: -(@tagCircleSize / 2); + margin-top: (@tagCircleSize / -2); background-color: @tagCircleColor !important; width: @tagCircleSize; height: @tagCircleSize; @@ -301,7 +301,7 @@ a.ui.label { border-top-color: inherit; } .ui.left.corner.label .icon { - left: -@cornerIconLeftOffset; + left: (-1 * @cornerIconLeftOffset); } /* Segment */ @@ -345,7 +345,7 @@ a.ui.label { /* Positioning */ .ui.ribbon.label { left: @ribbonOffset; - margin-right: -@ribbonTriangleSize; + margin-right: (-1 * @ribbonTriangleSize); padding-left: @ribbonDistance; padding-right: @ribbonTriangleSize; } @@ -1192,7 +1192,7 @@ a.ui.basic.label:hover { .ui.basic[class*="pointing below"].label:before { bottom: auto; top: 100%; - margin-top: -@basicPointingTriangleOffset; + margin-top: (-1 * @basicPointingTriangleOffset); } /*--- Left ---*/ .ui.basic[class*="left pointing"].label:before { diff --git a/definitions/elements/list.less b/definitions/elements/list.less index eb747d3..11c5eb5 100644 --- a/definitions/elements/list.less +++ b/definitions/elements/list.less @@ -540,8 +540,8 @@ ol.ui.list ol li, } .ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item { - margin-left: -@selectionListItemHorizontalPadding; - margin-right: -@selectionListItemHorizontalPadding; + margin-left: (-1 * @selectionListItemHorizontalPadding); + margin-right: (-1 * @selectionListItemHorizontalPadding); } /*------------------- @@ -632,7 +632,7 @@ ol.ui.list li:before, left: auto; user-select: none; pointer-events: none; - margin-left: -(@orderedCountDistance); + margin-left: (-1 * @orderedCountDistance); counter-increment: @orderedCountName; content: @orderedCountContent; text-align: @orderedCountTextAlign; @@ -800,8 +800,8 @@ ol.ui.horizontal.list li:before, padding-left: (@bulletDistance); } .ui.celled.bulleted.list .item .list { - margin-left: -(@bulletDistance); - margin-right: -(@bulletDistance); + margin-left: (-1 * @bulletDistance); + margin-right: (-1 * @bulletDistance); padding-bottom: @itemVerticalPadding; } diff --git a/definitions/elements/placeholder.less b/definitions/elements/placeholder.less index e18c4ab..7f9c98d 100644 --- a/definitions/elements/placeholder.less +++ b/definitions/elements/placeholder.less @@ -33,7 +33,7 @@ @keyframes placeholderShimmer{ 0% { - background-position: -@placeholderLoadingGradientWidth 0 + background-position: (-1 * @placeholderLoadingGradientWidth) 0 } 100% { background-position: @placeholderLoadingGradientWidth 0 diff --git a/definitions/elements/reveal.less b/definitions/elements/reveal.less index 41b3764..090d24e 100644 --- a/definitions/elements/reveal.less +++ b/definitions/elements/reveal.less @@ -213,7 +213,7 @@ } .ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content { - transform: rotate(-@rotateDegrees); + transform: rotate(-1 * @rotateDegrees); } /******************************* diff --git a/definitions/elements/segment.less b/definitions/elements/segment.less index 34d5a42..0e6bd89 100644 --- a/definitions/elements/segment.less +++ b/definitions/elements/segment.less @@ -197,7 +197,7 @@ } .ui.piled.segments:before, .ui.piled.segment:before { - transform: rotate(-@piledDegrees); + transform: rotate(-1 * @piledDegrees); top: 0; z-index: -2; } @@ -237,7 +237,7 @@ .ui.stacked.segment:after { content: ''; position: absolute; - bottom: -(@stackedHeight / 2); + bottom: (@stackedHeight / -2); left: 0%; border-top: 1px solid @borderColor; diff --git a/definitions/modules/dropdown.less b/definitions/modules/dropdown.less index 721aa01..f75a96d 100644 --- a/definitions/modules/dropdown.less +++ b/definitions/modules/dropdown.less @@ -415,7 +415,7 @@ select.ui.dropdown { border-top-width: 0px !important; width: auto; outline: none; - margin: 0px -@menuBorderWidth; + margin: 0px (-1 * @menuBorderWidth); min-width: @menuMinWidth; width: @menuMinWidth; diff --git a/definitions/modules/popup.less b/definitions/modules/popup.less index 9a5b2a5..ea77a7d 100644 --- a/definitions/modules/popup.less +++ b/definitions/modules/popup.less @@ -134,7 +134,7 @@ left: 50%; background: @tooltipArrowBottomBackground; margin-left: @tooltipArrowHorizontalOffset; - margin-bottom: -@tooltipArrowVerticalOffset; + margin-bottom: (-1 * @tooltipArrowVerticalOffset); } [data-tooltip]:not([data-position]):after { left: 50%; @@ -252,7 +252,7 @@ left: 50%; background: @tooltipArrowTopBackground; margin-left: @tooltipArrowHorizontalOffset; - margin-bottom: -@tooltipArrowVerticalOffset; + margin-bottom: (-1 * @tooltipArrowVerticalOffset); } /* Top Left */ @@ -269,7 +269,7 @@ bottom: 100%; left: @arrowDistanceFromEdge; margin-left: @tooltipArrowHorizontalOffset; - margin-bottom: -@tooltipArrowVerticalOffset; + margin-bottom: (-1 * @tooltipArrowVerticalOffset); } /* Top Right */ @@ -286,7 +286,7 @@ bottom: 100%; right: @arrowDistanceFromEdge; margin-left: @tooltipArrowHorizontalOffset; - margin-bottom: -@tooltipArrowVerticalOffset; + margin-bottom: (-1 * @tooltipArrowVerticalOffset); } @@ -305,7 +305,7 @@ top: 100%; left: 50%; margin-left: @tooltipArrowHorizontalOffset; - margin-top: -@tooltipArrowVerticalOffset; + margin-top: (-1 * @tooltipArrowVerticalOffset); } /* Bottom Left */ @@ -320,7 +320,7 @@ top: 100%; left: @arrowDistanceFromEdge; margin-left: @tooltipArrowHorizontalOffset; - margin-top: -@tooltipArrowVerticalOffset; + margin-top: (-1 * @tooltipArrowVerticalOffset); } /* Bottom Right */ @@ -335,7 +335,7 @@ top: 100%; right: @arrowDistanceFromEdge; margin-left: @tooltipArrowVerticalOffset; - margin-top: -@tooltipArrowHorizontalOffset; + margin-top: (-1 * @tooltipArrowHorizontalOffset); } /* Left Center */ @@ -363,7 +363,7 @@ left: 100%; top: 50%; margin-top: @tooltipArrowHorizontalOffset; - margin-left: -@tooltipArrowVerticalOffset; + margin-left: (-1 * @tooltipArrowVerticalOffset); } /* Arrow */ diff --git a/definitions/modules/sidebar.less b/definitions/modules/sidebar.less index 489eff0..f851add 100644 --- a/definitions/modules/sidebar.less +++ b/definitions/modules/sidebar.less @@ -216,7 +216,7 @@ body.pushable > .pusher { } .ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher { - transform: translate3d(-@width, 0, 0); + transform: translate3d(-1 *@width, 0, 0); } .ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher { @@ -224,7 +224,7 @@ body.pushable > .pusher { } .ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher { - transform: translate3d(0, -@height, 0); + transform: translate3d(0, -1 * @height, 0); } /* opposite sides visible forces content overlay */ @@ -291,19 +291,19 @@ body.pushable > .pusher { /* Right Visible */ .ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher { - transform: translate3d(-@thinWidth, 0, 0); + transform: translate3d(-1 *@thinWidth, 0, 0); } .ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher { - transform: translate3d(-@veryThinWidth, 0, 0); + transform: translate3d(-1 * @veryThinWidth, 0, 0); } .ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher { - transform: translate3d(-@wideWidth, 0, 0); + transform: translate3d(-1 * @wideWidth, 0, 0); } .ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher { - transform: translate3d(-@veryWideWidth, 0, 0); + transform: translate3d(-1 * @veryWideWidth, 0, 0); } diff --git a/package.json b/package.json index b9869ea..20715c8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "semantic-ui-less", - "version": "2.4.1", + "version": "2.4.4", "title": "Semantic UI", "description": "LESS Only distribution of Semantic UI", "homepage": "http://www.semantic-ui.com", @@ -16,4 +16,4 @@ "dependencies": { "jquery": "x.*" } -} \ No newline at end of file +} diff --git a/themes/classic/elements/button.variables b/themes/classic/elements/button.variables index ded0bdb..c605eb3 100644 --- a/themes/classic/elements/button.variables +++ b/themes/classic/elements/button.variables @@ -9,7 +9,7 @@ /* Shadow */ @shadowDistance: 0em; @shadowOffset: (@shadowDistance / 2); -@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; +@shadowBoxShadow: 0px (-1 * @shadowDistance) 0px 0px @borderColor inset; @backgroundColor: #FAFAFA; @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)); @boxShadow: diff --git a/themes/classic/views/card.overrides b/themes/classic/views/card.overrides index 03a88d1..2421fcc 100644 --- a/themes/classic/views/card.overrides +++ b/themes/classic/views/card.overrides @@ -24,7 +24,7 @@ /* Item Group */ @horizontalSpacing: 0.5em; @rowSpacing: 2.5em; -@groupMargin: 1em -@horizontalSpacing; +@groupMargin: 1em (-1 * @horizontalSpacing); /*------------------- Content diff --git a/themes/default/collections/form.variables b/themes/default/collections/form.variables index 3644885..b2c66e5 100644 --- a/themes/default/collections/form.variables +++ b/themes/default/collections/form.variables @@ -17,7 +17,7 @@ @fieldMargin: 0em 0em @rowDistance; /* Fields */ -@fieldsMargin: 0em -(@gutterWidth / 2) @rowDistance; +@fieldsMargin: 0em (@gutterWidth / -2) @rowDistance; /* Form Label */ @labelDistance: @4px; diff --git a/themes/default/collections/grid.variables b/themes/default/collections/grid.variables index cdf5956..3f620b9 100644 --- a/themes/default/collections/grid.variables +++ b/themes/default/collections/grid.variables @@ -58,8 +58,8 @@ @celledVeryRelaxedPadding: 2em; @celledGridDivider: 0px 0px 0px @celledWidth @celledBorderColor; -@celledRowDivider: 0px (-@celledWidth) 0px 0px @celledBorderColor; -@celledColumnDivider: (-@celledWidth) 0px 0px 0px @celledBorderColor; +@celledRowDivider: 0px (-1 * @celledWidth) 0px 0px @celledBorderColor; +@celledColumnDivider: (-1 * @celledWidth) 0px 0px 0px @celledBorderColor; /*-------------- diff --git a/themes/default/collections/menu.variables b/themes/default/collections/menu.variables index b41eb00..0ef9ca0 100644 --- a/themes/default/collections/menu.variables +++ b/themes/default/collections/menu.variables @@ -38,7 +38,7 @@ /* Sub Menu */ @subMenuDistance: 0.5em; -@subMenuMargin: @subMenuDistance -@itemHorizontalPadding 0em; +@subMenuMargin: @subMenuDistance (-1 * @itemHorizontalPadding) 0em; @subMenuFontSize: @relativeTiny; @subMenuTextColor: rgba(0, 0, 0, 0.5); @@ -208,7 +208,7 @@ /* Secondary */ @secondaryBackground: none; -@secondaryMargin: 0em -@secondaryItemSpacing; +@secondaryMargin: 0em (-1 * @secondaryItemSpacing); @secondaryItemBackground: none; @secondaryItemSpacing: @relative5px; @secondaryItemMargin: 0em @secondaryItemSpacing; @@ -237,7 +237,7 @@ @secondaryVerticalItemMargin: 0em 0em @secondaryItemVerticalSpacing; @secondaryVerticalItemBorderRadius: @defaultBorderRadius; -@secondaryMenuSubMenuMargin: 0em -@secondaryItemHorizontalPadding; +@secondaryMenuSubMenuMargin: 0em (-1 * @secondaryItemHorizontalPadding); @secondaryMenuSubMenuItemMargin: 0em; @secondarySubMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent; @secondaryMenuSubMenuItemPadding: @relative7px @secondarySubMenuHorizontalPadding; @@ -260,7 +260,7 @@ @secondaryPointingActiveHoverTextColor: @secondaryPointingActiveTextColor; @secondaryPointingHeaderColor: @darkTextColor; -@secondaryVerticalPointingItemMargin: 0em -@secondaryPointingBorderWidth 0em 0em; +@secondaryVerticalPointingItemMargin: 0em (-1 * @secondaryPointingBorderWidth) 0em 0em; /* Inverted Secondary */ @@ -344,7 +344,7 @@ /* Text */ @textMenuItemSpacing: @relative7px; -@textMenuMargin: @relativeMedium -(@textMenuItemSpacing); +@textMenuMargin: @relativeMedium (-1 * @textMenuItemSpacing); @textMenuItemColor: @mutedTextColor; @textMenuItemFontWeight: @normal; @textMenuItemMargin: 0em 0em; @@ -429,7 +429,7 @@ /* Attached */ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; -@attachedHorizontalOffset: -@borderWidth; +@attachedHorizontalOffset: (-1 * @borderWidth); @attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; diff --git a/themes/default/collections/message.variables b/themes/default/collections/message.variables index 10d7f98..6d3639a 100644 --- a/themes/default/collections/message.variables +++ b/themes/default/collections/message.variables @@ -36,7 +36,7 @@ @headerFontWeight: @bold; @headerDisplay: block; @headerDistance: 0rem; -@headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em; +@headerMargin: calc(-1 * @headerLineHeightOffset) 0em @headerDistance 0em; @headerParagraphDistance: 0.25em; /* Paragraph */ diff --git a/themes/default/collections/table.variables b/themes/default/collections/table.variables index 420986d..651636c 100644 --- a/themes/default/collections/table.variables +++ b/themes/default/collections/table.variables @@ -151,7 +151,7 @@ /* Attached */ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; -@attachedHorizontalOffset: -@borderWidth; +@attachedHorizontalOffset: (-1 * @borderWidth); @attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; diff --git a/themes/default/elements/button.variables b/themes/default/elements/button.variables index caaf584..c83fced 100644 --- a/themes/default/elements/button.variables +++ b/themes/default/elements/button.variables @@ -32,7 +32,7 @@ /* Internal Shadow */ @shadowDistance: 0em; @shadowOffset: (@shadowDistance / 2); -@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; +@shadowBoxShadow: 0px (-1 * @shadowDistance) 0px 0px @borderColor inset; /* Box Shadow */ @borderBoxShadowColor: transparent; @@ -51,8 +51,8 @@ @iconTransition: opacity @defaultDuration @defaultEasing; @iconVerticalAlign: ''; -@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2); -@rightIconMargin: 0em -(@iconDistance / 2) 0em @iconDistance; +@iconMargin: 0em @iconDistance 0em (@iconDistance / -2); +@rightIconMargin: 0em (@iconDistance / -2) 0em @iconDistance; /* Loader */ @invertedLoaderFillColor: rgba(0, 0, 0, 0.15); @@ -147,8 +147,8 @@ @orLineHeight: (@orCircleSize); @orBoxShadow: @borderBoxShadow; -@orVerticalOffset: -(@orCircleSize / 2); -@orHorizontalOffset: -(@orCircleSize / 2); +@orVerticalOffset: (@orCircleSize / -2); +@orHorizontalOffset: (@orCircleSize / -2); @orBackgroundColor: @white; @orTextShadow: @invertedTextShadow; @@ -169,7 +169,7 @@ @labeledLabelPadding: ''; @labeledLabelFontSize: @relativeMedium; @labeledLabelBorderColor: @borderColor; -@labeledLabelBorderOffset: -@borderBoxShadowWidth; +@labeledLabelBorderOffset: (-1 * @borderBoxShadowWidth); @labeledTagLabelSize: 1.85em; /* hypotenuse of triangle */ @labeledIconMargin: 0em; @@ -188,8 +188,8 @@ @invertedBorderSize: 2px; @invertedTextColor: @white; @invertedTextHoverColor: @hoverColor; -@invertedGroupButtonOffset: 0px 0px 0px -(@invertedBorderSize); -@invertedVerticalGroupButtonOffset: 0px 0px -(@invertedBorderSize) 0px; +@invertedGroupButtonOffset: 0px 0px 0px (-1 * @invertedBorderSize); +@invertedVerticalGroupButtonOffset: 0px 0px (-1 * @invertedBorderSize) 0px; /* Basic */ @basicBorderRadius: @borderRadius; diff --git a/themes/default/elements/header.variables b/themes/default/elements/header.variables index 885715b..8074e79 100755 --- a/themes/default/elements/header.variables +++ b/themes/default/elements/header.variables @@ -16,7 +16,7 @@ @bottomMargin: @headerBottomMargin; @margin: @topMargin 0em @bottomMargin; -@firstMargin: -@lineHeightOffset; +@firstMargin: calc( -1 * @lineHeightOffset); @lastMargin: 0em; @horizontalPadding: 0em; @verticalPadding: 0em; diff --git a/themes/default/elements/icon.variables b/themes/default/elements/icon.variables index daffd92..f837b17 100755 --- a/themes/default/elements/icon.variables +++ b/themes/default/elements/icon.variables @@ -72,15 +72,15 @@ @cornerIconSize: 0.45em; @cornerIconStroke: 1px; @cornerIconShadow: - -@cornerIconStroke -@cornerIconStroke 0 @white, - @cornerIconStroke -@cornerIconStroke 0 @white, - -@cornerIconStroke @cornerIconStroke 0 @white, + (-1 * @cornerIconStroke) (-1 * @cornerIconStroke) 0 @white, + @cornerIconStroke (-1 * @cornerIconStroke) 0 @white, + (-1 * @cornerIconStroke) @cornerIconStroke 0 @white, @cornerIconStroke @cornerIconStroke 0 @white ; @cornerIconInvertedShadow: - -@cornerIconStroke -@cornerIconStroke 0 @black, - @cornerIconStroke -@cornerIconStroke 0 @black, - -@cornerIconStroke @cornerIconStroke 0 @black, + (-1 * @cornerIconStroke) (-1 * @cornerIconStroke) 0 @black, + @cornerIconStroke (-1 * @cornerIconStroke) 0 @black, + (-1 * @cornerIconStroke) @cornerIconStroke 0 @black, @cornerIconStroke @cornerIconStroke 0 @black ; diff --git a/themes/default/elements/label.variables b/themes/default/elements/label.variables index 91868a3..a1342de 100755 --- a/themes/default/elements/label.variables +++ b/themes/default/elements/label.variables @@ -20,7 +20,7 @@ @borderWidth: 1px; @border: 0px solid transparent; -@lineHeightOffset: -(@verticalPadding / 2); +@lineHeightOffset: (@verticalPadding / -2); @labelTransitionDuration: @defaultDuration; @labelTransitionEasing: @defaultEasing; @@ -70,13 +70,13 @@ @imageLabelBoxShadow: none; @imageLabelPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding @imageLabelVerticalPadding @imageLabelTextDistance; -@imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance; +@imageLabelImageMargin: (-1 * @verticalPadding) @imageLabelTextDistance (-1 * @verticalPadding) (-1 * @imageLabelTextDistance); @imageLabelImageBorderRadius: @imageLabelBorderRadius 0em 0em @imageLabelBorderRadius; @imageLabelImageHeight: @imageHeight; @imageLabelDetailBackground: @strongTransparentBlack; @imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding; -@imageLabelDetailMargin: -@imageLabelVerticalPadding -@imageLabelHorizontalPadding -@imageLabelVerticalPadding @imageLabelDetailDistance; +@imageLabelDetailMargin: (-1 * @imageLabelVerticalPadding) (-1 * @imageLabelHorizontalPadding) (-1 * @imageLabelVerticalPadding) @imageLabelDetailDistance; /*------------------- States @@ -130,17 +130,17 @@ @ribbonShadowColor: rgba(0, 0, 0, 0.15); @ribbonMargin: 1rem; -@ribbonOffset: calc(-@ribbonMargin - @ribbonTriangleSize); +@ribbonOffset: calc((-1 * @ribbonMargin) - @ribbonTriangleSize); @ribbonDistance: calc(@ribbonMargin + @ribbonTriangleSize); @rightRibbonOffset: calc(100% + @ribbonMargin + @ribbonTriangleSize); @ribbonImageTopDistance: 1rem; @ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */ -@ribbonImageOffset: calc(-@ribbonImageMargin - @ribbonTriangleSize); +@ribbonImageOffset: calc((-1 * @ribbonImageMargin) - @ribbonTriangleSize); @rightRibbonImageOffset: calc(100% + @ribbonImageMargin + @ribbonTriangleSize); @ribbonTableMargin: @relativeMini; /* Rounding Offset on Triangle */ -@ribbonTableOffset: calc(-@ribbonTableMargin - @ribbonTriangleSize); +@ribbonTableOffset: calc((-1 * @ribbonTableMargin) - @ribbonTriangleSize); @rightRibbonTableOffset: calc(100% + @ribbonTableMargin + @ribbonTriangleSize); @@ -232,7 +232,7 @@ @pointingTriangleZIndex: 2; /* Basic Pointing */ -@basicPointingTriangleOffset: -@pointingBorderWidth; +@basicPointingTriangleOffset: (-1 * @pointingBorderWidth); /* Floating */ @floatingTopOffset: -1em; diff --git a/themes/default/elements/list.variables b/themes/default/elements/list.variables index def1014..5bdab64 100755 --- a/themes/default/elements/list.variables +++ b/themes/default/elements/list.variables @@ -157,7 +157,7 @@ /* Bulleted */ @bulletDistance: 1.25rem; -@bulletOffset: -@bulletDistance; +@bulletOffset: (-1 * @bulletDistance); @bulletOpacity: 1; @bulletCharacter: '•'; diff --git a/themes/default/elements/loader.variables b/themes/default/elements/loader.variables index b52281e..ba3bea5 100755 --- a/themes/default/elements/loader.variables +++ b/themes/default/elements/loader.variables @@ -54,14 +54,14 @@ @huge : @58px; @massive : @64px; -@miniOffset: 0em 0em 0em -(@mini / 2); -@tinyOffset: 0em 0em 0em -(@tiny / 2); -@smallOffset: 0em 0em 0em -(@small / 2); -@mediumOffset: 0em 0em 0em -(@medium / 2); -@largeOffset: 0em 0em 0em -(@large / 2); -@bigOffset: 0em 0em 0em -(@big / 2); -@hugeOffset: 0em 0em 0em -(@huge / 2); -@massiveOffset: 0em 0em 0em -(@massive / 2); +@miniOffset: 0em 0em 0em (@mini / -2); +@tinyOffset: 0em 0em 0em (@tiny / -2); +@smallOffset: 0em 0em 0em (@small / -2); +@mediumOffset: 0em 0em 0em (@medium / -2); +@largeOffset: 0em 0em 0em (@large / -2); +@bigOffset: 0em 0em 0em (@big / -2); +@hugeOffset: 0em 0em 0em (@huge / -2); +@massiveOffset: 0em 0em 0em (@massive / -2); @tinyFontSize: @relativeTiny; @miniFontSize: @relativeMini; diff --git a/themes/default/elements/segment.variables b/themes/default/elements/segment.variables index 9b2c4d4..69da65a 100755 --- a/themes/default/elements/segment.variables +++ b/themes/default/elements/segment.variables @@ -102,7 +102,7 @@ /* Attached */ @attachedTopOffset: 0px; @attachedBottomOffset: 0px; -@attachedHorizontalOffset: -@borderWidth; +@attachedHorizontalOffset: (-1 * @borderWidth); @attachedWidth: calc(100% - (@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; diff --git a/themes/default/elements/step.overrides b/themes/default/elements/step.overrides index e7aca52..98f3e69 100755 --- a/themes/default/elements/step.overrides +++ b/themes/default/elements/step.overrides @@ -5,7 +5,7 @@ @font-face { font-family: 'Step'; src: - url(data:application/x-font-ttf;charset=utf-8;;base64,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) format('truetype'), + url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff') ; } diff --git a/themes/default/elements/step.variables b/themes/default/elements/step.variables index 332472d..813778f 100755 --- a/themes/default/elements/step.variables +++ b/themes/default/elements/step.variables @@ -93,9 +93,9 @@ Variations --------------------*/ -@attachedHorizontalOffset: -@borderWidth; +@attachedHorizontalOffset: (-1 * @borderWidth); @attachedVerticalOffset: 0; -@attachedWidth: calc(100% + (-@attachedHorizontalOffset * 2)); +@attachedWidth: calc(100% + (@attachedHorizontalOffset * -2)); @orderedFontFamily: inherit; @orderedFontWeight: @bold; diff --git a/themes/default/globals/site.variables b/themes/default/globals/site.variables index f297aef..7ca8ced 100755 --- a/themes/default/globals/site.variables +++ b/themes/default/globals/site.variables @@ -390,34 +390,34 @@ This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ -@mini : unit( round(@miniSize * @emSize) / @emSize, rem); -@tiny : unit( round(@tinySize * @emSize) / @emSize, rem); -@small : unit( round(@smallSize * @emSize) / @emSize, rem); -@medium : unit( round(@mediumSize * @emSize) / @emSize, rem); -@large : unit( round(@largeSize * @emSize) / @emSize, rem); -@big : unit( round(@bigSize * @emSize) / @emSize, rem); -@huge : unit( round(@hugeSize * @emSize) / @emSize, rem); -@massive : unit( round(@massiveSize * @emSize) / @emSize, rem); +@mini : unit(( round(@miniSize * @emSize) / @emSize), rem); +@tiny : unit(( round(@tinySize * @emSize) / @emSize), rem); +@small : unit(( round(@smallSize * @emSize) / @emSize), rem); +@medium : unit(( round(@mediumSize * @emSize) / @emSize), rem); +@large : unit(( round(@largeSize * @emSize) / @emSize), rem); +@big : unit(( round(@bigSize * @emSize) / @emSize), rem); +@huge : unit(( round(@hugeSize * @emSize) / @emSize), rem); +@massive : unit(( round(@massiveSize * @emSize) / @emSize), rem); /* em */ -@relativeMini : unit( round(@miniSize * @emSize) / @emSize, em); -@relativeTiny : unit( round(@tinySize * @emSize) / @emSize, em); -@relativeSmall : unit( round(@smallSize * @emSize) / @emSize, em); -@relativeMedium : unit( round(@mediumSize * @emSize) / @emSize, em); -@relativeLarge : unit( round(@largeSize * @emSize) / @emSize, em); -@relativeBig : unit( round(@bigSize * @emSize) / @emSize, em); -@relativeHuge : unit( round(@hugeSize * @emSize) / @emSize, em); -@relativeMassive : unit( round(@massiveSize * @emSize) / @emSize, em); +@relativeMini : unit(( round(@miniSize * @emSize) / @emSize), em); +@relativeTiny : unit(( round(@tinySize * @emSize) / @emSize), em); +@relativeSmall : unit(( round(@smallSize * @emSize) / @emSize), em); +@relativeMedium : unit(( round(@mediumSize * @emSize) / @emSize), em); +@relativeLarge : unit(( round(@largeSize * @emSize) / @emSize), em); +@relativeBig : unit(( round(@bigSize * @emSize) / @emSize), em); +@relativeHuge : unit(( round(@hugeSize * @emSize) / @emSize), em); +@relativeMassive : unit(( round(@massiveSize * @emSize) / @emSize), em); /* rem */ -@absoluteMini : unit( round(@miniSize * @emSize) / @emSize, rem); -@absoluteTiny : unit( round(@tinySize * @emSize) / @emSize, rem); -@absoluteSmall : unit( round(@smallSize * @emSize) / @emSize, rem); -@absoluteMedium : unit( round(@mediumSize * @emSize) / @emSize, rem); -@absoluteLarge : unit( round(@largeSize * @emSize) / @emSize, rem); -@absoluteBig : unit( round(@bigSize * @emSize) / @emSize, rem); -@absoluteHuge : unit( round(@hugeSize * @emSize) / @emSize, rem); -@absoluteMassive : unit( round(@massiveSize * @emSize) / @emSize, rem); +@absoluteMini : unit(( round(@miniSize * @emSize) / @emSize), rem); +@absoluteTiny : unit(( round(@tinySize * @emSize) / @emSize), rem); +@absoluteSmall : unit(( round(@smallSize * @emSize) / @emSize), rem); +@absoluteMedium : unit(( round(@mediumSize * @emSize) / @emSize), rem); +@absoluteLarge : unit(( round(@largeSize * @emSize) / @emSize), rem); +@absoluteBig : unit(( round(@bigSize * @emSize) / @emSize), rem); +@absoluteHuge : unit(( round(@hugeSize * @emSize) / @emSize), rem); +@absoluteMassive : unit(( round(@massiveSize * @emSize) / @emSize), rem); /*------------------- Icons @@ -491,7 +491,7 @@ --------------------*/ /* Loaders Position Offset */ -@loaderOffset : -(@loaderSize / 2); +@loaderOffset : (@loaderSize / -2); @loaderMargin : @loaderOffset 0em 0em @loaderOffset; /* Rendered Scrollbar Width */ diff --git a/themes/default/modules/checkbox.variables b/themes/default/modules/checkbox.variables index d262cbb..953eb84 100755 --- a/themes/default/modules/checkbox.variables +++ b/themes/default/modules/checkbox.variables @@ -114,7 +114,7 @@ @sliderLineWidth: 3.5rem; @sliderTransitionDuration: 0.3s; -@sliderHandleOffset: (1rem - @sliderHandleSize) / 2; +@sliderHandleOffset: ((1rem - @sliderHandleSize) / 2); @sliderHandleTransition: left @sliderTransitionDuration @defaultEasing; @sliderWidth: @sliderLineWidth; diff --git a/themes/default/modules/dropdown.variables b/themes/default/modules/dropdown.variables index 6a1cee6..baac9e0 100755 --- a/themes/default/modules/dropdown.variables +++ b/themes/default/modules/dropdown.variables @@ -94,7 +94,7 @@ /* Menu Image */ @menuImageMaxHeight: 2em; -@menuImageVerticalMargin: -(@menuImageMaxHeight - 1em) / 2; +@menuImageVerticalMargin: ((@menuImageMaxHeight - 1em) / -2); /* Item Sub-Element */ @itemElementFloat: none; @@ -159,8 +159,8 @@ @selectionIconOpacity: 0.8; @selectionIconZIndex: 3; @selectionIconHitbox: @selectionVerticalPadding; -@selectionIconMargin: -@selectionIconHitbox; -@selectionIconPadding: @selectionIconHitbox / @dropdownIconSize; +@selectionIconMargin: (-1 * @selectionIconHitbox); +@selectionIconPadding: (@selectionIconHitbox / @dropdownIconSize); @selectionIconTransition: opacity @defaultDuration @defaultEasing; @selectionMenuBorderRadius: 0em 0em @borderRadius @borderRadius; @@ -362,17 +362,17 @@ @floatingMenuBorderRadius: @borderRadius; /* Pointing */ -@pointingArrowOffset: -(@pointingArrowSize / 2); +@pointingArrowOffset: (@pointingArrowSize / -2); @pointingArrowDistanceFromEdge: 1em; @pointingArrowBackground: @white; @pointingArrowZIndex: 2; -@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px 0px @menuBorderColor; +@pointingArrowBoxShadow: (-1 * @menuBorderWidth) (-1 * @menuBorderWidth) 0px 0px @menuBorderColor; @pointingArrowSize: @relative7px; @pointingMenuDistance: @mini; @pointingMenuBorderRadius: @borderRadius; -@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px 0px @menuBorderColor; +@pointingArrowBoxShadow: (-1 * @menuBorderWidth) (-1 * @menuBorderWidth) 0px 0px @menuBorderColor; /* Pointing Upward */ @pointingUpwardMenuBorderRadius: @borderRadius; diff --git a/themes/default/modules/modal.variables b/themes/default/modules/modal.variables index 7cf1db8..3bfc254 100755 --- a/themes/default/modules/modal.variables +++ b/themes/default/modules/modal.variables @@ -21,8 +21,8 @@ @closeDistance: 0.25rem; @closeHitBoxOffset: (@closeHitbox - 1rem) / 2; @closePadding: @closeHitBoxOffset 0rem 0rem 0rem; -@closeTop: -(@closeDistance + @closeHitbox); -@closeRight: -(@closeDistance + @closeHitbox); +@closeTop: ((-1 * @closeDistance) + @closeHitbox); +@closeRight: ((-1 * @closeDistance) + @closeHitbox); /* Header */ @headerMargin: 0em; diff --git a/themes/default/modules/nag.variables b/themes/default/modules/nag.variables index 9b45789..46845ab 100755 --- a/themes/default/modules/nag.variables +++ b/themes/default/modules/nag.variables @@ -34,7 +34,7 @@ @titleMargin: 0em 0.5em; @closeSize: 1em; -@closeMargin: (-@closeSize / 2) 0em 0em; +@closeMargin: (@closeSize / -2) 0em 0em; @closeTop: 50%; @closeRight: 1em; @closeColor: @white; diff --git a/themes/default/modules/popup.variables b/themes/default/modules/popup.variables index 52b33da..dc06e78 100755 --- a/themes/default/modules/popup.variables +++ b/themes/default/modules/popup.variables @@ -47,7 +47,7 @@ @arrowBackground: @background; @arrowZIndex: 2; @arrowJitter: 0.05em; -@arrowOffset: -(@arrowSize / 2) + @arrowJitter; +@arrowOffset: (@arrowSize / -2) + @arrowJitter; @arrowStroke: @borderWidth; @arrowColor: darken(@borderColor, 10); @@ -58,9 +58,9 @@ @arrowBottomBackground: @arrowBackground; @arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor; -@leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor; -@rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor; -@bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor; +@leftArrowBoxShadow: @arrowStroke (-1 * @arrowStroke) 0px 0px @arrowColor; +@rightArrowBoxShadow: (-1 * @arrowStroke) @arrowStroke 0px 0px @arrowColor; +@bottomArrowBoxShadow: (-1 * @arrowStroke) (-1 * @arrowStroke) 0px 0px @arrowColor; /*------------------- Types @@ -92,8 +92,8 @@ @tooltipInvertedHeaderColor: @invertedHeaderColor; /* Arrow */ -@tooltipArrowVerticalOffset: -@2px; -@tooltipArrowHorizontalOffset: -@1px; +@tooltipArrowVerticalOffset: (-1 * @2px); +@tooltipArrowHorizontalOffset: (-1 * @1px); @tooltipArrowBoxShadow: @arrowBoxShadow; @tooltipArrowBackground: @arrowBackground; @tooltipArrowTopBackground: @arrowTopBackground; diff --git a/themes/default/modules/rating.variables b/themes/default/modules/rating.variables index 0f42f0d..41a98a5 100755 --- a/themes/default/modules/rating.variables +++ b/themes/default/modules/rating.variables @@ -44,8 +44,8 @@ @starActiveColor: #FFE623; @starActiveShadowColor: #DDC507; @starActiveTextShadow: - 0px -@starShadowWidth 0px @starActiveShadowColor, - -@starShadowWidth 0px 0px @starActiveShadowColor, + 0px (-1 * @starShadowWidth) 0px @starActiveShadowColor, + (-1 * @starShadowWidth) 0px 0px @starActiveShadowColor, 0px @starShadowWidth 0px @starActiveShadowColor, @starShadowWidth 0px 0px @starActiveShadowColor ; @@ -54,8 +54,8 @@ @starSelectedColor: #FFCC00; @starSelectedShadowColor: #E6A200; @starSelectedTextShadow: - 0px -@starShadowWidth 0px @starSelectedShadowColor, - -@starShadowWidth 0px 0px @starSelectedShadowColor, + 0px (-1 * @starShadowWidth) 0px @starSelectedShadowColor, + (-1 * @starShadowWidth) 0px 0px @starSelectedShadowColor, 0px @starShadowWidth 0px @starSelectedShadowColor, @starShadowWidth 0px 0px @starSelectedShadowColor ; @@ -73,8 +73,8 @@ @heartActiveColor: #FF6D75; @heartActiveShadowColor: #CD0707; @heartActiveTextShadow: - 0px -@heartShadowWidth 0px @heartActiveShadowColor, - -@heartShadowWidth 0px 0px @heartActiveShadowColor, + 0px (-1 * @heartShadowWidth) 0px @heartActiveShadowColor, + (-1 * @heartShadowWidth) 0px 0px @heartActiveShadowColor, 0px @heartShadowWidth 0px @heartActiveShadowColor, @heartShadowWidth 0px 0px @heartActiveShadowColor ; @@ -83,8 +83,8 @@ @heartSelectedColor: #FF3000; @heartSelectedShadowColor: #AA0101; @heartSelectedTextShadow: - 0px -@heartShadowWidth 0px @heartSelectedShadowColor, - -@heartShadowWidth 0px 0px @heartSelectedShadowColor, + 0px (-1 * @heartShadowWidth) 0px @heartSelectedShadowColor, + (-1 * @heartShadowWidth) 0px 0px @heartSelectedShadowColor, 0px @heartShadowWidth 0px @heartSelectedShadowColor, @heartShadowWidth 0px 0px @heartSelectedShadowColor ; diff --git a/themes/default/modules/search.variables b/themes/default/modules/search.variables index 362bc13..a6b7893 100755 --- a/themes/default/modules/search.variables +++ b/themes/default/modules/search.variables @@ -51,7 +51,7 @@ /* Result Content */ @resultTitleFont: @headerFont; -@resultTitleMargin: -@headerLineHeightOffset 0em 0em; +@resultTitleMargin: calc(-1 * @headerLineHeightOffset) 0em 0em; @resultTitleFontWeight: @bold; @resultTitleFontSize: @relativeMedium; @resultTitleColor: @darkTextColor; diff --git a/themes/default/views/card.variables b/themes/default/views/card.variables index c3303ce..84eb142 100755 --- a/themes/default/views/card.variables +++ b/themes/default/views/card.variables @@ -36,7 +36,7 @@ @horizontalSpacing: 1em; @rowSpacing: 1.75em; -@groupMargin: -(@rowSpacing / 2) -(@horizontalSpacing / 2); +@groupMargin: (@rowSpacing / -2) (@horizontalSpacing / -2); @groupDisplay: flex; @groupCardFloat: none; @@ -73,7 +73,7 @@ @headerMargin: ''; @headerFontWeight: @bold; @headerFontSize: @relativeBig; -@headerLineHeightOffset: -(@lineHeight - 1em) / 2; +@headerLineHeightOffset: ((@lineHeight - 1em) / -2); @headerColor: @darkTextColor; /* Metadata */ @@ -140,7 +140,7 @@ @extraLinkHoverColor: @linkHoverColor; /* Buttons */ -@buttonMargin: 0px -@borderWidth; +@buttonMargin: 0px (-1 * @borderWidth); @buttonWidth: ~"calc(100% + "(@borderWidth * 2)~")"; /*------------------- @@ -152,7 +152,7 @@ @linkHoverBorder: @border; @linkHoverZIndex: 5; @linkHoverRaiseDistance: 3px; -@linkHoverTransform: translateY(-@linkHoverRaiseDistance); +@linkHoverTransform: translateY(-1 *@linkHoverRaiseDistance); @shadowHoverBoxShadow: 0px @shadowDistance @linkHoverRaiseDistance 0px @solidSelectedBorderColor; @linkHoverBoxShadow: @@ -190,23 +190,23 @@ @oneCard: @oneColumn; @oneCardOffset: 0em; @twoCard: ~"calc("@twoColumn~" - "(@twoCardSpacing * 2)~")"; -@twoCardOffset: -@twoCardSpacing; +@twoCardOffset: (-1 * @twoCardSpacing); @threeCard: ~"calc("@threeColumn~" - "(@threeCardSpacing * 2)~")"; -@threeCardOffset: -@threeCardSpacing; +@threeCardOffset: (-1 * @threeCardSpacing); @fourCard: ~"calc("@fourColumn~" - "(@fourCardSpacing * 2)~")"; -@fourCardOffset: -@fourCardSpacing; +@fourCardOffset: (-1 * @fourCardSpacing); @fiveCard: ~"calc("@fiveColumn~" - "(@fiveCardSpacing * 2)~")"; -@fiveCardOffset: -@fiveCardSpacing; +@fiveCardOffset: (-1 * @fiveCardSpacing); @sixCard: ~"calc("@sixColumn~" - "(@sixCardSpacing * 2)~")"; -@sixCardOffset: -@sixCardSpacing; +@sixCardOffset: (-1 * @sixCardSpacing); @sevenCard: ~"calc("@sevenColumn~" - "(@sevenCardSpacing * 2)~")"; -@sevenCardOffset: -@sevenCardSpacing; +@sevenCardOffset: (-1 * @sevenCardSpacing); @eightCard: ~"calc("@eightColumn~" - "(@sevenCardSpacing * 2)~")"; -@eightCardOffset: -@sevenCardSpacing; +@eightCardOffset: (-1 * @sevenCardSpacing); @nineCard: ~"calc("@nineColumn~" - "(@nineCardSpacing * 2)~")"; -@nineCardOffset: -@nineCardSpacing; +@nineCardOffset: (-1 * @nineCardSpacing); @tenCard: ~"calc("@tenColumn~" - "(@tenCardSpacing * 2)~")"; -@tenCardOffset: -@tenCardSpacing; +@tenCardOffset: (-1 * @tenCardSpacing); /* Stackable */ @stackableRowSpacing: 1em; diff --git a/themes/default/views/item.variables b/themes/default/views/item.variables index 18dbaf3..2a35520 100755 --- a/themes/default/views/item.variables +++ b/themes/default/views/item.variables @@ -67,7 +67,7 @@ @contentBoxShadow: none; /* Header */ -@headerMargin: -@lineHeightOffset 0em 0em; +@headerMargin: (-1 * @lineHeightOffset) 0em 0em; @headerFontWeight: @bold; @headerFontSize: @relativeBig; @headerColor: @darkTextColor; diff --git a/themes/default/views/statistic.variables b/themes/default/views/statistic.variables index 27f3bba..af5aa81 100755 --- a/themes/default/views/statistic.variables +++ b/themes/default/views/statistic.variables @@ -14,7 +14,7 @@ /* Group */ @horizontalSpacing: 1.5em; @rowSpacing: 1em; -@groupMargin: @verticalMargin -@horizontalSpacing -@rowSpacing; +@groupMargin: @verticalMargin (-1 * @horizontalSpacing) (-1 * @rowSpacing); /* Group Element */ @elementMargin: 0em @horizontalSpacing @rowSpacing; @@ -70,7 +70,7 @@ @invertedLabelColor: @invertedTextColor; /* Item Width */ -@itemGroupMargin: 0em 0em -@rowSpacing; +@itemGroupMargin: 0em 0em (-1 * @rowSpacing); @itemMargin: 0em 0em @rowSpacing; /* Size */ diff --git a/themes/fixed-width/modules/modal.variables b/themes/fixed-width/modules/modal.variables index 16579af..faaec97 100755 --- a/themes/fixed-width/modules/modal.variables +++ b/themes/fixed-width/modules/modal.variables @@ -4,9 +4,9 @@ @modalLargeMonitorWidth: 800px; @modalWidescreenMonitorWidth: 850px; -@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2); -@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2); -@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2); +@modalComputerMargin: 0em 0em 0em (@modalComputerWidth / -2); +@modalLargeMonitorMargin: 0em 0em 0em (@modalLargeMonitorWidth / -2); +@modalWidescreenMonitorMargin: 0em 0em 0em (@modalWidescreenMonitorWidth / -2); /*------------------- @@ -23,15 +23,15 @@ @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio); @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio); -@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2); -@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2); -@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2); +@modalSmallComputerMargin: 0em 0em 0em (@modalSmallComputerWidth / -2); +@modalSmallLargeMonitorMargin: 0em 0em 0em (@modalSmallLargeMonitorWidth / -2); +@modalSmallWidescreenMonitorMargin: 0em 0em 0em (@modalSmallWidescreenMonitorWidth / -2); @modalLargeHeaderSize: 1.3em; @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio); @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio); @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio); -@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2); -@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2); -@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2); \ No newline at end of file +@modalLargeComputerMargin: 0em 0em 0em (@modalLargeComputerWidth / -2); +@modalLargeLargeMonitorMargin: 0em 0em 0em (@modalLargeLargeMonitorWidth / -2); +@modalLargeWidescreenMonitorMargin: 0em 0em 0em (@modalLargeWidescreenMonitorWidth / -2); \ No newline at end of file diff --git a/themes/round/elements/button.variables b/themes/round/elements/button.variables index 9261206..102b3aa 100755 --- a/themes/round/elements/button.variables +++ b/themes/round/elements/button.variables @@ -23,7 +23,7 @@ @iconOpacity: 0.8; @iconDistance: 0.4em; @iconTransition: opacity @defaultDuration @defaultEasing; -@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2); +@iconMargin: 0em @iconDistance 0em (@iconDistance / -2); @iconVerticalAlign: top; /*-------------------