Browse Source

fixes steps

Former-commit-id: 44e221d8c5
Former-commit-id: 402a98849d
pull/258/head
Jack Lukic 12 years ago
parent
commit
e62d154d94
11 changed files with 53 additions and 48 deletions
  1. 2
      build/minified/elements/divider.min.css
  2. 2
      build/minified/elements/step.min.css
  3. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  4. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  5. 4
      build/uncompressed/elements/divider.css
  6. 27
      build/uncompressed/elements/step.css
  7. 4
      node/src/files/components/semantic/elements/divider.css
  8. 27
      node/src/files/components/semantic/elements/step.css
  9. 1
      node/src/files/javascript/library/sidr.js
  10. 2
      node/src/layouts/default.html.eco
  11. 28
      src/elements/step.less

2
build/minified/elements/divider.min.css

@ -1 +1 @@
.ui.divider{margin:1em 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8);height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.vertical.divider,.ui.horizontal.divider{position:absolute;border:0;height:0;margin:0;background-color:transparent;font-size:.8rem;font-weight:700;text-align:center;text-transform:uppercase;color:rgba(0,0,0,.8)}.vertical.ui.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0 0 0 -3%;width:6%;height:50%;line-height:0;padding:0}.vertical.ui.divider:before,.vertical.ui.divider:after{position:absolute;left:50%;content:" ";z-index:3;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.8);width:0;height:80%}.vertical.ui.divider:before{top:-100%}.vertical.ui.divider:after{top:auto;bottom:0}.horizontal.ui.divider{position:relative;top:0;left:0;margin:1rem 0rem;width:100%;height:1em;padding:0;line-height:1}.horizontal.ui.divider:before,.horizontal.ui.divider:after{position:absolute;content:" ";z-index:3;width:45%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8)}.horizontal.ui.divider:before{left:0}.horizontal.ui.divider:after{left:auto;right:0}.ui.divider.inverted{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(0,0,0,.15);border-bottom-color:rgba(255,255,255,.15);border-left-color:rgba(0,0,0,.15);border-right-color:rgba(255,255,255,.15)}.ui.clearing.divider{clear:both}
.ui.divider{margin:1em 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8);height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.vertical.divider,.ui.horizontal.divider{position:absolute;border:0;height:0;margin:0;background-color:transparent;font-size:.8rem;font-weight:700;text-align:center;text-transform:uppercase;color:rgba(0,0,0,.8)}.vertical.ui.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0 0 0 -3%;width:6%;height:50%;line-height:0;padding:0}.vertical.ui.divider:before,.vertical.ui.divider:after{position:absolute;left:50%;content:" ";z-index:3;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.8);width:0;height:80%}.vertical.ui.divider:before{top:-100%}.vertical.ui.divider:after{top:auto;bottom:0}.horizontal.ui.divider{position:relative;top:0;left:0;margin:1rem 0rem;width:100%;height:1em;padding:0;line-height:1}.horizontal.ui.divider:before,.horizontal.ui.divider:after{position:absolute;content:" ";z-index:3;width:45%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8)}.horizontal.ui.divider:before{left:0}.horizontal.ui.divider:after{left:auto;right:0}.ui.divider.inverted{color:#fff}.ui.vertical.inverted.divider,.ui.horizontal.inverted.divider{color:rgba(255,255,255,.9)}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(0,0,0,.15);border-bottom-color:rgba(255,255,255,.15);border-left-color:rgba(0,0,0,.15);border-right-color:rgba(255,255,255,.15)}.ui.clearing.divider{clear:both}

2
build/minified/elements/step.min.css

@ -1 +1 @@
.ui.step,.ui.steps .step{display:inline-block;position:relative;height:1em;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.step,.ui.steps .step,.ui.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.steps:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.steps.fluid,.ui.steps.fluid>.step{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.steps.two.fluid>.step{width:50%}.ui.steps.three.fluid>.step{width:33.333%}.ui.steps.four.fluid>.step{width:25%}.ui.steps.five.fluid>.step{width:20%}.ui.steps.six.fluid>.step{width:16.666%}.ui.steps.seven.fluid>.step{width:14.285%}.ui.steps.eight.fluid>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem}
.ui.step,.ui.steps .step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.step,.ui.steps .step,.ui.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.steps:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.steps,.ui.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem}

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

@ -1 +1 @@
fd0422ced3ec3dfcc26e84962f4ad9e546dd273d
85c9e9a93541d688e90e6efc123558746af62295

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

@ -1 +1 @@
045a9c37ac8bf08f848cb6f10e11c9da99f001b9
d32baf742e05293d9320369a687d7a2cb59b3ba0

4
build/uncompressed/elements/divider.css

@ -112,6 +112,10 @@
.ui.divider.inverted {
color: #ffffff;
}
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
color: rgba(255, 255, 255, 0.9);
}
.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {

27
build/uncompressed/elements/step.css

@ -16,11 +16,14 @@
.ui.steps .step {
display: inline-block;
position: relative;
height: 1em;
padding: 1em 2em 1em 3em;
vertical-align: top;
background-color: #FFFFFF;
color: #888888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.step:after,
.ui.steps .step:after {
@ -186,33 +189,29 @@
border-radius: 0em 0em 0.3125em 0em;
}
/* Fluid */
.ui.steps.fluid,
.ui.steps.fluid > .step {
.ui.steps,
.ui.steps > .step {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.steps.two.fluid > .step {
.ui.two.steps > .step {
width: 50%;
}
.ui.steps.three.fluid > .step {
.ui.three.steps > .step {
width: 33.333%;
}
.ui.steps.four.fluid > .step {
.ui.four.steps > .step {
width: 25%;
}
.ui.steps.five.fluid > .step {
.ui.five.steps > .step {
width: 20%;
}
.ui.steps.six.fluid > .step {
.ui.six.steps > .step {
width: 16.666%;
}
.ui.steps.seven.fluid > .step {
.ui.seven.steps > .step {
width: 14.285%;
}
.ui.steps.eight.fluid > .step {
.ui.eight.steps > .step {
width: 12.500%;
}
/*******************************

4
node/src/files/components/semantic/elements/divider.css

@ -112,6 +112,10 @@
.ui.divider.inverted {
color: #ffffff;
}
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
color: rgba(255, 255, 255, 0.9);
}
.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {

27
node/src/files/components/semantic/elements/step.css

@ -16,11 +16,14 @@
.ui.steps .step {
display: inline-block;
position: relative;
height: 1em;
padding: 1em 2em 1em 3em;
vertical-align: top;
background-color: #FFFFFF;
color: #888888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.step:after,
.ui.steps .step:after {
@ -186,33 +189,29 @@
border-radius: 0em 0em 0.3125em 0em;
}
/* Fluid */
.ui.steps.fluid,
.ui.steps.fluid > .step {
.ui.steps,
.ui.steps > .step {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.steps.two.fluid > .step {
.ui.two.steps > .step {
width: 50%;
}
.ui.steps.three.fluid > .step {
.ui.three.steps > .step {
width: 33.333%;
}
.ui.steps.four.fluid > .step {
.ui.four.steps > .step {
width: 25%;
}
.ui.steps.five.fluid > .step {
.ui.five.steps > .step {
width: 20%;
}
.ui.steps.six.fluid > .step {
.ui.six.steps > .step {
width: 16.666%;
}
.ui.steps.seven.fluid > .step {
.ui.seven.steps > .step {
width: 14.285%;
}
.ui.steps.eight.fluid > .step {
.ui.eight.steps > .step {
width: 12.500%;
}
/*******************************

1
node/src/files/javascript/library/sidr.js

@ -101,7 +101,6 @@
// Open menu
$body.css({
width: $body.width(),
position: 'absolute'
}).animate(bodyAnimation, speed);
$menu.css('display', 'block').animate(menuAnimation, speed, function() {

2
node/src/layouts/default.html.eco

@ -131,7 +131,7 @@
<div class="ui fixed transparent inverted main menu">
<div class="container">
<a class="sidebar item"><i class="icon list layout"></i> Contents</a>
<a class="sidebar item"><i class="icon list layout"></i> Content</a>
<div class="title item">
<b><%= @document.type %>:</b> <%= @document.title %>
</div>

28
src/elements/step.less

@ -18,12 +18,16 @@
.ui.steps .step {
display: inline-block;
position: relative;
height: 1em;
padding: 1em 2em 1em 3em;
vertical-align: top;
background-color: #FFFFFF;
color: #888888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.step:after,
.ui.steps .step:after {
@ -234,33 +238,29 @@
}
/* Fluid */
.ui.steps.fluid,
.ui.steps.fluid > .step {
.ui.steps,
.ui.steps > .step {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.steps.two.fluid > .step {
.ui.two.steps > .step {
width: 50%;
}
.ui.steps.three.fluid > .step {
.ui.three.steps > .step {
width: 33.333%;
}
.ui.steps.four.fluid > .step {
.ui.four.steps > .step {
width: 25%;
}
.ui.steps.five.fluid > .step {
.ui.five.steps > .step {
width: 20%;
}
.ui.steps.six.fluid > .step {
.ui.six.steps > .step {
width: 16.666%;
}
.ui.steps.seven.fluid > .step {
.ui.seven.steps > .step {
width: 14.285%;
}
.ui.steps.eight.fluid > .step {
.ui.eight.steps > .step {
width: 12.500%;
}

Loading…
Cancel
Save