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

Major updates to segment, header, table. 

Former-commit-id: 7a79f0d113
Former-commit-id: a3c9376efd
pull/258/head
Jack Lukic 11 years ago
parent
15e87e7625
commit
ce405c6018
22 changed files with 406 additions and 279 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      build/minified/collections/table.min.css
  2. 2
      build/minified/elements/header.min.css
  3. 2
      build/minified/elements/segment.min.css
  4. 2
      build/minified/modules/dropdown.min.css
  5. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  6. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  7. 33
      build/uncompressed/collections/table.css
  8. 65
      build/uncompressed/elements/header.css
  9. 42
      build/uncompressed/elements/segment.css
  10. 6
      build/uncompressed/modules/dropdown.css
  11. 34
      node/src/documents/collections/table.html
  12. 128
      node/src/documents/elements/header.html
  13. 53
      node/src/documents/elements/segment.html
  14. 4
      node/src/documents/modules/dimmer.html
  15. 33
      node/src/files/components/semantic/collections/table.css
  16. 65
      node/src/files/components/semantic/elements/header.css
  17. 42
      node/src/files/components/semantic/elements/segment.css
  18. 6
      node/src/files/components/semantic/modules/dropdown.css
  19. 34
      src/collections/table.less
  20. 60
      src/elements/header.less
  21. 62
      src/elements/segment.less
  22. 6
      src/modules/dropdown.less

2
build/minified/collections/table.min.css
View File

@ -1 +1 @@
.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;text-align:left;font-weight:700;padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000;-moz-box-shadow:0 0 1px 0 #3FF63B inset;-webkit-box-shadow:0 0 1px 0 #3FF63B inset;box-shadow:0 0 1px 0 #3FF63B inset}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929;-moz-box-shadow:0 0 1px 0 #F3A2A2 inset;-webkit-box-shadow:0 0 1px 0 #F3A2A2 inset;box-shadow:0 0 1px 0 #F3A2A2 inset}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00;-moz-box-shadow:0 0 1px 0 #FFE569 inset;-webkit-box-shadow:0 0 1px 0 #FFE569 inset;box-shadow:0 0 1px 0 #FFE569 inset}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(25,25,25,.9)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{background-color:rgba(0,0,0,.8);color:#EEE}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.5;margin:0 0 0 8px;font-size:18px;line-height:12px;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px}
.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;font-weight:700;padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.1)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;float:right;margin:.25em 0 0 .25em;line-height:1;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px}

2
build/minified/elements/header.min.css
View File

@ -1 +1 @@
.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{border-bottom:.2em solid #6ECFF5}.ui.black.block.header{border-bottom:.2em solid #5C6166}.ui.green.block.header{border-bottom:.2em solid #A1CF64}.ui.red.block.header{border-bottom:.2em solid #EF4D6D}.ui.purple.block.header{border-bottom:.2em solid #564F8A}.ui.teal.block.header{border-bottom:.2em solid #00B5AD}.ui.blue.dividing.header{border-bottom:.2em solid #6ECFF5}.ui.black.dividing.header{border-bottom:.2em solid #5C6166}.ui.green.dividing.header{border-bottom:.2em solid #A1CF64}.ui.red.dividing.header{border-bottom:.2em solid #EF4D6D}.ui.purple.dividing.header{border-bottom:.2em solid #564F8A}.ui.teal.dividing.header{border-bottom:.2em solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.block.icon.header .icon{margin-bottom:0}
.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1}.ui.black.block.header{background-color:#EAEAEA}.ui.green.block.header{background-color:#EFF8E4}.ui.red.block.header{background-color:#F6E5E8}.ui.purple.block.header{background-color:#EFEDF8}.ui.teal.block.header{background-color:#E9F7F6}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block}

2
build/minified/elements/segment.min.css
File diff suppressed because it is too large
View File

2
build/minified/modules/dropdown.min.css
View File

@ -1 +1 @@
.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{border-top:1px solid rgba(0,0,0,.05);font-weight:700}.ui.simple.dropdown .menu{display:block;overflow:hidden;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE}.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}
.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{border-top:1px solid rgba(0,0,0,.05);font-weight:700}.ui.simple.dropdown .menu{display:block;overflow:hidden;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE}.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}

2
build/packaged/semantic.min.css.REMOVED.git-id
View File

@ -1 +1 @@
57ef2f35774351178c0dd16efc8aa3dd622e0dc5
038c56637c96bc03662fbb1c8c743affe4f552f4

2
build/packaged/semantic.min.js.REMOVED.git-id
View File

@ -1 +1 @@
491ceea885e93fbdd09291d2c2ca70ce156ed63a
29081f9fc99dfde9b38510e12c765f86fd74ff6e

33
build/uncompressed/collections/table.css
View File

@ -20,6 +20,7 @@
.ui.table thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.table th,
.ui.table tr,
.ui.table td {
border-collapse: collapse;
@ -35,6 +36,7 @@
}
.ui.table th {
cursor: auto;
background-color: rgba(0, 0, 0, 0.05);
text-align: left;
font-weight: bold;
padding: 0.5em 0.7em;
@ -101,11 +103,6 @@
.ui.table td.positive {
background-color: #F2F8F0 !important;
color: #119000;
-moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
box-shadow: 0px 0px 1px 0px #3FF63B inset;
/* border-color: #2FCB05 !important; */
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
@ -139,9 +136,6 @@
.ui.table th.error {
background-color: #F9F4F4 !important;
color: #CD2929;
-moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error,
@ -161,9 +155,6 @@
/* border-color: #CBB105 !important; */
color: #7D6C00;
-moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
box-shadow: 0px 0px 1px 0px #FFE569 inset;
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning,
@ -247,7 +238,7 @@
Celled
---------------*/
.ui.celled.table {
color: rgba(25, 25, 25, 0.9);
color: rgba(0, 0, 0, 0.8);
}
.ui.celled.table tbody tr,
.ui.celled.table tfoot tr {
@ -267,17 +258,20 @@
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #EEEEEE;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
}
.ui.sortable.table thead th:after {
display: inline-block;
content: '';
width: 1em;
opacity: 0.5;
margin: 0px 0px 0px 8px;
font-size: 18px;
line-height: 12px;
opacity: 0.8;
float: right;
margin: 0.25em 0em 0em 0.25em;
line-height: 1;
font-family: 'Icons';
font-style: normal;
font-weight: normal;
@ -294,6 +288,9 @@
/*--------------
Inverted
---------------*/
.ui.inverted.table th {
background-color: rgba(0, 0, 0, 0.15);
}
.ui.inverted.table tbody tr:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.06);
}

65
build/uncompressed/elements/header.css
View File

@ -111,64 +111,40 @@ h5.ui.header {
color: #00B5AD !important;
}
.ui.blue.block.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
background-color: #E6EEF1;
}
.ui.black.block.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
background-color: #EAEAEA;
}
.ui.green.block.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
background-color: #EFF8E4;
}
.ui.red.block.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
background-color: #F6E5E8;
}
.ui.purple.block.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
background-color: #EFEDF8;
}
.ui.teal.block.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
background-color: #E9F7F6;
}
.ui.blue.dividing.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
border-bottom: 3px solid #6ECFF5;
}
.ui.black.dividing.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
border-bottom: 3px solid #5C6166;
}
.ui.green.dividing.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
border-bottom: 3px solid #A1CF64;
}
.ui.red.dividing.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
border-bottom: 3px solid #EF4D6D;
}
.ui.purple.dividing.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
border-bottom: 3px solid #564F8A;
}
.ui.teal.dividing.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
border-bottom: 3px solid #00B5AD;
}
/*-------------------
Inverted
@ -237,13 +213,6 @@ h5.ui.header {
.ui.fitted.header {
padding: 0em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Dividing
--------------------*/
@ -254,6 +223,13 @@ h5.ui.header {
.ui.dividing.header .icon {
margin-bottom: 0.2em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Attached
--------------------*/
@ -290,3 +266,6 @@ h5.ui.header {
.ui.block.icon.header .icon {
margin-bottom: 0em;
}
.ui.icon.header.aligned {
display: block;
}

42
build/uncompressed/elements/segment.css
View File

@ -173,6 +173,48 @@
.ui.right.floated.segment {
float: right;
}
/*-------------------
Paper
--------------------*/
.ui.piled.segment {
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.ui.piled.segment:after,
.ui.piled.segment:before {
background-color: #FFFFFF;
visibility: visible;
content: "";
display: block;
height: 100%;
left: -1px;
position: absolute;
width: 100%;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.ui.piled.segment:after {
-webkit-transform: rotate(1.5deg);
-moz-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
-o-transform: rotate(1.5deg);
transform: rotate(1.5deg);
top: 0;
z-index: -1;
}
.ui.piled.segment:before {
-webkit-transform: rotate(-1.9deg);
-moz-transform: rotate(-1.9deg);
-ms-transform: rotate(-1.9deg);
-o-transform: rotate(-1.9deg);
transform: rotate(-1.9deg);
top: 0;
z-index: -2;
}
/*-------------------
Stacked
--------------------*/

6
build/uncompressed/modules/dropdown.css
View File

@ -29,9 +29,9 @@
background-color: #FFFFFF;
min-width: 100%;
white-space: nowrap;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-border-radius: 0px 0px 0.325em 0.325em;
-webkit-border-radius: 0px 0px 0.325em 0.325em;
border-radius: 0px 0px 0.325em 0.325em;

34
node/src/documents/collections/table.html
View File

@ -5,6 +5,8 @@ css : 'table'
title : 'Table'
type : 'UI Collection'
---
<script src="/javascript/library/tablesort.js"></script>
<script src="/javascript/table.js"></script>
<div class="segment">
<div class="container">
@ -27,9 +29,9 @@ type : 'UI Collection'
<h4 class="ui header">Table</h4>
<p>A standard table</p>
<div class="ui info message">
<p>This example uses a <a href="/elements/segment.html">ui segment</a> to add padding and a background color. This is not required.</p>
<p>This example uses a <a href="/elements/segment.html">ui segment</a> and to add padding and a background color. This is not required.</p>
</div>
<table class="ui table segment">
<table class="ui sortable table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -66,7 +68,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Positive / Negative</h4>
<p>A cell may let a user know whether a value is good or bad:</p>
<table class="ui table">
<table class="ui table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -101,7 +103,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Error</h4>
<p>A cell or row may alert the user to an error or a negative value:</p>
<table class="ui table">
<table class="ui table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -135,7 +137,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Warning</h4>
<p>A cell or row may warn a user:</p>
<table class="ui table">
<table class="ui table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -169,7 +171,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Active</h4>
<p>A cell or row can be active:</p>
<table class="ui table">
<table class="ui table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -201,7 +203,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Disabled</h4>
<p>A cell can be disabled:</p>
<table class="ui table">
<table class="ui table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -239,7 +241,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Even Width</h4>
<p>A table can specify its column count to divide its content evenly</p>
<table class="ui five column table">
<table class="ui five column table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -284,7 +286,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Collapsing</h4>
<p>By default tables take the size of their container. A collapsing takes up only as much space as its rows.</p>
<table class="ui collapsing table">
<table class="ui collapsing table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -319,7 +321,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Inverted</h4>
<p>A tables colors can be inverted</p>
<table class="ui inverted segment table">
<table class="ui inverted segment table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -353,7 +355,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Cells</h4>
<p>A table may be divided each row into separate cells</p>
<table class="ui celled table">
<table class="ui celled table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -390,7 +392,7 @@ type : 'UI Collection'
<p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="library/tablesort.js">tablesort plugin</a> to provide the proper class names.</p>
<table class="ui sortable table">
<table class="ui sortable table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -423,7 +425,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Padded</h4>
<p>A table may sometimes need to be more padded for legibility</p>
<table class="ui padded table">
<table class="ui padded table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -446,7 +448,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Compact</h4>
<p>A table may sometimes need to be more compact to make more rows visible at a time</p>
<table class="ui compact table">
<table class="ui compact table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -500,7 +502,7 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Size</h4>
<p>A table can also be small or large</p>
<table class="ui small table">
<table class="ui small table segment">
<thead>
<th>Name</th>
<th>Status</th>
@ -530,7 +532,7 @@ type : 'UI Collection'
</tfoot>
</table>
<br><br>
<table class="ui large table">
<table class="ui large table segment">
<thead>
<th>Name</th>
<th>Status</th>

128
node/src/documents/elements/header.html
View File

@ -15,28 +15,35 @@ type : 'UI Element'
<div class="peek">
<div class="ui vertical pointing secondary menu">
<a class="active item">Standard</a>
<a class="active item">Types</a>
<a class="item">States</a>
<a class="item">Variations</a>
</div>
</div>
<h2 class="ui dividing header">Standard</h2>
<h2 class="ui dividing header">Types</h2>
<div class="example">
<h4 class="ui header">Header</h4>
<p>A simple header</p>
<h2 class="ui header">
Account Settings
</h2>
<div class="ui segment">
<h2 class="ui header">
Account Settings
</h2>
<p>Welcome to your account settings, here you can change your e-mail preferences and other settings related to your account. If you have any issues with your account please feel free to e-mail us at <a>mail@mail.com</a>. Thanks and have a wonderful day</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Descriptive Headers</h4>
<p>Headers may have sub headers containing further context to the section</p>
<h2 class="ui header">
<i class="settings icon"></i> Account Settings
<div class="sub header">Manage your account settings and set e-mail preferences.</div>
</h2>
<div class="ui segment">
<h2 class="ui header">
<i class="settings icon"></i> Account Settings
<div class="sub header">Manage your account settings and set e-mail preferences.</div>
</h2>
<p>Welcome to your account settings, here you can change your e-mail preferences and other settings related to your account. If you have any issues with your account please feel free to e-mail us at <a>mail@mail.com</a>. Thanks and have a wonderful day</p>
</div>
</div>
<div class="example">
@ -96,10 +103,28 @@ type : 'UI Element'
<div class="example">
<h4 class="ui header">Icon</h4>
<p>A header can be formatted to emphasize an icon</p>
<h1 class="ui icon header">
<i class="icon mail"></i>
Message Anyone
</h1>
<div class="ui segment">
<h1 class="ui icon header">
<i class="icon mail"></i>
Message Anyone
</h1>
<p>Use our service to message whoever you like, whenever you like</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Attached</h4>
<p>A header can be attached to other content</p>
<h3 class="ui top attached header">
Sign Up For Our Site
</h3>
<div class="ui segment attached">
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
</div>
<h3 class="ui bottom attached header">
Thanks
</h3>
</div>
<div class="example">
@ -156,31 +181,41 @@ type : 'UI Element'
<div class="example">
<h4 class="ui header">Dividing</h4>
<p>A header can be formatted to divide itself from the content below it</p>
<h5 class="ui dividing header">
Dividing
</h5>
<h5 class="ui black dividing header">
Black
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h5 class="ui blue dividing header">
Blue
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h5 class="ui red dividing header">
Red
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h5 class="ui green dividing header">
Green
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h5 class="ui purple dividing header">
Purple
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h5 class="ui teal dividing header">
Teal
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div class="another example">
<div class="example">
<h4 class="ui header">Block</h4>
<p>A header can be formatted to create a block</p>
<h5 class="ui black block header">
Black
</h5>
@ -211,30 +246,6 @@ type : 'UI Element'
</h5>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div class="example">
<h4 class="ui header">Inverted</h4>
<p>A header can have its colors inverted for contrast</p>
<h5 class="ui inverted black header">
Black
</h5>
<h5 class="ui inverted blue header">
Blue
</h5>
<h5 class="ui inverted red header">
Red
</h5>
<h5 class="ui inverted green header">
Green
</h5>
<h5 class="ui inverted purple header">
Purple
</h5>
<h5 class="ui inverted teal header">
Teal
</h5>
</div>
<div class="another example">
<h3 class="ui black inverted block header">
Black
@ -267,19 +278,28 @@ type : 'UI Element'
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div class="example">
<h4 class="ui header">Attached</h4>
<p>A header can be attached to other content</p>
<h3 class="ui top attached header">
Sign Up For Our Site
</h3>
<div class="ui segment attached">
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
</div>
<h3 class="ui bottom attached header">
Thanks
</h3>
<h4 class="ui header">Inverted</h4>
<p>A header can have its colors inverted for contrast</p>
<h5 class="ui inverted black header">
Black
</h5>
<h5 class="ui inverted blue header">
Blue
</h5>
<h5 class="ui inverted red header">
Red
</h5>
<h5 class="ui inverted green header">
Green
</h5>
<h5 class="ui inverted purple header">
Purple
</h5>
<h5 class="ui inverted teal header">
Teal
</h5>
</div>
</div>

53
node/src/documents/elements/segment.html
View File

@ -15,12 +15,12 @@ type : 'UI Element'
<div class="peek">
<div class="ui vertical pointing secondary menu">
<a class="active item">Standard</a>
<a class="active item">Types</a>
<a class="item">States</a>
<a class="item">Variations</a>
</div>
</div>
<h2 class="ui dividing header">Standard</h2>
<h2 class="ui dividing header">Types</h2>
<div class="example">
<h4 class="ui header">Segment</h4>
@ -45,6 +45,29 @@ type : 'UI Element'
</div>
<div class="example">
<h4 class="ui header">Piled</h4>
<p>A segment can be formatted to look like a pile of pages</p>
<div class="ui piled segment">
<h2>A header</h2>
<p>Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim dolorum definiebas an. Mei ex natum rebum iisque.</p>
<p>Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in.</p>
<p>Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Stacked</h4>
<p>A segment can be formatted to show it contains multiple pages</p>
<div class="ui stacked segment">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<h2 class="ui dividing header">States</h2>
<div class="example">
@ -64,6 +87,14 @@ type : 'UI Element'
<p>I'm here to tell you something, and you will probably read me first.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Raised</h4>
<p>A segment may be formatted to raise above the page.</p>
<div class="ui raised segment">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Colored</h4>
@ -172,24 +203,6 @@ type : 'UI Element'
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Stacked</h4>
<p>A segment can be formatted to show it contains multiple pages</p>
<div class="ui stacked segment">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Raised</h4>
<p>A segment may be formatted to raise above the page.</p>
<div class="ui raised segment">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="example">
<h4 class="ui header">Attached</h4>
<p>A segment can be attached to other content on a page</p>

4
node/src/documents/modules/dimmer.html
View File

@ -98,7 +98,7 @@ type : 'UI Module'
<p>A dimmer can show or hide itself, a can show or hide a dimmer</p>
<div class="ignore code">
// these two are the same
$('.ui.)
$('.ui.dimmable)
.dimmer('show')
;
$('.ui.dimmer')
@ -106,7 +106,7 @@ type : 'UI Module'
;
// these two as well
$('.ui.)
$('.ui.dimmable)
.dimmer('hide')
;
$('.ui.dimmer')

33
node/src/files/components/semantic/collections/table.css
View File

@ -20,6 +20,7 @@
.ui.table thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.table th,
.ui.table tr,
.ui.table td {
border-collapse: collapse;
@ -35,6 +36,7 @@
}
.ui.table th {
cursor: auto;
background-color: rgba(0, 0, 0, 0.05);
text-align: left;
font-weight: bold;
padding: 0.5em 0.7em;
@ -101,11 +103,6 @@
.ui.table td.positive {
background-color: #F2F8F0 !important;
color: #119000;
-moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
box-shadow: 0px 0px 1px 0px #3FF63B inset;
/* border-color: #2FCB05 !important; */
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
@ -139,9 +136,6 @@
.ui.table th.error {
background-color: #F9F4F4 !important;
color: #CD2929;
-moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error,
@ -161,9 +155,6 @@
/* border-color: #CBB105 !important; */
color: #7D6C00;
-moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
box-shadow: 0px 0px 1px 0px #FFE569 inset;
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning,
@ -247,7 +238,7 @@
Celled
---------------*/
.ui.celled.table {
color: rgba(25, 25, 25, 0.9);
color: rgba(0, 0, 0, 0.8);
}
.ui.celled.table tbody tr,
.ui.celled.table tfoot tr {
@ -267,17 +258,20 @@
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #EEEEEE;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
}
.ui.sortable.table thead th:after {
display: inline-block;
content: '';
width: 1em;
opacity: 0.5;
margin: 0px 0px 0px 8px;
font-size: 18px;
line-height: 12px;
opacity: 0.8;
float: right;
margin: 0.25em 0em 0em 0.25em;
line-height: 1;
font-family: 'Icons';
font-style: normal;
font-weight: normal;
@ -294,6 +288,9 @@
/*--------------
Inverted
---------------*/
.ui.inverted.table th {
background-color: rgba(0, 0, 0, 0.15);
}
.ui.inverted.table tbody tr:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.06);
}

65
node/src/files/components/semantic/elements/header.css
View File

@ -111,64 +111,40 @@ h5.ui.header {
color: #00B5AD !important;
}
.ui.blue.block.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
background-color: #E6EEF1;
}
.ui.black.block.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
background-color: #EAEAEA;
}
.ui.green.block.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
background-color: #EFF8E4;
}
.ui.red.block.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
background-color: #F6E5E8;
}
.ui.purple.block.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
background-color: #EFEDF8;
}
.ui.teal.block.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
background-color: #E9F7F6;
}
.ui.blue.dividing.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
border-bottom: 3px solid #6ECFF5;
}
.ui.black.dividing.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
border-bottom: 3px solid #5C6166;
}
.ui.green.dividing.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
border-bottom: 3px solid #A1CF64;
}
.ui.red.dividing.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
border-bottom: 3px solid #EF4D6D;
}
.ui.purple.dividing.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
border-bottom: 3px solid #564F8A;
}
.ui.teal.dividing.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
border-bottom: 3px solid #00B5AD;
}
/*-------------------
Inverted
@ -237,13 +213,6 @@ h5.ui.header {
.ui.fitted.header {
padding: 0em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Dividing
--------------------*/
@ -254,6 +223,13 @@ h5.ui.header {
.ui.dividing.header .icon {
margin-bottom: 0.2em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Attached
--------------------*/
@ -290,3 +266,6 @@ h5.ui.header {
.ui.block.icon.header .icon {
margin-bottom: 0em;
}
.ui.icon.header.aligned {
display: block;
}

42
node/src/files/components/semantic/elements/segment.css
View File

@ -173,6 +173,48 @@
.ui.right.floated.segment {
float: right;
}
/*-------------------
Paper
--------------------*/
.ui.piled.segment {
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.ui.piled.segment:after,
.ui.piled.segment:before {
background-color: #FFFFFF;
visibility: visible;
content: "";
display: block;
height: 100%;
left: -1px;
position: absolute;
width: 100%;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.ui.piled.segment:after {
-webkit-transform: rotate(1.5deg);
-moz-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
-o-transform: rotate(1.5deg);
transform: rotate(1.5deg);
top: 0;
z-index: -1;
}
.ui.piled.segment:before {
-webkit-transform: rotate(-1.9deg);
-moz-transform: rotate(-1.9deg);
-ms-transform: rotate(-1.9deg);
-o-transform: rotate(-1.9deg);
transform: rotate(-1.9deg);
top: 0;
z-index: -2;
}
/*-------------------
Stacked
--------------------*/

6
node/src/files/components/semantic/modules/dropdown.css
View File

@ -29,9 +29,9 @@
background-color: #FFFFFF;
min-width: 100%;
white-space: nowrap;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-moz-border-radius: 0px 0px 0.325em 0.325em;
-webkit-border-radius: 0px 0px 0.325em 0.325em;
border-radius: 0px 0px 0.325em 0.325em;

34
src/collections/table.less
View File

@ -23,6 +23,7 @@
.ui.table thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.table th,
.ui.table tr,
.ui.table td {
border-collapse: collapse;
@ -40,6 +41,9 @@
}
.ui.table th {
cursor: auto;
background-color: rgba(0, 0, 0, 0.05);
text-align: left;
font-weight: bold;
padding: 0.5em 0.7em;
@ -119,10 +123,6 @@
.ui.table td.positive {
background-color: #F2F8F0 !important;
color: #119000;
-moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
box-shadow: 0px 0px 1px 0px #3FF63B inset;
/* border-color: #2FCB05 !important; */
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
@ -160,9 +160,6 @@
.ui.table th.error {
background-color: #F9F4F4 !important;
color: #CD2929;
-moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error,
@ -183,9 +180,6 @@
background-color: #FBF6E9;
/* border-color: #CBB105 !important; */
color: #7D6C00;
-moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
box-shadow: 0px 0px 1px 0px #FFE569 inset;
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning,
@ -278,7 +272,7 @@
---------------*/
.ui.celled.table {
color: rgba(25, 25, 25, 0.9);
color: rgba(0, 0, 0, 0.8);
}
.ui.celled.table tbody tr,
.ui.celled.table tfoot tr {
@ -299,20 +293,23 @@
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
background-color: rgba(0, 0, 0, 0.8);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #EEEEEE;
background-color: rgba(0, 0, 0, 0.1);
}
.ui.sortable.table thead th:after {
display: inline-block;
content: '';
width: 1em;
opacity: 0.5;
opacity: 0.8;
margin: 0px 0px 0px 8px;
font-size: 18px;
line-height: 12px;
float: right;
margin: 0.25em 0em 0em 0.25em;
line-height: 1;
font-family: 'Icons';
font-style: normal;
@ -333,6 +330,9 @@
Inverted
---------------*/
.ui.inverted.table th {
background-color: rgba(0, 0, 0, 0.15);
}
.ui.inverted.table tbody tr:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.06);
}

60
src/elements/header.less
View File

@ -106,6 +106,7 @@ h5.ui.header {
Variations
*******************************/
/*-------------------
Colors
--------------------*/
@ -130,53 +131,41 @@ h5.ui.header {
}
.ui.blue.block.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
background-color: #E6EEF1;
}
.ui.black.block.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
background-color: #EAEAEA;
}
.ui.green.block.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
background-color: #EFF8E4;
}
.ui.red.block.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
background-color: #F6E5E8;
}
.ui.purple.block.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
background-color: #EFEDF8;
}
.ui.teal.block.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
background-color: #E9F7F6;
}
.ui.blue.dividing.header {
/* background-color: #E6EEF1; */
border-bottom: 0.2em solid #6ECFF5;
border-bottom: 3px solid #6ECFF5;
}
.ui.black.dividing.header {
/* background-color: #EAEAEA; */
border-bottom: 0.2em solid #5C6166;
border-bottom: 3px solid #5C6166;
}
.ui.green.dividing.header {
/* background-color: #EFF8E4; */
border-bottom: 0.2em solid #A1CF64;
border-bottom: 3px solid #A1CF64;
}
.ui.red.dividing.header {
/* background-color: #F6E5E8; */
border-bottom: 0.2em solid #EF4D6D;
border-bottom: 3px solid #EF4D6D;
}
.ui.purple.dividing.header {
/* background-color: #EFEDF8; */
border-bottom: 0.2em solid #564F8A;
border-bottom: 3px solid #564F8A;
}
.ui.teal.dividing.header {
/* background-color: #E9F7F6; */
border-bottom: 0.2em solid #00B5AD;
border-bottom: 3px solid #00B5AD;
}
/*-------------------
@ -259,15 +248,6 @@ h5.ui.header {
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Dividing
--------------------*/
@ -280,6 +260,16 @@ h5.ui.header {
margin-bottom: 0.2em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background-color: #F5F5F5;
padding: 0.5em 1em;
}
/*-------------------
Attached
--------------------*/
@ -322,4 +312,8 @@ h5.ui.header {
}
.ui.block.icon.header .icon {
margin-bottom: 0em;
}
.ui.icon.header.aligned {
display: block;
}

62
src/elements/segment.less
View File

@ -230,6 +230,68 @@
float: right;
}
/*-------------------
Paper
--------------------*/
.ui.piled.segment {
-webkit-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.15)
;
-moz-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.15)
;
-ms-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.15)
;
-o-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.15)
;
box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.15)
;
}
.ui.piled.segment:after,
.ui.piled.segment:before {
background-color: #FFFFFF;
visibility: visible;
content: "";
display: block;
height: 100%;
left: -1px;
position: absolute;
width: 100%;
-webkit-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.1)
;
-moz-box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.1)
;
box-shadow:
0px 0px 1px 1px rgba(0, 0, 0, 0.1)
;
}
.ui.piled.segment:after {
-webkit-transform: rotate(1.5deg);
-moz-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
-o-transform: rotate(1.5deg);
transform: rotate(1.5deg);
top: 0;
z-index: -1;
}
.ui.piled.segment:before {
-webkit-transform: rotate(-1.9deg);
-moz-transform: rotate(-1.9deg);
-ms-transform: rotate(-1.9deg);
-o-transform: rotate(-1.9deg);
transform: rotate(-1.9deg);
top: 0;
z-index: -2;
}
/*-------------------
Stacked
--------------------*/

6
src/modules/dropdown.less
View File

@ -52,15 +52,15 @@
white-space: nowrap;
-webkit-box-shadow:
0px 0px 1px 0px rgba(0, 0, 0, 0.1),
0px 0px 1px 1px rgba(0, 0, 0, 0.1),
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
;
-moz-box-shadow:
0px 0px 1px 0px rgba(0, 0, 0, 0.1),
0px 0px 1px 1px rgba(0, 0, 0, 0.1),
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
;
box-shadow:
0px 0px 1px 0px rgba(0, 0, 0, 0.1),
0px 0px 1px 1px rgba(0, 0, 0, 0.1),
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
;

Write Preview
Loading…
Cancel
Save