Browse Source

Basic colored button now grow their border size

pull/2228/merge
jlukic 9 years ago
parent
commit
38949ab2c1
1 changed files with 18 additions and 18 deletions
  1. 36
      src/definitions/elements/button.less

36
src/definitions/elements/button.less

@ -1209,7 +1209,7 @@
/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.black.buttons .button:hover,
@ -1230,7 +1230,7 @@
color: @blackDown !important;
}
.ui.buttons > .basic.black.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1323,7 +1323,7 @@
/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.blue.buttons .button:hover,
@ -1344,7 +1344,7 @@
color: @blueDown !important;
}
.ui.buttons > .basic.blue.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1436,7 +1436,7 @@
/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.green.buttons .button:hover,
@ -1457,7 +1457,7 @@
color: @greenDown !important;
}
.ui.buttons > .basic.green.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1548,7 +1548,7 @@
/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.orange.buttons .button:hover,
@ -1569,7 +1569,7 @@
color: @orangeDown !important;
}
.ui.buttons > .basic.orange.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1660,7 +1660,7 @@
/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.pink.buttons .button:hover,
@ -1681,7 +1681,7 @@
color: @pinkDown !important;
}
.ui.buttons > .basic.pink.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1772,7 +1772,7 @@
/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.purple.buttons .button:hover,
@ -1793,7 +1793,7 @@
color: @purpleDown !important;
}
.ui.buttons > .basic.purple.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1884,7 +1884,7 @@
/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.red.buttons .button:hover,
@ -1905,7 +1905,7 @@
color: @redDown !important;
}
.ui.buttons > .basic.red.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -1997,7 +1997,7 @@
/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.teal.buttons .button:hover,
@ -2018,7 +2018,7 @@
color: @tealDown !important;
}
.ui.buttons > .basic.teal.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */
@ -2110,7 +2110,7 @@
/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
box-shadow: 0px 0px 0px @basicBorderSize @borderColor inset !important;
color: @textColor !important;
}
.ui.basic.yellow.buttons .button:hover,
@ -2131,7 +2131,7 @@
color: @yellowDown !important;
}
.ui.buttons > .basic.yellow.button:not(:first-child) {
margin-left: -@basicColoredBorderSize;
margin-left: -@basicBorderSize;
}
/* Inverted */

Loading…
Cancel
Save