Skip to content
This repository has been archived by the owner on Mar 15, 2020. It is now read-only.

Commit

Permalink
FIxed examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@maxmert
maxmert committed May 30, 2014
1 parent 8c586ac commit 8c314aa
Show file tree
Hide file tree
Showing 13 changed files with 58 additions and 332 deletions.
61 changes: 12 additions & 49 deletions css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14750,6 +14750,8 @@ table, .-table {
color: rgba(255, 255, 255, 0.65); }
.-label.-dark-._unstyled_, .-dark-._unstyled_.-badge {
color: black; }
.-label._small, ._small .-label, ._small .-badge, ._small.-badge {
font-size: 5px; }
.-label._minor, ._minor .-label, ._minor .-badge, ._minor.-badge {
font-size: 8px; }
.-label._normal, ._normal .-label, ._normal .-badge, ._normal.-badge {
Expand Down Expand Up @@ -14827,6 +14829,8 @@ table, .-table {
color: rgba(255, 255, 255, 0.65); }
.-badge.-dark-._unstyled_ {
color: black; }
.-badge._small, ._small .-badge {
font-size: 5px; }
.-badge._minor, ._minor .-badge {
font-size: 8px; }
.-badge._normal, ._normal .-badge {
Expand Down Expand Up @@ -16746,18 +16750,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
pointer-events: none; }
.-menu li.-dark-._invert_ > a {
color: white; }
.-menu li.-kit-:hover > a, .-menu li.-kit-._hovered_ > a {
background-color: #3fa1cb;
color: white; }
.-menu li.-kit-._active_ > a, .-menu li.-kit-:active > a {
color: white;
background-color: #2e84a9; }
.-menu li.-kit-._disabled_ a, :active .-menu li.-kit-._disabled_, ._active_ .-menu li.-kit-._disabled_, :hover .-menu li.-kit-._disabled_, ._hovered_ .-menu li.-kit-._disabled_, .-menu li.-kit-[disabled] a, :active .-menu li.-kit-[disabled], ._active_ .-menu li.-kit-[disabled], :hover .-menu li.-kit-[disabled], ._hovered_ .-menu li.-kit-[disabled] {
background: transparent;
color: rgba(46, 132, 169, 0.3);
pointer-events: none; }
.-menu li.-kit-._invert_ > a {
color: white; }
.-menu li:hover > a, .-menu li._hovered_ > a {
background-color: #f3f3f3;
color: black; }
Expand Down Expand Up @@ -16842,18 +16834,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
pointer-events: none; }
.-menu.-dark- li._invert_ > a {
color: white; }
.-menu.-kit- li:hover > a, .-menu.-kit- li._hovered_ > a {
background-color: #3fa1cb;
color: white; }
.-menu.-kit- li._active_ > a, .-menu.-kit- li:active > a {
color: white;
background-color: #2e84a9; }
.-menu.-kit- li._disabled_ a, :active .-menu.-kit- li._disabled_, ._active_ .-menu.-kit- li._disabled_, :hover .-menu.-kit- li._disabled_, ._hovered_ .-menu.-kit- li._disabled_, .-menu.-kit- li[disabled] a, :active .-menu.-kit- li[disabled], ._active_ .-menu.-kit- li[disabled], :hover .-menu.-kit- li[disabled], ._hovered_ .-menu.-kit- li[disabled] {
background: transparent;
color: rgba(46, 132, 169, 0.3);
pointer-events: none; }
.-menu.-kit- li._invert_ > a {
color: white; }
.-menu._vertical_ li {
margin-right: 0;
margin-bottom: 1px;
Expand Down Expand Up @@ -17531,6 +17511,8 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
color: rgba(255, 255, 255, 0.65); }
.-progress.-dark-._unstyled_ .-bar, .-dark-._unstyled_.-progress-slim .-bar {
color: black; }
.-progress._tiny .-bar, ._tiny.-progress-slim .-bar {
font-size: 2px; }
.-progress._small .-bar, ._small.-progress-slim .-bar {
font-size: 5px; }
.-progress._minor .-bar, ._minor.-progress-slim .-bar {
Expand Down Expand Up @@ -17594,22 +17576,20 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
border-radius: 0 0px 0px 0; }
.-progress-slim .-bar:not(:last-child):not(:first-child) {
border-radius: 0; }
.-progress-slim._tiny .-bar {
height: 1.75px; }
.-progress-slim._small .-bar {
height: 3px; }
height: 3.5px; }
.-progress-slim._minor .-bar {
height: 5px; }
height: 5.25px; }
.-progress-slim .-bar {
height: 7px; }
.-progress-slim._normal .-bar {
height: 7px; }
.-progress-slim._major .-bar {
height: 8px; }
height: 8.75px; }
.-progress-slim._big .-bar {
height: 10px; }
.-progress-slim._huge .-bar {
height: 12px; }
.-progress-slim._divine .-bar {
height: 14px; }
height: 10.5px; }

.-thumbnail {
position: relative; }
Expand Down Expand Up @@ -18433,8 +18413,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
background-color: #ffc43e; }
.-shader.-dark- {
background-color: black; }
.-shader.-kit- {
background-color: #2e84a9; }
.-shader._active_ {
visibility: visible; }

Expand Down Expand Up @@ -18484,14 +18462,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
border-color: #ffc94d; }
.-avatar.-dark-._bordered_ .-thumbnail {
border-color: #080808; }
.-avatar._tiny .-thumbnail {
height: 16px;
width: 16px;
margin-right: 0.15em; }
.-avatar._tiny._bordered_ .-thumbnail {
border-width: 1px; }
.-avatar._tiny._round_ .-thumbnail {
border-radius: 8px; }
.-avatar._small .-thumbnail {
height: 32px;
width: 32px;
Expand Down Expand Up @@ -18698,9 +18668,6 @@ a.-avatar {
stroke-width: 50; }
.-modal > .-close:hover polygon, .-modal > .-close:hover path {
opacity: 1; }
.-modal > .-close._tiny {
height: 9.5px;
width: 9.5px; }
.-modal > .-close._small {
height: 19px;
width: 19px; }
Expand Down Expand Up @@ -18811,10 +18778,6 @@ a.-avatar {
stroke-width: 50; }
.-modal .-dialog .-header .-close:hover polygon, .-modal .-dialog .-header .-close:hover path {
opacity: 1; }
.-modal .-dialog .-header .-close._tiny {
height: 9.5px;
width: 9.5px;
margin-top: -4.75px; }
.-modal .-dialog .-header .-close._small {
height: 19px;
width: 19px;
Expand Down
61 changes: 12 additions & 49 deletions docs/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14750,6 +14750,8 @@ table, .-table {
color: rgba(255, 255, 255, 0.65); }
.-label.-dark-._unstyled_, .-dark-._unstyled_.-badge {
color: black; }
.-label._small, ._small .-label, ._small .-badge, ._small.-badge {
font-size: 5px; }
.-label._minor, ._minor .-label, ._minor .-badge, ._minor.-badge {
font-size: 8px; }
.-label._normal, ._normal .-label, ._normal .-badge, ._normal.-badge {
Expand Down Expand Up @@ -14827,6 +14829,8 @@ table, .-table {
color: rgba(255, 255, 255, 0.65); }
.-badge.-dark-._unstyled_ {
color: black; }
.-badge._small, ._small .-badge {
font-size: 5px; }
.-badge._minor, ._minor .-badge {
font-size: 8px; }
.-badge._normal, ._normal .-badge {
Expand Down Expand Up @@ -16746,18 +16750,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
pointer-events: none; }
.-menu li.-dark-._invert_ > a {
color: white; }
.-menu li.-kit-:hover > a, .-menu li.-kit-._hovered_ > a {
background-color: #3fa1cb;
color: white; }
.-menu li.-kit-._active_ > a, .-menu li.-kit-:active > a {
color: white;
background-color: #2e84a9; }
.-menu li.-kit-._disabled_ a, :active .-menu li.-kit-._disabled_, ._active_ .-menu li.-kit-._disabled_, :hover .-menu li.-kit-._disabled_, ._hovered_ .-menu li.-kit-._disabled_, .-menu li.-kit-[disabled] a, :active .-menu li.-kit-[disabled], ._active_ .-menu li.-kit-[disabled], :hover .-menu li.-kit-[disabled], ._hovered_ .-menu li.-kit-[disabled] {
background: transparent;
color: rgba(46, 132, 169, 0.3);
pointer-events: none; }
.-menu li.-kit-._invert_ > a {
color: white; }
.-menu li:hover > a, .-menu li._hovered_ > a {
background-color: #f3f3f3;
color: black; }
Expand Down Expand Up @@ -16842,18 +16834,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
pointer-events: none; }
.-menu.-dark- li._invert_ > a {
color: white; }
.-menu.-kit- li:hover > a, .-menu.-kit- li._hovered_ > a {
background-color: #3fa1cb;
color: white; }
.-menu.-kit- li._active_ > a, .-menu.-kit- li:active > a {
color: white;
background-color: #2e84a9; }
.-menu.-kit- li._disabled_ a, :active .-menu.-kit- li._disabled_, ._active_ .-menu.-kit- li._disabled_, :hover .-menu.-kit- li._disabled_, ._hovered_ .-menu.-kit- li._disabled_, .-menu.-kit- li[disabled] a, :active .-menu.-kit- li[disabled], ._active_ .-menu.-kit- li[disabled], :hover .-menu.-kit- li[disabled], ._hovered_ .-menu.-kit- li[disabled] {
background: transparent;
color: rgba(46, 132, 169, 0.3);
pointer-events: none; }
.-menu.-kit- li._invert_ > a {
color: white; }
.-menu._vertical_ li {
margin-right: 0;
margin-bottom: 1px;
Expand Down Expand Up @@ -17531,6 +17511,8 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
color: rgba(255, 255, 255, 0.65); }
.-progress.-dark-._unstyled_ .-bar, .-dark-._unstyled_.-progress-slim .-bar {
color: black; }
.-progress._tiny .-bar, ._tiny.-progress-slim .-bar {
font-size: 2px; }
.-progress._small .-bar, ._small.-progress-slim .-bar {
font-size: 5px; }
.-progress._minor .-bar, ._minor.-progress-slim .-bar {
Expand Down Expand Up @@ -17594,22 +17576,20 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
border-radius: 0 0px 0px 0; }
.-progress-slim .-bar:not(:last-child):not(:first-child) {
border-radius: 0; }
.-progress-slim._tiny .-bar {
height: 1.75px; }
.-progress-slim._small .-bar {
height: 3px; }
height: 3.5px; }
.-progress-slim._minor .-bar {
height: 5px; }
height: 5.25px; }
.-progress-slim .-bar {
height: 7px; }
.-progress-slim._normal .-bar {
height: 7px; }
.-progress-slim._major .-bar {
height: 8px; }
height: 8.75px; }
.-progress-slim._big .-bar {
height: 10px; }
.-progress-slim._huge .-bar {
height: 12px; }
.-progress-slim._divine .-bar {
height: 14px; }
height: 10.5px; }

.-thumbnail {
position: relative; }
Expand Down Expand Up @@ -18433,8 +18413,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
background-color: #ffc43e; }
.-shader.-dark- {
background-color: black; }
.-shader.-kit- {
background-color: #2e84a9; }
.-shader._active_ {
visibility: visible; }

Expand Down Expand Up @@ -18484,14 +18462,6 @@ a.-btn, a.-btn-ghost, a.-btn-bordered, a[href].-btn-ghost, a[href].-btn-bordered
border-color: #ffc94d; }
.-avatar.-dark-._bordered_ .-thumbnail {
border-color: #080808; }
.-avatar._tiny .-thumbnail {
height: 16px;
width: 16px;
margin-right: 0.15em; }
.-avatar._tiny._bordered_ .-thumbnail {
border-width: 1px; }
.-avatar._tiny._round_ .-thumbnail {
border-radius: 8px; }
.-avatar._small .-thumbnail {
height: 32px;
width: 32px;
Expand Down Expand Up @@ -18698,9 +18668,6 @@ a.-avatar {
stroke-width: 50; }
.-modal > .-close:hover polygon, .-modal > .-close:hover path {
opacity: 1; }
.-modal > .-close._tiny {
height: 9.5px;
width: 9.5px; }
.-modal > .-close._small {
height: 19px;
width: 19px; }
Expand Down Expand Up @@ -18811,10 +18778,6 @@ a.-avatar {
stroke-width: 50; }
.-modal .-dialog .-header .-close:hover polygon, .-modal .-dialog .-header .-close:hover path {
opacity: 1; }
.-modal .-dialog .-header .-close._tiny {
height: 9.5px;
width: 9.5px;
margin-top: -4.75px; }
.-modal .-dialog .-header .-close._small {
height: 19px;
width: 19px;
Expand Down
4 changes: 2 additions & 2 deletions docs/js/app.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/js/templates.js
View file

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion docs/templates/examples/blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
<li><a href="#AmericanBusiness" data-invert="true" data-bypass><small>American business</small></a></li>
<li><a href="#SergeyBrin" data-invert="true" data-bypass><small>Sergey Brin</small></a></li>
<li><a href="#Disease" data-bypass><small>A focus on disease</small></a></li>
<li><a href="#end" data-invert="true" data-bypass><small>Story end</small></a></li>
<li><a href="#comments" data-invert="true" data-bypass><small>Comments</small></a></li>
</ul>

Expand Down Expand Up @@ -252,7 +253,7 @@ <h2 class="tk-freight-text-pro"><small>If the map of the world of private scienc



<section class="-container">
<section id="end" class="-container" style="margin-top: 0; padding-top: 50px">
<div class="-row">
<div class="-col6 -offset3">
<p>
Expand Down
60 changes: 0 additions & 60 deletions docs/templates/kit/widgets/progress.html
View file

This file was deleted.

27 changes: 20 additions & 7 deletions docs/templates/kit/widgets/progress/slim.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,15 +55,28 @@ <h4>Global variables</h4>
</div>


<div class="-col12 example"><pre hljs class="prettyprint lang-html"><div class="-progress-slim -primary-">
<div class="-bar" style="width: 12%"></div>
<div class="-bar -warning-" style="width: 25%"></div>
<div class="-bar -error-" style="width: 5%"></div>
<div class="-col12 example"><pre hljs class="prettyprint lang-html"><div class="-progress-slim _tiny -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div>

<div class="-progress-slim _divine -primary-">
<div class="-bar" style="width: 12%"></div>
<div class="-progress-slim _small -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div>
</pre></div>

<div class="-progress-slim _minor -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div>

<div class="-progress-slim -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div>

<div class="-progress-slim _major -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div>

<div class="-progress-slim _big -primary-">
<div class="-bar" style="width: 12%"></div><div class="-bar -warning-" style="width: 25%"></div><div class="-bar -error-" style="width: 5%"></div>
</div></pre></div>

</div>
Loading

0 comments on commit 8c314aa

Please sign in to comment.