1 @import "../../common/less/jquery.mobile.todons.defines.less";
2 @colorpalette-choice-total-width: 54px;
3 @colorpalette-choice-total-height: 54px;
4 @colorpalette-item-border-width: 4px;
5 @colorpalette-item-border-color: #c0c0c0;
6 @colorpalette-preview-total-width: 304px;
7 @colorpalette-preview-total-height: 109px;
9 @colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width;
10 @colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width;
11 @colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width;
12 @colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width;
14 .todons-colorpalette-disabled {
16 .colorpalette-choice-active {
17 border-color: @todons-selected-color-disabled !important;
29 .colorpalette-preview-container {
35 .colorpalette-preview {
38 width: @colorpalette-preview-actual-width;
39 height: @colorpalette-preview-actual-height;
40 border: @colorpalette-item-border-color @colorpalette-item-border-width solid;
45 .colorpalette-bottom-row {
49 .colorpalette-normal-row {
50 .colorpalette-bottom-row;
53 .colorpalette-choice-container-left {
57 .colorpalette-choice-container-rest {
58 .colorpalette-choice-container-left;
62 .colorpalette-normal-row .colorpalette-choice-container-left {
66 .colorpalette-choice {
67 width: @colorpalette-choice-actual-width;
68 height: @colorpalette-choice-actual-width;
69 border-width: @colorpalette-item-border-width;
71 border-color: @colorpalette-item-border-color;
74 .colorpalette-choice-active {
75 border-color: @todons-selected-color;