Browse Source

fixes dropdown icon fuck up

pull/80/merge
jlukic 11 years ago
parent
commit
5b82c42949
26 changed files with 130 additions and 106 deletions
  1. 3
      build/less/elements/icon.less
  2. 3
      build/less/modules/accordion.less
  3. 5
      build/less/views/item.less
  4. 2
      build/minified/elements/icon.min.css
  5. 2
      build/minified/modules/accordion.min.css
  6. 2
      build/minified/views/item.min.css
  7. 2
      build/packaged/css/semantic.min.css
  8. 3
      build/uncompressed/elements/icon.css
  9. 3
      build/uncompressed/modules/accordion.css
  10. 5
      build/uncompressed/views/item.css
  11. 2
      node/src/documents/collection.html.eco
  12. 163
      node/src/documents/element.html.eco
  13. 3
      node/src/files/build/less/elements/icon.less
  14. 3
      node/src/files/build/less/modules/accordion.less
  15. 5
      node/src/files/build/less/views/item.less
  16. 2
      node/src/files/build/minified/elements/icon.min.css
  17. 2
      node/src/files/build/minified/modules/accordion.min.css
  18. 2
      node/src/files/build/minified/views/item.min.css
  19. 2
      node/src/files/build/packaged/css/semantic.min.css
  20. BIN
      node/src/files/build/semantic.zip
  21. 3
      node/src/files/build/uncompressed/elements/icon.css
  22. 3
      node/src/files/build/uncompressed/modules/accordion.css
  23. 5
      node/src/files/build/uncompressed/views/item.css
  24. 3
      src/elements/icon.less
  25. 3
      src/modules/accordion.less
  26. 5
      src/views/item.less

3
build/less/elements/icon.less

@ -443,8 +443,7 @@ i.icon.close:before { content: "\f00d"; }
i.icon.delete:before { content: "\f00d"; }
i.icon.like:before { content: "\f004"; }
i.icon.signup:before { content: "\f044"; }
i.icon.dropdown:before { content: "\f0da"; }
i.icon.open.dropdown:before { content: "\f0d7"; }
i.icon.dropdown:before { content: "\f0d7"; }
/*--------------

3
build/less/modules/accordion.less

@ -98,6 +98,9 @@
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ui.accordion .title .dropdown.icon:before {
content: '\f0da';
}
/*--------------
Loose Coupling

5
build/less/views/item.less

@ -422,11 +422,12 @@
Responsive
--------------------*/
@media only screen and (max-width : 600px) {
@media only screen and (max-width : 768px) {
.ui.stackable.items {
display: block !important;
}
.ui.stackable.items .item {
.ui.stackable.items > .item,
.ui.stackable.items > .row > .item {
margin: 0em 2em 1em !important;
display: block !important;
height: auto !important;

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

2
build/minified/modules/accordion.min.css

@ -1 +1 @@
.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-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.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:transform .2s ease,opacity .2s ease;-moz-transition:transform .2s ease,opacity .2s ease;-o-transition:transform .2s ease,opacity .2s ease;-ms-transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.basic.accordion.menu{background-color:#FFF;-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.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}
.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-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.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:transform .2s ease,opacity .2s ease;-moz-transition:transform .2s ease,opacity .2s ease;-o-transition:transform .2s ease,opacity .2s ease;-ms-transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-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.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}

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

2
build/packaged/css/semantic.min.css
File diff suppressed because it is too large
View File

3
build/uncompressed/elements/icon.css

@ -1155,9 +1155,6 @@ i.icon.signup:before {
content: "\f044";
}
i.icon.dropdown:before {
content: "\f0da";
}
i.icon.open.dropdown:before {
content: "\f0d7";
}
/*--------------

3
build/uncompressed/modules/accordion.css

@ -69,6 +69,9 @@
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ui.accordion .title .dropdown.icon:before {
content: '\f0da';
}
/*--------------
Loose Coupling
---------------*/

5
build/uncompressed/views/item.css

@ -365,11 +365,12 @@
/*-------------------
Responsive
--------------------*/
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.ui.stackable.items {
display: block !important;
}
.ui.stackable.items .item {
.ui.stackable.items > .item,
.ui.stackable.items > .row > .item {
margin: 0em 2em 1em !important;
display: block !important;
height: auto !important;

2
node/src/documents/collection.html.eco

@ -12,7 +12,7 @@ type : 'Semantic'
<div class="main container">
<h2 class="ui dividing header">Types of Collections</h2>
<div class="ui type two items">
<div class="ui type two stackable items">
<div class="item">
<div class="image">
<div class="ui breadcrumb">

163
node/src/documents/element.html.eco

@ -43,7 +43,7 @@ type : 'Semantic'
-->
<h2 class="ui dividing header">Types</h2>
<div class="ui two type items">
<div class="ui two type stackable items">
<div class="item">
<div class="image">
@ -143,80 +143,93 @@ type : 'Semantic'
</div>
<div class="item">
<div class="image">
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="icon pie chart"></i>
<i class="icon date"></i>
<i class="icon doc"></i>
<i class="icon docs"></i>
<i class="icon email"></i>
<i class="icon folder"></i>
<i class="icon bookmark"></i>
<i class="icon cart"></i>
<i class="icon chart"></i>
<i class="icon bar chart"></i>
<i class="archive icon"></i>
<i class="attachment icon"></i>
<i class="browser icon"></i>
<i class="bug icon"></i>
<i class="calendar icon"></i>
<i class="cart icon"></i>
<i class="certificate icon"></i>
<i class="chat icon"></i>
<i class="cloud icon"></i>
<i class="code icon"></i>
<i class="comment icon"></i>
<i class="dashboard icon"></i>
<i class="desktop icon"></i>
<i class="empty calendar icon"></i>
<i class="external url icon"></i>
<i class="external url sign icon"></i>
<i class="file icon"></i>
<i class="file outline icon"></i>
<i class="folder icon"></i>
<i class="folder open icon"></i>
<i class="folder open outline icon"></i>
<i class="folder outline icon"></i>
<i class="help icon"></i>
<i class="home icon"></i>
<i class="inbox icon"></i>
<i class="info icon"></i>
<i class="info letter icon"></i>
<i class="legal icon"></i>
<i class="location arrow icon"></i>
<i class="mail icon"></i>
<i class="mail outline icon"></i>
<i class="map icon"></i>
<i class="map marker icon"></i>
<i class="mobile icon"></i>
<i class="music icon"></i>
<i class="outline chat icon"></i>
<i class="outline comment icon"></i>
<i class="payment icon"></i>
<i class="photo icon"></i>
<i class="qr code icon"></i>
<i class="question icon"></i>
<i class="rss icon"></i>
<i class="rss sign icon"></i>
<i class="setting icon"></i>
<i class="settings icon"></i>
<i class="signal icon"></i>
<i class="sitemap icon"></i>
<i class="table icon"></i>
<i class="tablet icon"></i>
<i class="tag icon"></i>
<i class="tags icon"></i>
<i class="tasks icon"></i>
<i class="terminal icon"></i>
<i class="text file icon"></i>
<i class="text file outline icon"></i>
<i class="time icon"></i>
<i class="trash icon"></i>
<i class="url icon"></i>
<i class="user icon"></i>
<i class="users icon"></i>
<i class="video icon"></i>
<i class="add icon"></i>
<i class="add sign box icon"></i>
<i class="add sign icon"></i>
<i class="adjust icon"></i>
<i class="bookmark empty icon"></i>
<i class="bookmark icon"></i>
<i class="cloud download icon"></i>
<i class="cloud upload icon"></i>
<i class="collapse icon"></i>
<i class="crop icon"></i>
<i class="download disk icon"></i>
<i class="download icon"></i>
<i class="edit icon"></i>
<i class="edit sign icon"></i>
<i class="empty flag icon"></i>
<i class="exchange icon"></i>
<i class="expand icon"></i>
<i class="filter icon"></i>
<i class="flag icon"></i>
<i class="fork code icon"></i>
<i class="forward mail icon"></i>
<i class="fullscreen icon"></i>
<i class="hide icon"></i>
<i class="level down icon"></i>
<i class="level up icon"></i>
<i class="off icon"></i>
</div>
<div class="content">
<a href="elements/icon.html" class="name">Icon</a>

3
node/src/files/build/less/elements/icon.less

@ -443,8 +443,7 @@ i.icon.close:before { content: "\f00d"; }
i.icon.delete:before { content: "\f00d"; }
i.icon.like:before { content: "\f004"; }
i.icon.signup:before { content: "\f044"; }
i.icon.dropdown:before { content: "\f0da"; }
i.icon.open.dropdown:before { content: "\f0d7"; }
i.icon.dropdown:before { content: "\f0d7"; }
/*--------------

3
node/src/files/build/less/modules/accordion.less

@ -98,6 +98,9 @@
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ui.accordion .title .dropdown.icon:before {
content: '\f0da';
}
/*--------------
Loose Coupling

5
node/src/files/build/less/views/item.less

@ -422,11 +422,12 @@
Responsive
--------------------*/
@media only screen and (max-width : 600px) {
@media only screen and (max-width : 768px) {
.ui.stackable.items {
display: block !important;
}
.ui.stackable.items .item {
.ui.stackable.items > .item,
.ui.stackable.items > .row > .item {
margin: 0em 2em 1em !important;
display: block !important;
height: auto !important;

2
node/src/files/build/minified/elements/icon.min.css
File diff suppressed because it is too large
View File

2
node/src/files/build/minified/modules/accordion.min.css

@ -1 +1 @@
.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-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.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:transform .2s ease,opacity .2s ease;-moz-transition:transform .2s ease,opacity .2s ease;-o-transition:transform .2s ease,opacity .2s ease;-ms-transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.basic.accordion.menu{background-color:#FFF;-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.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}
.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-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.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title .dropdown.icon{display:inline-block;float:none;margin:0 .5em 0 0;-webkit-transition:transform .2s ease,opacity .2s ease;-moz-transition:transform .2s ease,opacity .2s ease;-o-transition:transform .2s ease,opacity .2s ease;-ms-transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.accordion .title .dropdown.icon:before{content:'\f0da'}.ui.basic.accordion.menu{background-color:#FFF;-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.basic.accordion.menu .title,.ui.basic.accordion.menu .content{padding:0}.ui.accordion .title:hover,.ui.accordion .active.title{color:rgba(0,0,0,.8)}.ui.accordion .active.title{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion .active.content{display:block}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}.ui.basic.accordion .title,.ui.basic.accordion .content{padding-left:0;padding-right:0}

2
node/src/files/build/minified/views/item.min.css
File diff suppressed because it is too large
View File

2
node/src/files/build/packaged/css/semantic.min.css
File diff suppressed because it is too large
View File

BIN
node/src/files/build/semantic.zip

3
node/src/files/build/uncompressed/elements/icon.css

@ -1155,9 +1155,6 @@ i.icon.signup:before {
content: "\f044";
}
i.icon.dropdown:before {
content: "\f0da";
}
i.icon.open.dropdown:before {
content: "\f0d7";
}
/*--------------

3
node/src/files/build/uncompressed/modules/accordion.css

@ -69,6 +69,9 @@
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ui.accordion .title .dropdown.icon:before {
content: '\f0da';
}
/*--------------
Loose Coupling
---------------*/

5
node/src/files/build/uncompressed/views/item.css

@ -365,11 +365,12 @@
/*-------------------
Responsive
--------------------*/
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.ui.stackable.items {
display: block !important;
}
.ui.stackable.items .item {
.ui.stackable.items > .item,
.ui.stackable.items > .row > .item {
margin: 0em 2em 1em !important;
display: block !important;
height: auto !important;

3
src/elements/icon.less

@ -443,8 +443,7 @@ i.icon.close:before { content: "\f00d"; }
i.icon.delete:before { content: "\f00d"; }
i.icon.like:before { content: "\f004"; }
i.icon.signup:before { content: "\f044"; }
i.icon.dropdown:before { content: "\f0da"; }
i.icon.open.dropdown:before { content: "\f0d7"; }
i.icon.dropdown:before { content: "\f0d7"; }
/*--------------

3
src/modules/accordion.less

@ -98,6 +98,9 @@
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ui.accordion .title .dropdown.icon:before {
content: '\f0da';
}
/*--------------
Loose Coupling

5
src/views/item.less

@ -422,11 +422,12 @@
Responsive
--------------------*/
@media only screen and (max-width : 600px) {
@media only screen and (max-width : 768px) {
.ui.stackable.items {
display: block !important;
}
.ui.stackable.items .item {
.ui.stackable.items > .item,
.ui.stackable.items > .row > .item {
margin: 0em 2em 1em !important;
display: block !important;
height: auto !important;

Loading…
Cancel
Save