richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

fixes #89 heinous text shadow still on buttons

pull/94/head
jlukic 11 years ago
parent
eee5371270
commit
1a7644fd22
5 changed files with 10 additions and 113 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      build/less/elements/button.less
  2. 27
      build/uncompressed/elements/button.css
  3. 23
      node/src/files/build/less/elements/button.less
  4. 27
      node/src/files/build/uncompressed/elements/button.css
  5. 23
      src/elements/button.less

23
build/less/elements/button.less
View File

@ -68,7 +68,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-moz-transition:
@ -76,7 +75,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-o-transition:
@ -84,7 +82,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-ms-transition:
@ -92,7 +89,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
transition:
@ -100,7 +96,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
}
@ -131,7 +126,6 @@
.ui.primary.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
@ -154,7 +148,6 @@
.ui.secondary.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
@ -245,7 +238,6 @@
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
-webkit-box-shadow:
@ -269,7 +261,6 @@
opacity: 1 !important;
background-color: #A4A4A4;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}
.ui.button:hover .icon,
@ -287,7 +278,6 @@
background-color: #8C8C8C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
@ -304,7 +294,6 @@
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
@ -344,8 +333,6 @@
background-color: rgba(50, 50, 50, 0.05) !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
@ -477,7 +464,6 @@
color: #999999 !important;
font-weight: normal;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@ -948,7 +934,6 @@
.ui.black.button {
background-color: #5C6166;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
@ -966,7 +951,6 @@
.ui.green.button {
background-color: #5BBD72;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
@ -986,7 +970,6 @@
.ui.red.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
@ -1006,7 +989,6 @@
.ui.orange.button {
background-color: #E96633;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
@ -1026,7 +1008,6 @@
.ui.blue.button {
background-color: #6ECFF5;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
@ -1046,7 +1027,6 @@
.ui.purple.button {
background-color: #564F8A;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
@ -1066,7 +1046,6 @@
.ui.teal.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
@ -1089,7 +1068,6 @@
.ui.positive.button {
background-color: #5BBD72 !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
@ -1112,7 +1090,6 @@
.ui.negative.button {
background-color: #D95C5C !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,

27
build/uncompressed/elements/button.css
View File

@ -44,11 +44,11 @@
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-moz-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-o-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-ms-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-moz-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-o-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-ms-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
/*--------------
Count
@ -72,7 +72,6 @@
.ui.primary.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
@ -93,7 +92,6 @@
.ui.secondary.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
@ -164,7 +162,6 @@
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
-webkit-box-shadow: 0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset;
@ -177,7 +174,6 @@
.ui.active.button:hover {
opacity: 1 !important;
background-color: #A4A4A4;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}
.ui.button:hover .icon,
@ -192,7 +188,6 @@
opacity: 1 !important;
background-color: #8C8C8C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
@ -205,7 +200,6 @@
cursor: default;
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
@ -239,7 +233,6 @@
color: #DDDDDD !important;
background-color: rgba(50, 50, 50, 0.05) !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
@ -354,7 +347,6 @@
color: #999999 !important;
font-weight: normal;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@ -765,7 +757,6 @@
.ui.black.button {
background-color: #5C6166;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
@ -782,7 +773,6 @@
.ui.green.button {
background-color: #5BBD72;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
@ -801,7 +791,6 @@
.ui.red.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
@ -820,7 +809,6 @@
.ui.orange.button {
background-color: #E96633;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
@ -839,7 +827,6 @@
.ui.blue.button {
background-color: #6ECFF5;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
@ -858,7 +845,6 @@
.ui.purple.button {
background-color: #564F8A;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
@ -877,7 +863,6 @@
.ui.teal.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
@ -898,7 +883,6 @@
.ui.positive.button {
background-color: #5BBD72 !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
@ -919,7 +903,6 @@
.ui.negative.button {
background-color: #D95C5C !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,

23
node/src/files/build/less/elements/button.less
View File

@ -68,7 +68,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-moz-transition:
@ -76,7 +75,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-o-transition:
@ -84,7 +82,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-ms-transition:
@ -92,7 +89,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
transition:
@ -100,7 +96,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
}
@ -131,7 +126,6 @@
.ui.primary.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
@ -154,7 +148,6 @@
.ui.secondary.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
@ -245,7 +238,6 @@
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
-webkit-box-shadow:
@ -269,7 +261,6 @@
opacity: 1 !important;
background-color: #A4A4A4;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}
.ui.button:hover .icon,
@ -287,7 +278,6 @@
background-color: #8C8C8C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
@ -304,7 +294,6 @@
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
@ -344,8 +333,6 @@
background-color: rgba(50, 50, 50, 0.05) !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
@ -477,7 +464,6 @@
color: #999999 !important;
font-weight: normal;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@ -948,7 +934,6 @@
.ui.black.button {
background-color: #5C6166;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
@ -966,7 +951,6 @@
.ui.green.button {
background-color: #5BBD72;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
@ -986,7 +970,6 @@
.ui.red.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
@ -1006,7 +989,6 @@
.ui.orange.button {
background-color: #E96633;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
@ -1026,7 +1008,6 @@
.ui.blue.button {
background-color: #6ECFF5;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
@ -1046,7 +1027,6 @@
.ui.purple.button {
background-color: #564F8A;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
@ -1066,7 +1046,6 @@
.ui.teal.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
@ -1089,7 +1068,6 @@
.ui.positive.button {
background-color: #5BBD72 !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
@ -1112,7 +1090,6 @@
.ui.negative.button {
background-color: #D95C5C !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,

27
node/src/files/build/uncompressed/elements/button.css
View File

@ -44,11 +44,11 @@
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-moz-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-o-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-ms-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, text-shadow 0.25s ease, box-shadow 0.25s ease;
-webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-moz-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-o-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
-ms-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
/*--------------
Count
@ -72,7 +72,6 @@
.ui.primary.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
@ -93,7 +92,6 @@
.ui.secondary.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
@ -164,7 +162,6 @@
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
-webkit-box-shadow: 0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset;
@ -177,7 +174,6 @@
.ui.active.button:hover {
opacity: 1 !important;
background-color: #A4A4A4;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}
.ui.button:hover .icon,
@ -192,7 +188,6 @@
opacity: 1 !important;
background-color: #8C8C8C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
@ -205,7 +200,6 @@
cursor: default;
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
@ -239,7 +233,6 @@
color: #DDDDDD !important;
background-color: rgba(50, 50, 50, 0.05) !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
@ -354,7 +347,6 @@
color: #999999 !important;
font-weight: normal;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@ -765,7 +757,6 @@
.ui.black.button {
background-color: #5C6166;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
@ -782,7 +773,6 @@
.ui.green.button {
background-color: #5BBD72;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
@ -801,7 +791,6 @@
.ui.red.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
@ -820,7 +809,6 @@
.ui.orange.button {
background-color: #E96633;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
@ -839,7 +827,6 @@
.ui.blue.button {
background-color: #6ECFF5;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
@ -858,7 +845,6 @@
.ui.purple.button {
background-color: #564F8A;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
@ -877,7 +863,6 @@
.ui.teal.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
@ -898,7 +883,6 @@
.ui.positive.button {
background-color: #5BBD72 !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
@ -919,7 +903,6 @@
.ui.negative.button {
background-color: #D95C5C !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,

23
src/elements/button.less
View File

@ -68,7 +68,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-moz-transition:
@ -76,7 +75,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-o-transition:
@ -84,7 +82,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
-ms-transition:
@ -92,7 +89,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
transition:
@ -100,7 +96,6 @@
background-color 0.25s ease,
color 0.25s ease,
background 0.25s ease,
text-shadow 0.25s ease,
box-shadow 0.25s ease
;
}
@ -131,7 +126,6 @@
.ui.primary.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
@ -154,7 +148,6 @@
.ui.secondary.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
@ -245,7 +238,6 @@
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
-webkit-box-shadow:
@ -269,7 +261,6 @@
opacity: 1 !important;
background-color: #A4A4A4;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}
.ui.button:hover .icon,
@ -287,7 +278,6 @@
background-color: #8C8C8C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
@ -304,7 +294,6 @@
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
@ -344,8 +333,6 @@
background-color: rgba(50, 50, 50, 0.05) !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
@ -477,7 +464,6 @@
color: #999999 !important;
font-weight: normal;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@ -948,7 +934,6 @@
.ui.black.button {
background-color: #5C6166;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
@ -966,7 +951,6 @@
.ui.green.button {
background-color: #5BBD72;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
@ -986,7 +970,6 @@
.ui.red.button {
background-color: #D95C5C;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
@ -1006,7 +989,6 @@
.ui.orange.button {
background-color: #E96633;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
@ -1026,7 +1008,6 @@
.ui.blue.button {
background-color: #6ECFF5;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
@ -1046,7 +1027,6 @@
.ui.purple.button {
background-color: #564F8A;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
@ -1066,7 +1046,6 @@
.ui.teal.button {
background-color: #00B5AD;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
@ -1089,7 +1068,6 @@
.ui.positive.button {
background-color: #5BBD72 !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
@ -1112,7 +1090,6 @@
.ui.negative.button {
background-color: #D95C5C !important;
color: #FFFFFF;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,

Write Preview
Loading…
Cancel
Save