@northdata/fomantic-ui 2.9.405 → 2.9.406
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/semantic-ui/dist/components/button.css +21 -1
- package/lib/semantic-ui/dist/components/button.min.css +1 -1
- package/lib/semantic-ui/dist/less/site/variation.variables +1 -1
- package/lib/semantic-ui/dist/semantic-packed.css +21 -1
- package/lib/semantic-ui/dist/semantic.css +25 -1
- package/lib/semantic-ui/dist/semantic.min.css +1 -1
- package/package.json +1 -1
|
@@ -289,6 +289,26 @@
|
|
|
289
289
|
margin-left: 0.25em;
|
|
290
290
|
}
|
|
291
291
|
|
|
292
|
+
/* -------------------
|
|
293
|
+
Compact
|
|
294
|
+
-------------------- */
|
|
295
|
+
.ui.compact.buttons .button,
|
|
296
|
+
.ui.compact.button {
|
|
297
|
+
padding: 0.58928571em 1.125em 0.58928571em;
|
|
298
|
+
}
|
|
299
|
+
.ui.compact.icon.buttons .button,
|
|
300
|
+
.ui.compact.icon.button {
|
|
301
|
+
padding: 0.58928571em 0.58928571em 0.58928571em;
|
|
302
|
+
}
|
|
303
|
+
.ui.compact.labeled.icon.buttons .button,
|
|
304
|
+
.ui.compact.labeled.icon.button {
|
|
305
|
+
padding: 0.58928571em 3.69642857em 0.58928571em;
|
|
306
|
+
}
|
|
307
|
+
.ui.compact.labeled.icon.buttons .button > .icon,
|
|
308
|
+
.ui.compact.labeled.icon.button > .icon {
|
|
309
|
+
padding: 0.58928571em 0;
|
|
310
|
+
}
|
|
311
|
+
|
|
292
312
|
/* -------------------
|
|
293
313
|
Sizes
|
|
294
314
|
-------------------- */
|
|
@@ -351,7 +371,7 @@
|
|
|
351
371
|
Icon Only
|
|
352
372
|
--------------- */
|
|
353
373
|
.ui.icon.buttons .button,
|
|
354
|
-
.ui.icon.button:not(.labeled) {
|
|
374
|
+
.ui.icon.button:not(.compact):not(.labeled) {
|
|
355
375
|
padding: 0.78571429em 0.78571429em 0.78571429em;
|
|
356
376
|
}
|
|
357
377
|
.ui.animated.icon.button > .content > .icon,
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* Released under the MIT license
|
|
7
7
|
* https://opensource.org/licenses/MIT
|
|
8
8
|
*
|
|
9
|
-
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon{vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}@media only screen and (max-width:767.98px){.ui.stackable.buttons{flex-direction:column;width:100%}.ui.stackable.buttons .button:first-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:last-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:only-child{border-radius:0}}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.mini.buttons .button,.ui.mini.buttons .dropdown,.ui.mini.buttons .dropdown .menu>.item,.ui.mini.buttons .or,.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .dropdown,.ui.tiny.buttons .dropdown .menu>.item,.ui.tiny.buttons .or,.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.small.buttons .button,.ui.small.buttons .dropdown,.ui.small.buttons .dropdown .menu>.item,.ui.small.buttons .or,.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.large.buttons .button,.ui.large.buttons .dropdown,.ui.large.buttons .dropdown .menu>.item,.ui.large.buttons .or,.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .dropdown,.ui.big.buttons .dropdown .menu>.item,.ui.big.buttons .or,.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .dropdown,.ui.huge.buttons .dropdown .menu>.item,.ui.huge.buttons .or,.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .dropdown,.ui.massive.buttons .dropdown .menu>.item,.ui.massive.buttons .or,.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before,.ui.labeled.icon.buttons>.button>.icon::after,.ui.labeled.icon.buttons>.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.circular.buttons .button,.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon,.ui.circular.buttons .button>.icon{width:1em;vertical-align:baseline}.ui.circular.buttons:not(.vertical):not(.spaced) .button{margin-right:.25em}.ui.vertical.circular.buttons .button{margin-bottom:.25em}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.green.button,.ui.green.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.red.button,.ui.red.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons{box-shadow:none}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;border-radius:0;margin:0}.ui.buttons>.button{box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui.buttons .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;border-radius:0;box-shadow:none}.ui.vertical.buttons .button:first-child{border-top-left-radius:0;border-top-right-radius:0}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons .button:only-child{border-radius:0}.ui.spaced.buttons .ui.button{margin-bottom:1em;margin-right:1em;border-radius:0}
|
|
9
|
+
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon{vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}@media only screen and (max-width:767.98px){.ui.stackable.buttons{flex-direction:column;width:100%}.ui.stackable.buttons .button:first-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:last-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:only-child{border-radius:0}}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.compact.labeled.icon.button>.icon,.ui.compact.labeled.icon.buttons .button>.icon{padding:.58928571em 0}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.mini.buttons .button,.ui.mini.buttons .dropdown,.ui.mini.buttons .dropdown .menu>.item,.ui.mini.buttons .or,.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .dropdown,.ui.tiny.buttons .dropdown .menu>.item,.ui.tiny.buttons .or,.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.small.buttons .button,.ui.small.buttons .dropdown,.ui.small.buttons .dropdown .menu>.item,.ui.small.buttons .or,.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.large.buttons .button,.ui.large.buttons .dropdown,.ui.large.buttons .dropdown .menu>.item,.ui.large.buttons .or,.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .dropdown,.ui.big.buttons .dropdown .menu>.item,.ui.big.buttons .or,.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .dropdown,.ui.huge.buttons .dropdown .menu>.item,.ui.huge.buttons .or,.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .dropdown,.ui.massive.buttons .dropdown .menu>.item,.ui.massive.buttons .or,.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.compact):not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before,.ui.labeled.icon.buttons>.button>.icon::after,.ui.labeled.icon.buttons>.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.circular.buttons .button,.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon,.ui.circular.buttons .button>.icon{width:1em;vertical-align:baseline}.ui.circular.buttons:not(.vertical):not(.spaced) .button{margin-right:.25em}.ui.vertical.circular.buttons .button{margin-bottom:.25em}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.green.button,.ui.green.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.red.button,.ui.red.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons{box-shadow:none}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;border-radius:0;margin:0}.ui.buttons>.button{box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui.buttons .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;border-radius:0;box-shadow:none}.ui.vertical.buttons .button:first-child{border-top-left-radius:0;border-top-right-radius:0}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons .button:only-child{border-radius:0}.ui.spaced.buttons .ui.button{margin-bottom:1em;margin-right:1em;border-radius:0}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
@variationButtonInverted: false;
|
|
14
14
|
@variationButtonSocial: false;
|
|
15
15
|
@variationButtonFloated: true;
|
|
16
|
-
@variationButtonCompact:
|
|
16
|
+
@variationButtonCompact: true;
|
|
17
17
|
@variationButtonIcon: true;
|
|
18
18
|
@variationButtonLoading: true;
|
|
19
19
|
@variationButtonBasic: false;
|
|
@@ -930,6 +930,26 @@ input::selection {
|
|
|
930
930
|
margin-left: 0.25em;
|
|
931
931
|
}
|
|
932
932
|
|
|
933
|
+
/* -------------------
|
|
934
|
+
Compact
|
|
935
|
+
-------------------- */
|
|
936
|
+
|
|
937
|
+
.ui.compact.button {
|
|
938
|
+
padding: 0.58928571em 1.125em 0.58928571em;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.ui.compact.icon.button {
|
|
942
|
+
padding: 0.58928571em 0.58928571em 0.58928571em;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
.ui.compact.labeled.icon.button {
|
|
946
|
+
padding: 0.58928571em 3.69642857em 0.58928571em;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.ui.compact.labeled.icon.button > .icon {
|
|
950
|
+
padding: 0.58928571em 0;
|
|
951
|
+
}
|
|
952
|
+
|
|
933
953
|
/* -------------------
|
|
934
954
|
Sizes
|
|
935
955
|
-------------------- */
|
|
@@ -970,7 +990,7 @@ input::selection {
|
|
|
970
990
|
Icon Only
|
|
971
991
|
--------------- */
|
|
972
992
|
|
|
973
|
-
.ui.icon.button:not(.labeled) {
|
|
993
|
+
.ui.icon.button:not(.compact):not(.labeled) {
|
|
974
994
|
padding: 0.78571429em 0.78571429em 0.78571429em;
|
|
975
995
|
}
|
|
976
996
|
|
|
@@ -956,6 +956,30 @@ input::selection {
|
|
|
956
956
|
margin-left: 0.25em;
|
|
957
957
|
}
|
|
958
958
|
|
|
959
|
+
/* -------------------
|
|
960
|
+
Compact
|
|
961
|
+
-------------------- */
|
|
962
|
+
|
|
963
|
+
.ui.compact.buttons .button,
|
|
964
|
+
.ui.compact.button {
|
|
965
|
+
padding: 0.58928571em 1.125em 0.58928571em;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
.ui.compact.icon.buttons .button,
|
|
969
|
+
.ui.compact.icon.button {
|
|
970
|
+
padding: 0.58928571em 0.58928571em 0.58928571em;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
.ui.compact.labeled.icon.buttons .button,
|
|
974
|
+
.ui.compact.labeled.icon.button {
|
|
975
|
+
padding: 0.58928571em 3.69642857em 0.58928571em;
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
.ui.compact.labeled.icon.buttons .button > .icon,
|
|
979
|
+
.ui.compact.labeled.icon.button > .icon {
|
|
980
|
+
padding: 0.58928571em 0;
|
|
981
|
+
}
|
|
982
|
+
|
|
959
983
|
/* -------------------
|
|
960
984
|
Sizes
|
|
961
985
|
-------------------- */
|
|
@@ -1027,7 +1051,7 @@ input::selection {
|
|
|
1027
1051
|
--------------- */
|
|
1028
1052
|
|
|
1029
1053
|
.ui.icon.buttons .button,
|
|
1030
|
-
.ui.icon.button:not(.labeled) {
|
|
1054
|
+
.ui.icon.button:not(.compact):not(.labeled) {
|
|
1031
1055
|
padding: 0.78571429em 0.78571429em 0.78571429em;
|
|
1032
1056
|
}
|
|
1033
1057
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
* Released under the MIT license
|
|
23
23
|
* https://opensource.org/licenses/MIT
|
|
24
24
|
*
|
|
25
|
-
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.button:disabled,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}.ui[class*="left floated"].button{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button{float:right;margin-right:0;margin-left:.25em}.ui.button{font-size:1rem}.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.labeled){padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.labeled.icon.button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.primary.button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.secondary.button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.green.button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.red.button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.positive.button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.negative.button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}/*!
|
|
25
|
+
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.button:disabled,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}.ui[class*="left floated"].button{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button{float:right;margin-right:0;margin-left:.25em}.ui.compact.button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button{padding:.58928571em 3.69642857em .58928571em}.ui.compact.labeled.icon.button>.icon{padding:.58928571em 0}.ui.button{font-size:1rem}.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.compact):not(.labeled){padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.labeled.icon.button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.primary.button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.secondary.button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.green.button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.red.button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.positive.button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.negative.button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}/*!
|
|
26
26
|
* # Fomantic-UI 2.9.4 - Container
|
|
27
27
|
* https://github.com/fomantic/Fomantic-UI/
|
|
28
28
|
*
|