Skip to content
This repository has been archived by the owner on Sep 11, 2019. It is now read-only.

Commit

Permalink
Release 0.9.18 - Resolved issue #6
Browse files Browse the repository at this point in the history
  • Loading branch information
@geoperez
geoperez committed Jun 25, 2015
1 parent aa3ca01 commit a4d218b
Show file tree
Hide file tree
Showing 20 changed files with 233 additions and 213 deletions.
94 changes: 47 additions & 47 deletions Unosquare.Tubular.Sample/ui/styles/tubular-bundle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,16 +142,16 @@
font-style: normal;
}

.checkbox {
.tubular-checkbox {
padding-left: 20px;
}
.checkbox label {
.tubular-checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.checkbox label::before {
.tubular-checkbox label::before {
content: "";
display: inline-block;
position: absolute;
Expand All @@ -166,7 +166,7 @@
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
.tubular-checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
Expand All @@ -179,77 +179,77 @@
font-size: 11px;
color: #555555;
}
.checkbox input[type="checkbox"] {
.tubular-checkbox input[type="checkbox"] {
opacity: 0;
z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
.tubular-checkbox input[type="checkbox"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
.tubular-checkbox input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
.tubular-checkbox input[type="checkbox"]:disabled + label {
opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
.tubular-checkbox input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
.tubular-checkbox.tubular-checkbox-circle label::before {
border-radius: 50%;
}
.checkbox.checkbox-inline {
.tubular-checkbox.tubular-checkbox-inline {
margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
.tubular-checkbox-primary input[type="checkbox"]:checked + label::before {
background-color: #337ab7;
border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
.tubular-checkbox-primary input[type="checkbox"]:checked + label::after {
color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
.tubular-checkbox-danger input[type="checkbox"]:checked + label::before {
background-color: #d9534f;
border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
.tubular-checkbox-danger input[type="checkbox"]:checked + label::after {
color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
.tubular-checkbox-info input[type="checkbox"]:checked + label::before {
background-color: #5bc0de;
border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
.tubular-checkbox-info input[type="checkbox"]:checked + label::after {
color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
.tubular-checkbox-warning input[type="checkbox"]:checked + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
.tubular-checkbox-warning input[type="checkbox"]:checked + label::after {
color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
.tubular-checkbox-success input[type="checkbox"]:checked + label::before {
background-color: #5cb85c;
border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
.tubular-checkbox-success input[type="checkbox"]:checked + label::after {
color: #fff;
}
.radio {
.tubular-radio {
padding-left: 20px;
}
.radio label {
.tubular-radio label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.radio label::before {
.tubular-radio label::before {
content: "";
display: inline-block;
position: absolute;
Expand All @@ -264,7 +264,7 @@
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}
.radio label::after {
.tubular-radio label::after {
display: inline-block;
position: absolute;
content: " ";
Expand All @@ -284,73 +284,73 @@
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
.tubular-radio input[type="radio"] {
opacity: 0;
z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
.tubular-radio input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
.tubular-radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
.tubular-radio input[type="radio"]:disabled + label {
opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
.tubular-radio input[type="radio"]:disabled + label::before {
cursor: not-allowed;
}
.radio.radio-inline {
.tubular-radio.tubular-radio-inline {
margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
.tubular-radio-primary input[type="radio"] + label::after {
background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
.tubular-radio-primary input[type="radio"]:checked + label::before {
border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
.tubular-radio-primary input[type="radio"]:checked + label::after {
background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
.tubular-radio-danger input[type="radio"] + label::after {
background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
.tubular-radio-danger input[type="radio"]:checked + label::before {
border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
.tubular-radio-danger input[type="radio"]:checked + label::after {
background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
.tubular-radio-info input[type="radio"] + label::after {
background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
.tubular-radio-info input[type="radio"]:checked + label::before {
border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
.tubular-radio-info input[type="radio"]:checked + label::after {
background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
.tubular-radio-warning input[type="radio"] + label::after {
background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
.tubular-radio-warning input[type="radio"]:checked + label::before {
border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
.tubular-radio-warning input[type="radio"]:checked + label::after {
background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
.tubular-radio-success input[type="radio"] + label::after {
background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
.tubular-radio-success input[type="radio"]:checked + label::before {
border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
.tubular-radio-success input[type="radio"]:checked + label::after {
background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after {
Expand Down Expand Up @@ -506,7 +506,7 @@ table.tubular-grid-table {
margin-bottom: 0;
}

table.tubular-grid-table .radio, table.tubular-grid-table .checkbox {
table.tubular-grid-table .radio, table.tubular-grid-table .tubular-checkbox {
margin: 0;
}

Expand Down
Loading

0 comments on commit a4d218b

Please sign in to comment.