Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Support for Less v4 #76

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Support for Less v4 #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
b9c6a6f
Fix site.variables for less syntax
Jan 21, 2022
fcb67ec
v2.4.2
Jan 21, 2022
79d9b78
header
Jan 21, 2022
0cb6789
messages
Jan 21, 2022
0b1dddc
searches
Jan 21, 2022
a97441f
v2.4.3
Jan 21, 2022
ce9c5e5
More syntax cleanup
Jan 21, 2022
4b3a4a4
v2.4.4
ninjascribble Jan 21, 2022
ef5ae3b
Remove unnecessary semicolon (see: https://github.com/fomantic/Fomant…
ninjascribble Jan 22, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Expand Up @@ -26,3 +26,4 @@ node_modules

# Users Environment Variables
.lock-wscript
.vscode
24 changes: 12 additions & 12 deletions definitions/collections/grid.less
View file
Open in desktop
Expand Up @@ -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);
}


Expand Down Expand Up @@ -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);
}
Expand Down Expand Up @@ -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 */
Expand Down
18 changes: 9 additions & 9 deletions definitions/collections/menu.less
View file
Open in desktop
Expand Up @@ -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;
}
Expand All @@ -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 */
Expand All @@ -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;
}

Expand All @@ -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;
}

Expand All @@ -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;
}

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion definitions/collections/message.less
View file
Open in desktop
Expand Up @@ -138,7 +138,7 @@
*******************************/

.ui.dropdown .menu > .message {
margin: 0px -@borderWidth;
margin: 0px (-1 * @borderWidth);
}

/*******************************
Expand Down
4 changes: 2 additions & 2 deletions definitions/collections/table.less
View file
Open in desktop
Expand Up @@ -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 {
Expand All @@ -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;
Expand Down
36 changes: 18 additions & 18 deletions definitions/elements/button.less
View file
Open in desktop
Expand Up @@ -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 {
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -3407,7 +3407,7 @@
color: @positiveColorDown !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: (-1 * @basicColoredBorderSize);
}

/*---------------
Expand Down Expand Up @@ -3482,7 +3482,7 @@
color: @negativeColorDown !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: (-1 * @basicColoredBorderSize);
}

/*******************************
Expand Down
2 changes: 1 addition & 1 deletion definitions/elements/image.less
View file
Open in desktop
Expand Up @@ -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,
Expand Down
10 changes: 5 additions & 5 deletions definitions/elements/label.less
View file
Open in desktop
Expand Up @@ -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;
Expand Down Expand Up @@ -301,7 +301,7 @@ a.ui.label {
border-top-color: inherit;
}
.ui.left.corner.label .icon {
left: -@cornerIconLeftOffset;
left: (-1 * @cornerIconLeftOffset);
}

/* Segment */
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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 {
Expand Down
10 changes: 5 additions & 5 deletions definitions/elements/list.less
View file
Open in desktop
Expand Up @@ -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);
}

/*-------------------
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}

Expand Down