Commit d98d11a1 authored by Bas Lijnse's avatar Bas Lijnse

Removed nesting from stylesheets

parent ab4582fd
......@@ -21,15 +21,14 @@
text-decoration: none;
color: $button-text-color;
flex-shrink: 0;
&:hover {
border-color: $button-base-color-darkest;
}
&:active {
background: $button-base-color-lighter;
}
}
.itasks-button:hover {
border-color: $button-base-color-darkest;
}
.itasks-button:active {
background: $button-base-color-lighter;
}
.itasks-button-label {
margin: 0 4px;
height: 16px;
......
/* Styles for unlayouted content */
.itasks-raw-record
, .itasks-raw-cons
, .itasks-raw-var-cons
, .itasks-raw-interact
, .itasks-raw-step
, .itasks-raw-parallel
, .itasks-raw-form
, .itasks-raw-form-item
{
border: dashed 2px #ccc;
> .itasks-header {
color: #fff;
padding: 2px;
}
.itasks-raw-record,
.itasks-raw-cons,
.itasks-raw-var-cons,
.itasks-raw-interact,
.itasks-raw-step,
.itasks-raw-parallel,
.itasks-raw-form,
.itasks-raw-form-item {
border: dashed 2px #ccc;
}
.itasks-raw-record > .itasks-header,
.itasks-raw-cons > .itasks-header,
.itasks-raw-var-cons > .itasks-header,
.itasks-raw-interact > .itasks-header,
.itasks-raw-step > .itasks-header,
.itasks-raw-parallel > .itasks-header,
.itasks-raw-form > .itasks-header,
.itasks-raw-form-item > .itasks-header {
color: #fff;
padding: 2px;
}
.itasks-raw-form {
border: solid 2px #f33;
background: #fee;
> .itasks-header {
background: #f33;
}
}
.itasks-raw-form > .itasks-header {
background: #f33;
}
.itasks-raw-form-item {
border: dashed 2px #f33;
border-radius: 5px;
> .itasks-header {
background: #f33;
}
}
.itasks-raw-form-item > .itasks-header {
background: #f33;
}
.itasks-raw-record {
border: solid 2px #f33;
background: #fee;
> .itasks-header {
background: #f33;
}
}
.itasks-raw-record > .itasks-header {
background: #f33;
}
.itasks-raw-cons {
border: solid 2px #ff3;
background: #ffe;
> .itasks-header {
background: #ff3;
}
}
.itasks-raw-cons > .itasks-header {
background: #ff3;
}
.itasks-raw-var-cons {
border: solid 2px #ff3;
background: #ffe;
> .itasks-header {
background: #ff3;
}
}
.itasks-raw-var-cons > .itasks-header {
background: #ff3;
}
.itasks-raw-interact {
border: solid 2px #f3f;
background: #fef;
> .itasks-header {
background: #f3f;
}
}
.itasks-raw-interact > .itasks-header {
background: #f3f;
}
.itasks-raw-step {
border: solid 2px #33f;
background: #eef;
> .itasks-header {
background: #33f;
}
}
.itasks-raw-step > .itasks-header {
background: #33f;
}
.itasks-raw-parallel {
border: solid 2px #3f3;
background: #efe;
> .itasks-header {
background: #3f3;
}
}
.itasks-raw-parallel > .itasks-header {
background: #3f3;
}
.itasks-raw-empty {
border: dashed 2px #eee;
......@@ -88,4 +94,3 @@
.itasks-raw-action-disabled {
background-color: #f00;
}
......@@ -70,85 +70,78 @@
background: #fff;
color: #000;
}
.itasks-choicetree ol {
margin: 5px 0 0 20px;
padding: 0;
}
.itasks-choicetree li {
position: relative;
margin: 0 0 2px -15px;
list-style: none;
}
.itasks-choicetree li input {
display: none;
}
.itasks-choicetree li input + label {
display: inline-block;
background: url("/css/icons/toggle-small-expand.png") no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
padding: 0;
}
.itasks-choicetree li input ~ ol {
margin: 0 0 0 -44px;
}
.itasks-choicetree li input ~ ol > li {
display: none;
margin-left: -24px !important;
padding-left: 1px;
}
ol {
margin: 5px 0 0 20px;
padding: 0;
}
li {
position: relative;
margin: 0 0 2px -15px;
list-style: none;
input {
display: none;
+ label {
display: inline-block;
background: url("/css/icons/toggle-small-expand.png") no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
padding: 0;
}
~ ol {
margin: 0 0 0 -44px;
> li {
display: none;
margin-left: -24px !important;
padding-left: 1px;
}
}
&:checked {
+ label {
background: url("/css/icons/toggle-small.png") no-repeat;
}
~ ol {
padding: 0 0 0 80px;
height: auto;
> li {
display: block;
margin: 0 0 2px;
.itasks-choicetree li input:checked + label {
background: url("/css/icons/toggle-small.png") no-repeat;
}
.itasks-choicetree li input:checked ~ ol {
padding: 0 0 0 80px;
height: auto;
}
.itasks-choicetree li input:checked ~ ol > li {
display: block;
margin: 0 0 2px;
}
.itasks-choicetree li input:checked ~ ol > li:last-child {
margin: 0 0 1px;
}
&:last-child {
margin: 0 0 1px;
}
}
}
}
}
&.itasks-leaf > label {
background-position: 16px 0px;
background-repeat: no-repeat;
}
&.itasks-selected > label {
font-weight: bold;
}
label {
cursor: pointer;
display: block;
white-space: nowrap;
font-size: 12px;
padding-left: 37px;
background-color: #fff;
background-position: 15px 0px;
background-repeat: no-repeat;
height: 16px;
}
label.itasks-default-folder {
background-image: url('/css/icons/folder.png');
}
label.itasks-default-leaf {
background-image: url('/css/icons/document.png');
}
}
.itasks-choicetree li.itasks-leaf > label {
background-position: 16px 0px;
background-repeat: no-repeat;
}
.itasks-choicetree li.itasks-selected > label {
font-weight: bold;
}
.itasks-choicetree li label {
cursor: pointer;
display: block;
white-space: nowrap;
font-size: 12px;
padding-left: 37px;
background-color: #fff;
background-position: 15px 0px;
background-repeat: no-repeat;
height: 16px;
}
.itasks-choicetree li label.itasks-default-folder {
background-image: url('/css/icons/folder.png');
}
.itasks-choicetree li label.itasks-default-leaf {
background-image: url('/css/icons/document.png');
}
.itasks-choice-list {
margin: 0;
border: 1px solid $select-base-color;
......@@ -169,10 +162,9 @@
border-width: 0 0 1px 0;
padding: 5px 10px;
flex-shrink: 0;
&:last-child {
border-width: 0;
}
}
.itasks-choice-list-option:last-child {
border-width: 0;
}
.itasks-choice-list-option.itasks-selected {
background-color: $select-base-color;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment