Browse Source

Fixes some broken icons, example content

Former-commit-id: 8e9d0b0911
Former-commit-id: 416e8586e4
pull/258/head
Jack Lukic 11 years ago
parent
commit
7470b94336
15 changed files with 61 additions and 32 deletions
  1. 2
      build/minified/collections/menu.min.css
  2. 2
      build/minified/collections/message.min.css
  3. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  4. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  5. 10
      build/uncompressed/collections/menu.css
  6. 3
      build/uncompressed/collections/message.css
  7. 23
      node/src/documents/collections/form.html
  8. 13
      node/src/documents/collections/menu.html
  9. 2
      node/src/documents/collections/table.html
  10. 2
      node/src/documents/elements/button.html
  11. 6
      node/src/documents/elements/icon.html
  12. 10
      node/src/files/components/semantic/collections/menu.css
  13. 3
      node/src/files/components/semantic/collections/message.css
  14. 10
      src/collections/menu.less
  15. 3
      src/collections/message.less

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

2
build/minified/collections/message.min.css

@ -1 +1 @@
.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

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

@ -1 +1 @@
11e29d08f2505d1d66b911b0ca9abc94740da773
4dbcccf52aef8300c4c132688141f93c21457b59

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

@ -1 +1 @@
7220d569e6fdfced633f365fb442ebed1e5a6618
0fe5549d3450190ef48fa5082610a764e5703d6d

10
build/uncompressed/collections/menu.css

@ -309,8 +309,8 @@
border-left: none;
}
.ui.vertical.menu .item .menu .item.active {
padding-top: 0.5em;
padding-left: 1.3em;
padding-top: 0.5rem;
padding-left: 1.3rem;
}
/*--------------
Disabled
@ -696,15 +696,15 @@
margin-right: 0.7em;
}
.ui.vertical.menu .item > .menu > .item {
padding: 0.5em 1.5em;
padding: 0.5rem 1.5rem;
font-size: 0.85em;
}
.ui.vertical.menu .item > .menu > .item:before {
display: none;
}
.ui.vertical.menu .item > .menu > .item > a {
margin: -0.5em -1.5em;
padding: 0.5em 1.5em;
margin: -0.5rem -1.5rem;
padding: 0.5rem 1.5rem;
}
/*--------------
Fitted

3
build/uncompressed/collections/message.css

@ -34,6 +34,9 @@
font-weight: bold;
}
/* block with paragraphs */
.ui.message .header + p {
margin-top: 0em;
}
.ui.message p {
opacity: 0.85;
margin: 1em 0em;

23
node/src/documents/collections/form.html

@ -290,7 +290,7 @@ type : 'UI Collection'
<h4>Error</h4>
<p>Individual fields may contain an error state</p>
<div class="ui error form segment">
<div class="ui form segment">
<div class="two fields">
<div class="field error">
<label>First Name</label>
@ -308,7 +308,7 @@ type : 'UI Collection'
<h4>Disabled</h4>
<p>Individual fields may be disabled or read only</p>
<div class="ui error form segment">
<div class="ui form segment">
<div class="two fields">
<div class="field">
<label>First Name</label>
@ -426,7 +426,7 @@ type : 'UI Collection'
<div class="ui form">
<div class="date field">
<label>Birthday</label>
<input type="text" placeholder="Full Name">
<input type="text" placeholder="xx/xx/xxxx">
</div>
</div>
</div>
@ -454,6 +454,23 @@ type : 'UI Collection'
</div>
</div>
</div>
<div class="example">
<h4>Inline</h4>
<p>Multiple fields may be inline in a row</p>
<div class="ui form">
<div class="ui two inline fields">
<div class="field">
<label>First name</label>
<input type="text" placeholder="First Name">
</div>
<div class="field">
<label>Last name</label>
<input type="text" placeholder="Last Name">
</div>
</div>
</div>
</div>
</div>
</body>

13
node/src/documents/collections/menu.html

@ -68,13 +68,16 @@ type : 'UI Collection'
<div class="item">
<b>My Profile</b>
<div class="menu">
<a class="active item"><i class="icon th-list"></i>Summary</a>
<a class="active item"><i class="icon mail"></i>Messages
<div class="ui teal label">2 new
</div>
</a>
<div class="item">
<i class="icon users"></i>Friends <div class="ui teal label">2 new</div>
<i class="icon users"></i>Friends
<div class="menu">
<a class="item">NYC</a>
<a class="item">San Francisco</a>
<a class="item">Abroad</a>
<a class="item">Close Friends</a>
<a class="item">School</a>
<a class="item">Work</a>
</div>
</div>
<a class="item"><i class="icon bookmark"></i>Followers</a>

2
node/src/documents/collections/table.html

@ -55,7 +55,7 @@ type : 'UI Collection'
</tbody>
<tfoot>
<th colspan="3">
<div class="ui blue button"><i class="icon plus-circle"></i> Add User</div>
<div class="ui blue button"><i class="icon add user"></i> Add User</div>
</th>
</tfoot>
</table>

2
node/src/documents/elements/button.html

@ -230,7 +230,7 @@ type : 'UI Element'
<div class="ui icon buttons">
<div class="ui button"><i class="icon pause"></i></div>
<div class="ui button"><i class="icon play"></i></div>
<div class="ui button"><i class="icon fast-fw"></i></div>
<div class="ui button"><i class="icon pause"></i></div>
</div>
</div>

6
node/src/documents/elements/icon.html

@ -25,7 +25,7 @@ type : 'UI Element'
<h4>Icon Set</h4>
<p>Icon sets contain an arbitrary set of icons that represent concepts a website might reference</p>
<p>Icon sets contain an arbitrary number of icons</p>
<div class="ui ignored warning message">
Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text.
</div>
@ -64,7 +64,7 @@ type : 'UI Element'
<div class="column"><i class="icon chat"></i> Chat</div>
</div>
</div>
<div class="icon example">
<div class="another icon example">
<h4>Special Content</h4>
<div class="ui eight column grid">
<div class="column"><i class="icon trophy"></i> Trophy</div>
@ -232,8 +232,8 @@ type : 'UI Element'
<i class="huge users icon"></i> Users
<br>
<i class="massive users icon"></i> Users
</div>
<div class="example">
<h4>Emphasized</h4>
<p>An icon can be formatted to show emphasis</p>

10
node/src/files/components/semantic/collections/menu.css

@ -309,8 +309,8 @@
border-left: none;
}
.ui.vertical.menu .item .menu .item.active {
padding-top: 0.5em;
padding-left: 1.3em;
padding-top: 0.5rem;
padding-left: 1.3rem;
}
/*--------------
Disabled
@ -696,15 +696,15 @@
margin-right: 0.7em;
}
.ui.vertical.menu .item > .menu > .item {
padding: 0.5em 1.5em;
padding: 0.5rem 1.5rem;
font-size: 0.85em;
}
.ui.vertical.menu .item > .menu > .item:before {
display: none;
}
.ui.vertical.menu .item > .menu > .item > a {
margin: -0.5em -1.5em;
padding: 0.5em 1.5em;
margin: -0.5rem -1.5rem;
padding: 0.5rem 1.5rem;
}
/*--------------
Fitted

3
node/src/files/components/semantic/collections/message.css

@ -34,6 +34,9 @@
font-weight: bold;
}
/* block with paragraphs */
.ui.message .header + p {
margin-top: 0em;
}
.ui.message p {
opacity: 0.85;
margin: 1em 0em;

10
src/collections/menu.less

@ -406,8 +406,8 @@
border-left: none;
}
.ui.vertical.menu .item .menu .item.active {
padding-top: 0.5em;
padding-left: 1.3em;
padding-top: 0.5rem;
padding-left: 1.3rem;
}
/*--------------
@ -921,15 +921,15 @@
margin-right: 0.7em;
}
.ui.vertical.menu .item > .menu > .item {
padding: 0.5em 1.5em;
padding: 0.5rem 1.5rem;
font-size: 0.85em;
}
.ui.vertical.menu .item > .menu > .item:before {
display: none;
}
.ui.vertical.menu .item > .menu > .item > a {
margin: -0.5em -1.5em;
padding: 0.5em 1.5em;
margin: -0.5rem -1.5rem;
padding: 0.5rem 1.5rem;
}
/*--------------

3
src/collections/message.less

@ -43,6 +43,9 @@
}
/* block with paragraphs */
.ui.message .header + p {
margin-top: 0em;
}
.ui.message p {
opacity: 0.85;
margin: 1em 0em;

Loading…
Cancel
Save