lukechilds
/
Semantic-UI-Docs
mirror of https://github.com/lukechilds/Semantic-UI-Docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update docs

avalanche1-patch-1
jlukic 9 years ago
parent
e41acec446
commit
377a4f9fa4
4 changed files with 83 additions and 63 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      server/documents/behaviors/form.html.eco
  2. 37
      server/documents/elements/icon.html.eco
  3. 12
      server/documents/elements/step.html.eco
  4. 89
      server/documents/hotfix.html.eco

8
server/documents/behaviors/form.html.eco
View File

@ -644,11 +644,9 @@ type : 'UI Behavior'
</div>
<form class="ui form">
<p>Your tickets are all ready to print. Where would you like to send a receipt?</p>
<div class="fields">
<div class="ten wide field">
<label>E-mail</label>
<input type="text" name="email">
</div>
<div class="ten wide field">
<label>E-mail</label>
<input type="text" name="email">
</div>
<div class="ui blue submit button">Submit</div>
<div class="ui error message"></div>

37
server/documents/elements/icon.html.eco
View File

@ -459,34 +459,38 @@ themes : ['Default']
<h4 class="ui header">Shapes</h4>
<p>Icons can be used to create shapes</p>
<div class="ui doubling five column grid">
<div class="column"><i class="crosshairs icon"></i>Crosshairs</div>
<div class="column"><i class="asterisk icon"></i>Asterisk</div>
<div class="column"><i class="certificate icon"></i>Certificate</div>
<div class="column"><i class="spinner icon"></i>Spinner</div>
<div class="column"><i class="circle icon"></i>Circle</div>
<div class="column"><i class="quote left icon"></i>Quote Left</div>
<div class="column"><i class="quote right icon"></i>Quote Right</div>
<div class="column"><i class="ellipsis horizontal icon"></i>Ellipsis Horizontal</div>
<div class="column"><i class="ellipsis vertical icon"></i>Ellipsis Vertical</div>
<div class="column"><i class="cube icon"></i>Cube</div>
<div class="column"><i class="cubes icon"></i>Cubes</div>
<div class="column"><i class="circle notched icon"></i>Circle Notched</div>
<div class="column"><i class="circle thin icon"></i>Circle Thin</div>
<div class="column"><i class="crosshairs icon"></i>Crosshairs</div>
<div class="column"><i class="cube icon"></i>Cube</div>
<div class="column"><i class="cubes icon"></i>Cubes</div>
<div class="column"><i class="ellipsis horizontal icon"></i>Ellipsis Horizontal</div>
<div class="column"><i class="ellipsis vertical icon"></i>Ellipsis Vertical</div>
<div class="column"><i class="quote left icon"></i>Quote Left</div>
<div class="column"><i class="quote right icon"></i>Quote Right</div>
<div class="column"><i class="spinner icon"></i>Spinner</div>
<div class="column"><i class="square icon"></i>Square</div>
<div class="column"><i class="square outline icon"></i>Square Outline</div>
</div>
<div class="existing code">
<i class="crosshairs icon"></i>
<i class="asterisk icon"></i>
<i class="certificate icon"></i>
<i class="spinner icon"></i>
<i class="circle icon"></i>
<i class="quote left icon"></i>
<i class="quote right icon"></i>
<i class="ellipsis horizontal icon"></i>
<i class="ellipsis vertical icon"></i>
<i class="cube icon"></i>
<i class="cubes icon"></i>
<i class="circle notched icon"></i>
<i class="circle thin icon"></i>
<i class="crosshairs icon"></i>
<i class="cube icon"></i>
<i class="cubes icon"></i>
<i class="ellipsis horizontal icon"></i>
<i class="ellipsis vertical icon"></i>
<i class="quote left icon"></i>
<i class="quote right icon"></i>
<i class="spinner icon"></i>
<i class="square icon"></i>
<i class="square outline icon"></i>
</div>
</div>
@ -1333,6 +1337,7 @@ themes : ['Default']
<i class="pink users icon"></i>
<i class="brown users icon"></i>
<i class="grey users icon"></i>
<i class="black users icon"></i>
</div>
<div class="example">

12
server/documents/elements/step.html.eco
View File

@ -78,13 +78,13 @@ themes : ['Default', 'Basic', 'GitHub']
<div class="description">Choose your shipping options</div>
</div>
</div>
<div class="active step">
<div class="completed step">
<div class="content">
<div class="title">Billing</div>
<div class="description">Enter billing information</div>
</div>
</div>
<div class="disabled step">
<div class="active step">
<div class="content">
<div class="title">Confirm Order</div>
<div class="description">Verify order details</div>
@ -97,21 +97,21 @@ themes : ['Default', 'Basic', 'GitHub']
<h4 class="ui header">Vertical</h4>
<p>A step can be displayed stacked vertically</p>
<div class="ui vertical steps">
<div class="step">
<div class="completed step">
<i class="truck icon"></i>
<div class="content">
<div class="title">Shipping</div>
<div class="description">Choose your shipping options</div>
</div>
</div>
<div class="active step">
<i class="payment icon"></i>
<div class="completed step">
<i class="credit card icon"></i>
<div class="content">
<div class="title">Billing</div>
<div class="description">Enter billing information</div>
</div>
</div>
<div class="disabled step">
<div class="active step">
<i class="info icon"></i>
<div class="content">
<div class="title">Confirm Order</div>

89
server/documents/hotfix.html.eco
View File

@ -10,25 +10,7 @@ type : 'Library'
<!-- TEST JS HERE !-->
<script>
$(document).ready(function() {
$.fn.form.settings.defaults = {
image: {
identifier : 'image',
optional: true,
rules: [
{
type : 'url',
prompt : 'Zadejte platnou url'
}
]
}
};
$('.ui.form')
.form({
inline : true,
on: 'blur'
})
;
$('.ui.dropdown').dropdown();
});
</script>
@ -37,23 +19,58 @@ $('.ui.form')
</style>
<%= @getVersion() %>
<div class="ui container" style="margin-top:5em;">
<div class="ui form segment">
<h4 class="ui dividing header">Obrázek</h4>
<div class="twelve wide field">
<label for="frm-contactForm-image">Adresa k obrázku (url)</label>
<div class="ui labeled input">
<div class="ui label">
http://
</div>
<input type="text" name="image" id="frm-contactForm-image">
</div>
</div>
<div class="ui hidden divider"></div>
<div class="ui blue submit button">
<i class="white save icon"></i>
Vytvořit kontakt
<div class="ui inverted fixed menu">
<div class="item">
<img src="/images/new-school.jpg">
</div>
<a class="browse item">
Browse Courses
</a>
<a class="browse item">
Browse Courses
</a>
<div class="ui dropdown item">
Dropdown
<i class="dropdown icon"></i>
<div class="menu">
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
</div>
</div>
</div>
</div>
<div class="ui container" style="margin-top:5em;">
<div class="ui vertical pointing menu">
<a class="active item">
Home
</a>
<a class="item">
Messages
</a>
<a class="item">
Friends
</a>
</div>
</div>
</body>
Write Preview
Loading…
Cancel
Save