From acf30aee0146dfd8e0fbe9d377828a9da238c13e Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Mon, 27 May 2013 21:58:09 -0400 Subject: [PATCH] fixes to dropdown docs Former-commit-id: a208301ad370d725e0999f5748723817c536254c Former-commit-id: 7a83d5ba9f75c541ce2d0cff3d63518e3be2a609 --- build/minified/collections/grid.min.css | 2 +- build/minified/elements/button.min.css | 2 +- build/minified/elements/label.min.css | 2 +- build/minified/modules/dropdown.js | 5 ++ build/minified/modules/dropdown.min.js | 2 +- build/minified/modules/tab.min.js | 2 +- build/packaged/modules/dropdown.js | 5 ++ .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/collections/grid.css | 4 + build/uncompressed/elements/button.css | 1 + build/uncompressed/elements/label.css | 9 +- build/uncompressed/modules/dropdown.js | 5 ++ node/src/documents/modules/dropdown.html | 90 ++++++++++++++++--- .../components/semantic/collections/grid.css | 4 + .../components/semantic/elements/button.css | 1 + .../components/semantic/elements/label.css | 9 +- .../components/semantic/modules/dropdown.js | 5 ++ node/src/files/stylesheets/semantic.css | 3 + src/collections/grid.less | 4 + src/elements/button.less | 1 + src/elements/label.less | 9 +- src/modules/dropdown.js | 5 ++ 23 files changed, 142 insertions(+), 32 deletions(-) diff --git a/build/minified/collections/grid.min.css b/build/minified/collections/grid.min.css index 9ba5e43f7..a76f1b294 100644 --- a/build/minified/collections/grid.min.css +++ b/build/minified/collections/grid.min.css @@ -1 +1 @@ -.ui.grid{width:100%;display:block;text-align:center;font-size:0;margin:0 -1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.33%;padding-right:1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:2%;padding-top:2%}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-1.333%;margin-right:-1.333%}.ui.page.grid{padding:0 2%}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 20%}}.ui.grid .one.wide.column{width:8.3333%}.ui.grid .two.wide.column{width:16.66667%}.ui.grid .three.wide.column{width:25%}.ui.grid .four.wide.column{width:33.3333%}.ui.grid .five.wide.column{width:41.6666%}.ui.grid .six.wide.column{width:50%}.ui.grid .seven.wide.column{width:58.3333%}.ui.grid .eight.wide.column{width:66.6666%}.ui.grid .nine.wide.column{width:75%}.ui.grid .ten.wide.column{width:83.3333%}.ui.grid .eleven.wide.column{width:91.666%}.ui.grid .twelve.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:8.3333%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.two.column.grid .column{width:50%}.ui.three.column.grid .column{width:33.3333%}.ui.four.column.grid .column{width:25%}.ui.five.column.grid .column{width:20%}.ui.six.column.grid .column{width:16.66667%}.ui.seven.column.grid .column{width:14.2857%}.ui.eight.column.grid .column{width:12.5%}.ui.nine.column.grid .column{width:11.1111%}.ui.ten.column.grid .column{width:10%}.ui.eleven.column.grid .column{width:9.0909%}.ui.padded.grid{margin-left:0;margin-right:0}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid>.row{display:table}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:1.33%;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid .column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row .column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid .column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row .column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid .column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row .column{text-align:right}.ui.top.aligned.grid .column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row .column{vertical-align:top}.ui.middle.aligned.grid .column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row .column{vertical-align:middle}.ui.bottom.aligned.grid .column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row .column{vertical-align:bottom}.ui.grid .equal.row .column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important}.ui.stackable.grid .column{display:block!important;width:auto!important;margin:1.5em 3em 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.grid .column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.divided.grid .column:first-child,.ui.stackable.celled.grid .column:first-child{border-top:0!important}} \ No newline at end of file +.ui.grid{width:100%;display:block;text-align:center;font-size:0;margin:0 -1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.33%;padding-right:1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:2%;padding-top:2%}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-1.333%;margin-right:-1.333%}.ui.page.grid{padding:0 2%}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 20%}}.ui.grid .one.wide.column{width:8.3333%}.ui.grid .two.wide.column{width:16.66667%}.ui.grid .three.wide.column{width:25%}.ui.grid .four.wide.column{width:33.3333%}.ui.grid .five.wide.column{width:41.6666%}.ui.grid .six.wide.column{width:50%}.ui.grid .seven.wide.column{width:58.3333%}.ui.grid .eight.wide.column{width:66.6666%}.ui.grid .nine.wide.column{width:75%}.ui.grid .ten.wide.column{width:83.3333%}.ui.grid .eleven.wide.column{width:91.666%}.ui.grid .twelve.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:8.3333%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.two.column.grid .column{width:50%}.ui.three.column.grid .column{width:33.3333%}.ui.four.column.grid .column{width:25%}.ui.five.column.grid .column{width:20%}.ui.six.column.grid .column{width:16.66667%}.ui.seven.column.grid .column{width:14.2857%}.ui.eight.column.grid .column{width:12.5%}.ui.nine.column.grid .column{width:11.1111%}.ui.ten.column.grid .column{width:10%}.ui.eleven.column.grid .column{width:9.0909%}.ui.padded.grid{margin-left:0;margin-right:0}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid>.row{display:table}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{display:table;-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:1.33%;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid .column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row .column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid .column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row .column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid .column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row .column{text-align:right}.ui.top.aligned.grid .column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row .column{vertical-align:top}.ui.middle.aligned.grid .column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row .column{vertical-align:middle}.ui.bottom.aligned.grid .column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row .column{vertical-align:bottom}.ui.grid .equal.row{display:table}.ui.grid .equal.row .column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important}.ui.stackable.grid .column{display:block!important;width:auto!important;margin:1.5em 3em 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.grid .column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.divided.grid .column:first-child,.ui.stackable.celled.grid .column:first-child{border-top:0!important}} \ No newline at end of file diff --git a/build/minified/elements/button.min.css b/build/minified/elements/button.min.css index 5375c6aa1..14d777256 100644 --- a/build/minified/elements/button.min.css +++ b/build/minified/elements/button.min.css @@ -1 +1 @@ -.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;outline:0;background-color:#F0F0F0;color:#999;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;text-shadow:none;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease}.ui.button:hover,.ui.button.hover{opacity:1!important;background-color:#EAEAEA;color:#777}.ui.button:active,.ui.button.down{opacity:1!important;background-color:#E6E6E6;color:#777;-webkit-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{opacity:1!important;background-color:#E6E6E6;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#666;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#7AAA3D;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#CD2D4D;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#0AA5DF;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#2E2860;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#00847E;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#89B84C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7AAA3D;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#CD2D4D;color:#FFF}.ui.buttons.secondary .button,.ui.secondary.button{font-weight:400;opacity:.9}.ui.buttons.tertiary .button,.ui.tertiary.button{font-weight:400;box-shadow:none;opacity:.7}.ui.buttons.mini .button,.ui.mini.button{font-size:.8rem;padding:.6em .8em}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.9rem;padding:.6em .8em}.ui.small.buttons .button,.ui.small.button{font-size:.9rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem;padding-left:2em;padding-right:2em}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700;padding-left:2.5em;padding-right:2.5em}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.button>.icon{line-height:1;margin-right:.75em}.ui.icon.buttons .button,.ui.icon.button{padding:.8em 1em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{margin:0;vertical-align:top}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding:.8em 1.5em .8em 4em!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:2.75em;height:100%;padding-top:.8em;background-color:rgba(0,0,0,.05);text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;line-height:1;-webkit-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;-moz-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset}.ui.labeled.icon.buttons .button>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-left-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom-left-radius:.3125em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.circular.button{-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em} \ No newline at end of file +.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;outline:0;background-color:#F0F0F0;color:#999;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;text-shadow:none;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease}.ui.button:hover,.ui.button.hover{opacity:1!important;background-color:#EAEAEA;color:#777}.ui.button:active,.ui.button.down{opacity:1!important;background-color:#E6E6E6;color:#777;-webkit-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{opacity:1!important;background-color:#E6E6E6;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#666;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#7AAA3D;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#CD2D4D;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#0AA5DF;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#2E2860;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#00847E;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#89B84C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7AAA3D;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#CD2D4D;color:#FFF}.ui.buttons.secondary .button,.ui.secondary.button{font-weight:400;opacity:.9}.ui.buttons.tertiary .button,.ui.tertiary.button{font-weight:400;box-shadow:none;opacity:.7}.ui.buttons.mini .button,.ui.mini.button{font-size:.8rem;padding:.6em .8em}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.9rem;padding:.6em .8em}.ui.small.buttons .button,.ui.small.button{font-size:.9rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem;padding-left:2em;padding-right:2em}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700;padding-left:2.5em;padding-right:2.5em}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.button>.icon{line-height:1;margin-right:.75em}.ui.icon.buttons .button,.ui.icon.button{padding:.8em 1em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{margin:0;width:auto;vertical-align:top}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding:.8em 1.5em .8em 4em!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:2.75em;height:100%;padding-top:.8em;background-color:rgba(0,0,0,.05);text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;line-height:1;-webkit-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;-moz-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset}.ui.labeled.icon.buttons .button>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-left-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom-left-radius:.3125em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.circular.button{-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em} \ No newline at end of file diff --git a/build/minified/elements/label.min.css b/build/minified/elements/label.min.css index 5d8407c56..6f7b146df 100644 --- a/build/minified/elements/label.min.css +++ b/build/minified/elements/label.min.css @@ -1 +1 @@ -.ui.label{display:inline-block;vertical-align:middle;background-color:#F5F5F5;padding:.6em 1em;color:rgba(0,0,0,.65);font-weight:700;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:1em;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#F0F0F0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#F0F0F0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.attached.label{position:absolute;top:0;left:0;margin-top:0!important;background-color:transparent;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.right.attached.label{left:auto;right:0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.bottom.right.attached.label{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8em}.ui.small.labels .label,.ui.small.label{font-size:.7em}.ui.large.labels .label,.ui.large.label{font-size:1em} \ No newline at end of file +.ui.label{display:inline-block;vertical-align:middle;background-color:#F5F5F5;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:1em;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#F0F0F0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#F0F0F0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.attached.label{position:absolute;top:0;left:0;margin-top:0!important;background-color:transparent;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.right.attached.label{left:auto;right:0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.bottom.right.attached.label{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8em}.ui.small.labels .label,.ui.small.label{font-size:.7em}.ui.large.labels .label,.ui.large.label{font-size:1em} \ No newline at end of file diff --git a/build/minified/modules/dropdown.js b/build/minified/modules/dropdown.js index 2d85f06a2..894702aa5 100644 --- a/build/minified/modules/dropdown.js +++ b/build/minified/modules/dropdown.js @@ -74,6 +74,11 @@ $.fn.dropdown = function(parameters) { .on('mouseleave' + eventNamespace, module.delayedHide) ; } + else { + $module + .on(settings.on + eventNamespace, module.toggle) + ; + } $item .on('click' + eventNamespace, module.event.item.click) diff --git a/build/minified/modules/dropdown.min.js b/build/minified/modules/dropdown.min.js index fb1517600..caefaff10 100644 --- a/build/minified/modules/dropdown.min.js +++ b/build/minified/modules/dropdown.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.extend(!0,{},e.fn.dropdown.settings,t),c="."+r.namespace,l="module-"+r.namespace,u=(a.selector||"",(new Date).getTime()),d=[],f=arguments[0],m="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,g=e(this),h=e(this).find(r.selector.menu),v=e(this).find(r.selector.item),b=e(this).find(r.selector.text),y=e(this).find(r.selector.input),x="ontouchstart"in n.documentElement,C=g.selector||"",w=this,T=g.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,P=r.animation,D=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",g),console.log(r.on),x?g.on("touchstart"+c,t.toggle):"click"==r.on?g.on("click"+c,t.toggle):"hover"==r.on&&g.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide),v.on("click"+c,t.event.item.click),g.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",g),g.off(z)},event:{item:{click:function(){var n=e(this).data(N.value)||e(this).text();e.isFunction(t.action[r.action])?(t.verbose("Triggering preset item action",r.action),t.action[r.action](n)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n)):t.error(D.action),e.proxy(r.onChange,h.get())(n)}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),0==e(n.target).closest(h).size()&&(o(),n.stopPropagation())},bind:function(){t.verbose("Binding hide intent event to document"),e(n).on("click",function(e){t.intent.test(e,t.hide)})},unbind:function(){t.verbose("Removing hide intent event from document"),s.off("click")}},action:{nothing:function(){},hide:function(){t.hide()},changeText:function(e){t.debug("Changing text",e),b.text(e),t.hide()},form:function(e){t.debug("Adding selected value to hidden input",e),b.text(e),y.val(e),t.hide()}},is:{visible:function(){return h.is(":visible")},hidden:function(){return h.is(":not(:visible)")}},can:{click:function(){return x||"click"==r.on},show:function(){return!g.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"show"==P.show?h.show():"slide"==P.show&&h.clearQueue().children().clearQueue().css("opacity",0).delay(100).animate({opacity:1},300,"easeOutQuad").end().slideDown(200,"easeOutQuad")},hide:function(){t.verbose("Doing menu hiding animation"),"hide"==P.hide?h.hide():"slide"==P.hide&&h.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},300,"easeOutQuad").end().delay(100).slideUp(200,"easeOutQuad")}},show:function(){clearTimeout(t.graceTimer),t.is.visible()||(t.debug("Showing dropdown"),g.addClass(k.active),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),g.removeClass(k.active),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},toggle:function(){t.verbose("Toggling menu visibility"),t.can.show()?t.show():t.hide()},setting:function(t,n){return n===o?r[t]:(e.isPlainObject(t)?e.extend(!0,r,t):r[t]=n,o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(t.performance.log(arguments[0]),t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(t.performance.log(arguments[0]),t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){console.log!==o&&(t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":"))},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=u||n,o=n-i,u=n,d.push({Element:w,Name:e,"Execution Time":o}),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100))},display:function(){var t=r.moduleName,n=(r.moduleName+": "+C+"("+a.size()+" elements)",0);C&&(t+="Performance ("+C+")"),(console.group!==o||console.table!==o)&&d.length>0&&(console.groupCollapsed(t),console.table?(e.each(d,function(e,t){n+=t["Execution Time"]}),console.table(d)):e.each(d,function(e,t){n+=t["Execution Time"]}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),d=[],u=!1)}},invoke:function(n,i,a){var s,r;return i=i||p,a=w||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(D.method),!1)})),e.isFunction(r)?(t.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},m?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown Module",namespace:"dropdown",verbose:!0,debug:!0,performance:!1,action:"hide",animation:{show:"slide",hide:"slide"},on:"click",gracePeriod:300,onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined."},metadata:{value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"visible"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.extend(!0,{},e.fn.dropdown.settings,t),c="."+r.namespace,l="module-"+r.namespace,u=(a.selector||"",(new Date).getTime()),d=[],f=arguments[0],m="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,g=e(this),h=e(this).find(r.selector.menu),v=e(this).find(r.selector.item),b=e(this).find(r.selector.text),y=e(this).find(r.selector.input),x="ontouchstart"in n.documentElement,C=g.selector||"",w=this,T=g.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,P=r.animation,D=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",g),console.log(r.on),x?g.on("touchstart"+c,t.toggle):"click"==r.on?g.on("click"+c,t.toggle):"hover"==r.on?g.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):g.on(r.on+c,t.toggle),v.on("click"+c,t.event.item.click),g.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",g),g.off(z)},event:{item:{click:function(){var n=e(this).data(N.value)||e(this).text();e.isFunction(t.action[r.action])?(t.verbose("Triggering preset item action",r.action),t.action[r.action](n)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n)):t.error(D.action),e.proxy(r.onChange,h.get())(n)}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),0==e(n.target).closest(h).size()&&(o(),n.stopPropagation())},bind:function(){t.verbose("Binding hide intent event to document"),e(n).on("click",function(e){t.intent.test(e,t.hide)})},unbind:function(){t.verbose("Removing hide intent event from document"),s.off("click")}},action:{nothing:function(){},hide:function(){t.hide()},changeText:function(e){t.debug("Changing text",e),b.text(e),t.hide()},form:function(e){t.debug("Adding selected value to hidden input",e),b.text(e),y.val(e),t.hide()}},is:{visible:function(){return h.is(":visible")},hidden:function(){return h.is(":not(:visible)")}},can:{click:function(){return x||"click"==r.on},show:function(){return!g.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"show"==P.show?h.show():"slide"==P.show&&h.clearQueue().children().clearQueue().css("opacity",0).delay(100).animate({opacity:1},300,"easeOutQuad").end().slideDown(200,"easeOutQuad")},hide:function(){t.verbose("Doing menu hiding animation"),"hide"==P.hide?h.hide():"slide"==P.hide&&h.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},300,"easeOutQuad").end().delay(100).slideUp(200,"easeOutQuad")}},show:function(){clearTimeout(t.graceTimer),t.is.visible()||(t.debug("Showing dropdown"),g.addClass(k.active),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),g.removeClass(k.active),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},toggle:function(){t.verbose("Toggling menu visibility"),t.can.show()?t.show():t.hide()},setting:function(t,n){return n===o?r[t]:(e.isPlainObject(t)?e.extend(!0,r,t):r[t]=n,o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(t.performance.log(arguments[0]),t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(t.performance.log(arguments[0]),t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){console.log!==o&&(t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":"))},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=u||n,o=n-i,u=n,d.push({Element:w,Name:e,"Execution Time":o}),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100))},display:function(){var t=r.moduleName,n=(r.moduleName+": "+C+"("+a.size()+" elements)",0);C&&(t+="Performance ("+C+")"),(console.group!==o||console.table!==o)&&d.length>0&&(console.groupCollapsed(t),console.table?(e.each(d,function(e,t){n+=t["Execution Time"]}),console.table(d)):e.each(d,function(e,t){n+=t["Execution Time"]}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),d=[],u=!1)}},invoke:function(n,i,a){var s,r;return i=i||p,a=w||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(D.method),!1)})),e.isFunction(r)?(t.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},m?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown Module",namespace:"dropdown",verbose:!0,debug:!0,performance:!1,action:"hide",animation:{show:"slide",hide:"slide"},on:"click",gracePeriod:300,onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined."},metadata:{value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"visible"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/tab.min.js b/build/minified/modules/tab.min.js index 45d062b6a..d8ea9757b 100644 --- a/build/minified/modules/tab.min.js +++ b/build/minified/modules/tab.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.tabNavigation=function(n){var i,a,s,r,c,l=e.extend(!0,{},e.fn.tabNavigation.settings,n),u=e(this),d=e(l.context).find(l.selector.tabs),f=!0,p={},m=0,g=l.className,h=l.metadata,v=l.namespace,b=l.errors,y=u.data("module"),x=arguments[0],w=y!==o&&"string"==typeof x,C=[].slice.call(arguments,1);return r={initialize:function(){r.debug("Initializing Tabs",u),l.history&&l.path!==!1&&(e.address!==o?(r.verbose("Address library found adding state change event"),e.address.state(l.path).change(r.event.history.change)):r.error(b.state)),e.isWindow(u.get(0))||u.on("click."+v,r.event.click),u.data("module",r)},destroy:function(){r.debug("Destroying tabs",u),u.off("."+v)},event:{click:function(){r.debug("Navigation clicked");var t=e(this).data(h.tab);t!==o?t!==i&&(l.history?e.address.value(t):r.change(t)):r.debug("No tab specified")},history:{change:function(t){var n=t.pathNames.join("/")||r.get.initialPath(),i=l.templates.determineTitle(n)||!1;r.debug("History change event",n,t),s=t,n!==o&&r.change(n),i&&e.address.title(i)}}},refresh:function(){i&&(r.debug("Refreshing tab",i),r.change(i))},cache:{read:function(e){return e!==o?p[e]:p},add:function(e,t){e=e||i,r.debug("Adding cached content for",e),p[e]=t},remove:function(e){e=e||i,r.debug("Removing cached content for",e),delete p[e]}},change:function(n){var c=r.get.defaultPathArray(n);r.deactivate.all(),e.each(c,function(u,d){var m=c.slice(0,u+1),g=r.utils.arrayToPath(m),h=r.utils.last(c)==g,v=r.is.tab(g),b=!v,y=t.history&&t.history.pushState,x=y&&l.ignoreFirstLoad&&f,w=e.isPlainObject(l.apiSettings),C=r.get.tabElement(g);return r.verbose("Looking for tab",d),b?(r.verbose("Tab is not found, assuming it is a parameter",d),!0):(v&&(r.verbose("Tab was found",d),i=g,a=r.utils.filterArray(c,m),h&&w?x?(r.debug("Ignoring remote content on first tab load",g),f=!1,p[n]=C.html(),r.activate.all(g),e.proxy(l.onTabInit,C)(g,a,s)):(r.activate.navigation(g),r.content.fetch(g,l.onTabLoad)):(r.debug("Opened tab",g),r.activate.all(g),e.proxy(l.onTabLoad,C)(g,a,s))),o)})},content:{fetch:function(t){var n=r.get.tabElement(t),c=p[t]||!1,u={dataType:"html",stateContext:n,success:function(o){p[t]=o,r.content.update(t,o),t==i?(r.debug("Content loaded",t),r.activate.tab(t)):r.debug("Content loaded in background",t),e.proxy(l.onTabInit,n)(t,a,s)},urlData:{tab:t}},d=n.data(h.promise)||!1,f=d&&"pending"===d.state();l.cache&&c?(r.debug("Showing existing content",t),r.activate.tab(t),e.proxy(l.onTabLoad,n)(t,a,s)):f?(r.debug("Content is already loading",t),n.addClass(g.loading)):e.api!==o?(r.debug("Retrieving content",t),e.api(e.extend(!0,{},l.apiSettings,u))):r.error(b.api)},update:function(e,t){r.debug("Updating html for",e);var n=r.get.tabElement(e);n.html(t)}},activate:{all:function(e){r.activate.tab(e),r.activate.navigation(e)},tab:function(e){var t=r.get.tabElement(e);r.verbose("Showing tab content for",t),t.addClass(g.active)},navigation:function(e){var t=r.get.navElement(e);r.verbose("Activating tab navigation for",t),t.addClass(g.active)}},deactivate:{all:function(){r.deactivate.navigation(),r.deactivate.tabs()},navigation:function(){u.removeClass(g.active)},tabs:function(){d.removeClass(g.active+" "+g.loading)}},is:{tab:function(e){return r.get.tabElement(e).size()>0}},get:{initialPath:function(){return u.eq(0).data(h.tab)||d.eq(0).data(h.tab)},defaultPathArray:function(e){return r.utils.pathToArray(r.get.defaultPath(e))},defaultPath:function(e){var t=u.filter("[data-"+h.tab+'^="'+e+'/"]').eq(0),n=t.data(h.tab)||!1;if(n){if(r.debug("Found default tab",n),l.maxDepth>m)return m++,r.get.defaultPath(n);r.error(b.recursion)}return m=0,e},navElement:function(e){return e=e||i,u.filter("[data-"+h.tab+'="'+e+'"]')},tabElement:function(e){var t,n,o,a;return e=e||i,o=r.utils.pathToArray(e),a=r.utils.last(o),t=d.filter("[data-"+h.tab+'="'+a+'"]'),n=d.filter("[data-"+h.tab+'="'+e+'"]'),t.size()>0?t:n},tab:function(){return i}},utils:{filterArray:function(t,n){return e.grep(t,function(t){return-1==e.inArray(t,n)})},last:function(t){return e.isArray(t)?t[t.length-1]:!1},pathToArray:function(e){return e===o&&(e=i),"string"==typeof e?e.split("/"):[e]},arrayToPath:function(t){return e.isArray(t)?t.join("/"):!1}},setting:function(e,t){return t===o?l[e]:(l[e]=t,o)},verbose:function(){l.verbose&&r.debug.apply(this,arguments)},debug:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.info||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),o.apply(console,e.concat(n)))},error:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.warn||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),e.concat(n),o.apply(console,e.concat(n)))},invoke:function(t,n,i){var a,s;return i=i||[].slice.call(arguments,2),"string"==typeof t&&y!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(y[n])&&t!=a?(y=y[n],!0):y[n]!==o?(s=y[n],!0):(r.error(l.errors.method),!1)})),e.isFunction(s)?s.apply(n,i):s}},w?c=r.invoke(x,this,C):r.initialize(),c!==o?c:this},e.tabNavigation=function(n){e(t).tabNavigation(n)},e.fn.tabNavigation.settings={moduleName:"Tab Module",verbose:!1,debug:!0,namespace:"tab",onTabInit:function(){},onTabLoad:function(){},templates:{determineTitle:function(){}},history:!1,path:!1,context:"body",maxDepth:25,ignoreFirstLoad:!0,alwaysRefresh:!1,cache:!0,apiSettings:!1,errors:{api:"You attempted to load content without API module",noContent:"The tab you specified is missing a content url.",method:"The method you called is not defined",state:"The state library has not been initialized",missingTab:"Missing tab: ",recursion:"Max recursive depth reached"},metadata:{tab:"tab",loaded:"loaded",promise:"promise"},className:{loading:"loading",active:"active"},selector:{tabs:".tab"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.tabNavigation=function(n){var i,a,s,r,c,l=e.extend(!0,{},e.fn.tabNavigation.settings,n),u=e(this),d=e(l.context).find(l.selector.tabs),f=!0,p={},g=0,m=l.className,h=l.metadata,v=l.namespace,b=l.errors,y=u.data("module"),x=arguments[0],w=y!==o&&"string"==typeof x,C=[].slice.call(arguments,1);return r={initialize:function(){r.debug("Initializing Tabs",u),l.history&&l.path!==!1&&(e.address!==o?(r.verbose("Address library found adding state change event"),e.address.state(l.path).change(r.event.history.change)):r.error(b.state)),e.isWindow(u.get(0))||u.on("click."+v,r.event.click),u.data("module",r)},destroy:function(){r.debug("Destroying tabs",u),u.off("."+v)},event:{click:function(){r.debug("Navigation clicked");var t=e(this).data(h.tab);t!==o?t!==i&&(l.history?e.address.value(t):r.change(t)):r.debug("No tab specified")},history:{change:function(t){var n=t.pathNames.join("/")||r.get.initialPath(),i=l.templates.determineTitle(n)||!1;r.debug("History change event",n,t),s=t,n!==o&&r.change(n),i&&e.address.title(i)}}},refresh:function(){i&&(r.debug("Refreshing tab",i),r.change(i))},cache:{read:function(e){return e!==o?p[e]:p},add:function(e,t){e=e||i,r.debug("Adding cached content for",e),p[e]=t},remove:function(e){e=e||i,r.debug("Removing cached content for",e),delete p[e]}},change:function(n){var c=r.get.defaultPathArray(n);r.deactivate.all(),e.each(c,function(u,d){var g=c.slice(0,u+1),m=r.utils.arrayToPath(g),h=r.utils.last(c)==m,v=r.is.tab(m),b=!v,y=t.history&&t.history.pushState,x=y&&l.ignoreFirstLoad&&f,w=e.isPlainObject(l.apiSettings),C=r.get.tabElement(m);return r.verbose("Looking for tab",d),b?(r.verbose("Tab is not found, assuming it is a parameter",d),!0):(v&&(r.verbose("Tab was found",d),i=m,a=r.utils.filterArray(c,g),h&&w?x?(r.debug("Ignoring remote content on first tab load",m),f=!1,p[n]=C.html(),r.activate.all(m),e.proxy(l.onTabInit,C)(m,a,s)):(r.activate.navigation(m),r.content.fetch(m,l.onTabLoad)):(r.debug("Opened tab",m),r.activate.all(m),e.proxy(l.onTabLoad,C)(m,a,s))),o)})},content:{fetch:function(t){var n=r.get.tabElement(t),c=p[t]||!1,u={dataType:"html",stateContext:n,success:function(o){p[t]=o,r.content.update(t,o),t==i?(r.debug("Content loaded",t),r.activate.tab(t)):r.debug("Content loaded in background",t),e.proxy(l.onTabInit,n)(t,a,s)},urlData:{tab:t}},d=n.data(h.promise)||!1,f=d&&"pending"===d.state();l.cache&&c?(r.debug("Showing existing content",t),r.activate.tab(t),e.proxy(l.onTabLoad,n)(t,a,s)):f?(r.debug("Content is already loading",t),n.addClass(m.loading)):e.api!==o?(r.debug("Retrieving content",t),e.api(e.extend(!0,{},l.apiSettings,u))):r.error(b.api)},update:function(e,t){r.debug("Updating html for",e);var n=r.get.tabElement(e);n.html(t)}},activate:{all:function(e){r.activate.tab(e),r.activate.navigation(e)},tab:function(e){var t=r.get.tabElement(e);r.verbose("Showing tab content for",t),t.addClass(m.active)},navigation:function(e){var t=r.get.navElement(e);r.verbose("Activating tab navigation for",t),t.addClass(m.active)}},deactivate:{all:function(){r.deactivate.navigation(),r.deactivate.tabs()},navigation:function(){u.removeClass(m.active)},tabs:function(){d.removeClass(m.active+" "+m.loading)}},is:{tab:function(e){return r.get.tabElement(e).size()>0}},get:{initialPath:function(){return u.eq(0).data(h.tab)||d.eq(0).data(h.tab)},defaultPathArray:function(e){return r.utils.pathToArray(r.get.defaultPath(e))},defaultPath:function(e){var t=u.filter("[data-"+h.tab+'^="'+e+'/"]').eq(0),n=t.data(h.tab)||!1;if(n){if(r.debug("Found default tab",n),l.maxDepth>g)return g++,r.get.defaultPath(n);r.error(b.recursion)}return g=0,e},navElement:function(e){return e=e||i,u.filter("[data-"+h.tab+'="'+e+'"]')},tabElement:function(e){var t,n,o,a;return e=e||i,o=r.utils.pathToArray(e),a=r.utils.last(o),t=d.filter("[data-"+h.tab+'="'+a+'"]'),n=d.filter("[data-"+h.tab+'="'+e+'"]'),t.size()>0?t:n},tab:function(){return i}},utils:{filterArray:function(t,n){return e.grep(t,function(t){return-1==e.inArray(t,n)})},last:function(t){return e.isArray(t)?t[t.length-1]:!1},pathToArray:function(e){return e===o&&(e=i),"string"==typeof e?e.split("/"):[e]},arrayToPath:function(t){return e.isArray(t)?t.join("/"):!1}},setting:function(e,t){return t===o?l[e]:(l[e]=t,o)},verbose:function(){l.verbose&&r.debug.apply(this,arguments)},debug:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.info||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),o.apply(console,e.concat(n)))},error:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.warn||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),e.concat(n),o.apply(console,e.concat(n)))},invoke:function(t,n,i){var a,s;return i=i||[].slice.call(arguments,2),"string"==typeof t&&y!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(y[n])&&t!=a?(y=y[n],!0):y[n]!==o?(s=y[n],!0):(r.error(l.errors.method),!1)})),e.isFunction(s)?s.apply(n,i):s}},w?c=r.invoke(x,this,C):r.initialize(),c!==o?c:this},e.tabNavigation=function(n){e(t).tabNavigation(n)},e.fn.tabNavigation.settings={moduleName:"Tab Module",verbose:!1,debug:!0,namespace:"tab",onTabInit:function(){},onTabLoad:function(){},templates:{determineTitle:function(){}},history:!1,path:!1,context:"body",maxDepth:25,ignoreFirstLoad:!0,alwaysRefresh:!1,cache:!0,apiSettings:!1,errors:{api:"You attempted to load content without API module",noContent:"The tab you specified is missing a content url.",method:"The method you called is not defined",state:"The state library has not been initialized",missingTab:"Missing tab: ",recursion:"Max recursive depth reached"},metadata:{tab:"tab",loaded:"loaded",promise:"promise"},className:{loading:"loading",active:"active"},selector:{tabs:".tab"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/packaged/modules/dropdown.js b/build/packaged/modules/dropdown.js index 2d85f06a2..894702aa5 100644 --- a/build/packaged/modules/dropdown.js +++ b/build/packaged/modules/dropdown.js @@ -74,6 +74,11 @@ $.fn.dropdown = function(parameters) { .on('mouseleave' + eventNamespace, module.delayedHide) ; } + else { + $module + .on(settings.on + eventNamespace, module.toggle) + ; + } $item .on('click' + eventNamespace, module.event.item.click) diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index a8fdd2e1b..4d9d1baf6 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -e552253d17881eda267621f3d946d81039cc6e87 \ No newline at end of file +f2ef2da283399e7a48c30aaa1d942f652b053527 \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index 1274b90b3..9bb0c32a5 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -7e1bb8477df47718254ea69649fe3f0c4e10d4cf \ No newline at end of file +75b0dcf26fbaba1f015dab6d083f18421b0b9bfb \ No newline at end of file diff --git a/build/uncompressed/collections/grid.css b/build/uncompressed/collections/grid.css index c766624c3..3a098ef59 100644 --- a/build/uncompressed/collections/grid.css +++ b/build/uncompressed/collections/grid.css @@ -238,6 +238,7 @@ Celled -----------------------*/ .ui.celled.grid { + display: table; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -308,6 +309,9 @@ /*---------------------- Equal Height Columns -----------------------*/ +.ui.grid .equal.row { + display: table; +} .ui.grid .equal.row .column { display: table-cell; } diff --git a/build/uncompressed/elements/button.css b/build/uncompressed/elements/button.css index 966e079ef..490b07ae0 100644 --- a/build/uncompressed/elements/button.css +++ b/build/uncompressed/elements/button.css @@ -446,6 +446,7 @@ Containing Icon .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { margin: 0em; + width: auto; vertical-align: top; } /*-------------- diff --git a/build/uncompressed/elements/label.css b/build/uncompressed/elements/label.css index cc33857fd..63f1c63ab 100644 --- a/build/uncompressed/elements/label.css +++ b/build/uncompressed/elements/label.css @@ -16,13 +16,12 @@ display: inline-block; vertical-align: middle; background-color: #F5F5F5; - padding: 0.6em 1em; + padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); - font-weight: bold; text-transform: uppercase; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 0.325em; + -moz-border-radius: 0.325em; + border-radius: 0.325em; -webkit-transition: background 0.1s linear ; -moz-transition: background 0.1s linear diff --git a/build/uncompressed/modules/dropdown.js b/build/uncompressed/modules/dropdown.js index 2d85f06a2..894702aa5 100644 --- a/build/uncompressed/modules/dropdown.js +++ b/build/uncompressed/modules/dropdown.js @@ -74,6 +74,11 @@ $.fn.dropdown = function(parameters) { .on('mouseleave' + eventNamespace, module.delayedHide) ; } + else { + $module + .on(settings.on + eventNamespace, module.toggle) + ; + } $item .on('click' + eventNamespace, module.event.item.click) diff --git a/node/src/documents/modules/dropdown.html b/node/src/documents/modules/dropdown.html index 1987051a6..42599463c 100644 --- a/node/src/documents/modules/dropdown.html +++ b/node/src/documents/modules/dropdown.html @@ -59,7 +59,7 @@ type : 'UI Module'

Combo Dropdown

-

A button can be formatted with a dropdown beside it

+

A button group can be formatted with a dropdown

Update Post
@@ -131,30 +131,100 @@ type : 'UI Module'

Variations

+
+

Simple

+

A dropdown can open without javascript

+
+
+ Dropdown +
+
Choice 1
+
Choice 2
+
Choice 3
+
+
+
+

Behavior

-

A checkbox can change to show a user has selected it

+

Trigger event

+

A dropdown can trigger based on a variety of user events

- $('.ui.checkbox') - .checkbox('enable') + // changes dropdown visibility on hover + $('.ui.dropdown') + .dropdown({ + on: 'hover' + }) + ; + // changes dropdown visibility on click + $('.ui.dropdown') + .dropdown({ + on: 'click' + }) ;
-

A checkbox can change to show a user has not selected it

+

Dropdown Action

+

A dropdown can trigger different behaviors on selection

- $('.ui.checkbox') - .checkbox('disable') + // just hides content + $('.ui.dropdown') + .dropdown({ + action: 'hide' + }) + ; + // changes text of matching text selector + $('.ui.dropdown') + .dropdown({ + action: 'changeText' + }) + ; + // changes text of matching text selector and hidden input field + $('.ui.dropdown') + .dropdown({ + action: 'form' + }) + ; + // triggers custom action + $('.ui.dropdown') + .dropdown({ + action: function() { + // custom action + } + }) + ; + // triggers a default action and a custom action + $('.ui.dropdown') + .dropdown({ + action: 'hide', + onChange: function() { + // do something + } + }) ;
-

A checkbox can toggle between states

+

Display state

+

A dropdown can show or hide itself

- $('.ui.checkbox') - .checkbox('toggle') + $('.ui.dropdown') + .dropdown('show') + ; + $('.ui.dropdown') + .dropdown('hide') + ; +
+
+
+

Toggle

+

A dropdown can toggle between states

+
+ $('.ui.dropdown') + .dropdown('toggle') ;
diff --git a/node/src/files/components/semantic/collections/grid.css b/node/src/files/components/semantic/collections/grid.css index c766624c3..3a098ef59 100644 --- a/node/src/files/components/semantic/collections/grid.css +++ b/node/src/files/components/semantic/collections/grid.css @@ -238,6 +238,7 @@ Celled -----------------------*/ .ui.celled.grid { + display: table; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -308,6 +309,9 @@ /*---------------------- Equal Height Columns -----------------------*/ +.ui.grid .equal.row { + display: table; +} .ui.grid .equal.row .column { display: table-cell; } diff --git a/node/src/files/components/semantic/elements/button.css b/node/src/files/components/semantic/elements/button.css index 966e079ef..490b07ae0 100644 --- a/node/src/files/components/semantic/elements/button.css +++ b/node/src/files/components/semantic/elements/button.css @@ -446,6 +446,7 @@ Containing Icon .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { margin: 0em; + width: auto; vertical-align: top; } /*-------------- diff --git a/node/src/files/components/semantic/elements/label.css b/node/src/files/components/semantic/elements/label.css index cc33857fd..63f1c63ab 100644 --- a/node/src/files/components/semantic/elements/label.css +++ b/node/src/files/components/semantic/elements/label.css @@ -16,13 +16,12 @@ display: inline-block; vertical-align: middle; background-color: #F5F5F5; - padding: 0.6em 1em; + padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); - font-weight: bold; text-transform: uppercase; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 0.325em; + -moz-border-radius: 0.325em; + border-radius: 0.325em; -webkit-transition: background 0.1s linear ; -moz-transition: background 0.1s linear diff --git a/node/src/files/components/semantic/modules/dropdown.js b/node/src/files/components/semantic/modules/dropdown.js index 2d85f06a2..894702aa5 100644 --- a/node/src/files/components/semantic/modules/dropdown.js +++ b/node/src/files/components/semantic/modules/dropdown.js @@ -74,6 +74,11 @@ $.fn.dropdown = function(parameters) { .on('mouseleave' + eventNamespace, module.delayedHide) ; } + else { + $module + .on(settings.on + eventNamespace, module.toggle) + ; + } $item .on('click' + eventNamespace, module.event.item.click) diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index d03f15f4c..db67d7532 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -260,6 +260,9 @@ a:hover { background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; } +#example .segment h1.dividing.header { + margin-top: 35px; +} #example .download.menu { margin-top: 15px; float: right; diff --git a/src/collections/grid.less b/src/collections/grid.less index 597b72dc1..1338a58fd 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -317,6 +317,7 @@ -----------------------*/ .ui.celled.grid { + display: table; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -394,6 +395,9 @@ Equal Height Columns -----------------------*/ +.ui.grid .equal.row { + display: table; +} .ui.grid .equal.row .column { display: table-cell; } diff --git a/src/elements/button.less b/src/elements/button.less index 2252baa5b..4f0e9f09b 100755 --- a/src/elements/button.less +++ b/src/elements/button.less @@ -545,6 +545,7 @@ Containing Icon .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { margin: 0em; + width: auto; vertical-align: top; } diff --git a/src/elements/label.less b/src/elements/label.less index c6a0180d6..40940531a 100755 --- a/src/elements/label.less +++ b/src/elements/label.less @@ -19,15 +19,14 @@ vertical-align: middle; background-color: #F5F5F5; - padding: 0.6em 1em; + padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); - font-weight: bold; text-transform: uppercase; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 0.325em; + -moz-border-radius: 0.325em; + border-radius: 0.325em; -webkit-transition: background 0.1s linear diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index 2d85f06a2..894702aa5 100644 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -74,6 +74,11 @@ $.fn.dropdown = function(parameters) { .on('mouseleave' + eventNamespace, module.delayedHide) ; } + else { + $module + .on(settings.on + eventNamespace, module.toggle) + ; + } $item .on('click' + eventNamespace, module.event.item.click)