1 // ColorButton

     2 

     3 .@{prefix}-colorbutton .@{prefix}-ico {

     4 	position: relative;

     5 }

     6 

     7 .@{prefix}-colorbutton-grid {

     8 	margin: 4px;	

     9 }

    10 

    11 .@{prefix}-colorbutton button {

    12 	padding-right: 4px;

    13 }

    14 

    15 .@{prefix}-colorbutton .@{prefix}-preview {

    16 	padding-right: 3px;

    17 	display: block;

    18 	position: absolute;

    19 	left: 50%;

    20 	top: 50%;

    21 	margin-left: -14px;

    22 	margin-top: 7px;

    23 	background: gray;

    24 	width: 13px;

    25 	height: 2px;

    26 	overflow: hidden;

    27 }

    28 

    29 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {

    30 	margin-left: -16px;

    31 	padding-right: 0;

    32 	width: 16px;

    33 }

    34 

    35 .@{prefix}-colorbutton .@{prefix}-open {

    36 	padding-left: 4px;

    37 	border-left: 1px solid transparent;

    38 	border-right: 1px solid transparent;

    39 }

    40 

    41 .@{prefix}-colorbutton:hover .@{prefix}-open {

    42 	border-left-color: @btn-split-border;

    43 	border-right-color: @btn-split-border;

    44 }

    45 

    46 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-open {

    47 	padding: 0 3px 0 3px;

    48 }

    49 

    50 // RTL

    51 

    52 .@{prefix}-rtl .@{prefix}-colorbutton {

    53 	direction: rtl;

    54 }

    55 

    56 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-preview {

    57 	margin-left: 0;

    58 	padding-right: 0;

    59 	padding-left: 4px;

    60 	margin-right: -14px;

    61 }

    62 

    63 .@{prefix}-rtl .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {

    64 	margin-left: 0;

    65 	padding-right: 0;

    66 	margin-right: -17px;

    67 	padding-left: 0;

    68 }

    69 

    70 .@{prefix}-rtl .@{prefix}-colorbutton button {

    71 	padding-right: 10px;

    72 	padding-left: 10px;

    73 }

    74 

    75 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-open {

    76 	padding-left: 4px;

    77 	padding-right: 4px;

    78 }