Browse Source

#2655 Fixes vertical basic buttons not aligned correctly

pull/2095/merge
jlukic 9 years ago
parent
commit
79ca738d05
1 changed files with 13 additions and 13 deletions
  1. 26
      src/definitions/elements/button.less

26
src/definitions/elements/button.less

@ -1232,7 +1232,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
color: @blackDown !important; color: @blackDown !important;
} }
.ui.buttons > .basic.black.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -1370,7 +1370,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @greyDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @greyDown inset !important;
color: @greyDown !important; color: @greyDown !important;
} }
.ui.buttons > .basic.grey.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -1509,7 +1509,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @brownDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @brownDown inset !important;
color: @brownDown !important; color: @brownDown !important;
} }
.ui.buttons > .basic.brown.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -1647,7 +1647,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
color: @blueDown !important; color: @blueDown !important;
} }
.ui.buttons > .basic.blue.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -1786,7 +1786,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
color: @greenDown !important; color: @greenDown !important;
} }
.ui.buttons > .basic.green.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -1924,7 +1924,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
color: @orangeDown !important; color: @orangeDown !important;
} }
.ui.buttons > .basic.orange.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2062,7 +2062,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
color: @pinkDown !important; color: @pinkDown !important;
} }
.ui.buttons > .basic.pink.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2201,7 +2201,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @violetDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @violetDown inset !important;
color: @violetDown !important; color: @violetDown !important;
} }
.ui.buttons > .basic.violet.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2339,7 +2339,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
color: @purpleDown !important; color: @purpleDown !important;
} }
.ui.buttons > .basic.purple.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2477,7 +2477,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
color: @redDown !important; color: @redDown !important;
} }
.ui.buttons > .basic.red.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2616,7 +2616,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
color: @tealDown !important; color: @tealDown !important;
} }
.ui.buttons > .basic.teal.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2755,7 +2755,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveDown inset !important;
color: @oliveDown !important; color: @oliveDown !important;
} }
.ui.buttons > .basic.olive.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }
@ -2893,7 +2893,7 @@
box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important; box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
color: @yellowDown !important; color: @yellowDown !important;
} }
.ui.buttons > .basic.yellow.button:not(:first-child) {
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
margin-left: -@basicColoredBorderSize; margin-left: -@basicColoredBorderSize;
} }

Loading…
Cancel
Save