#rft.claro { .rftLargeButton { .flatShading; margin-right: @button_large_spacing; height: @button_large_height; padding: 3px; color: @text; &*, * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } &.dijitDisabled { color: @disabledtext; } .dijitButtonNode { .flatShading; border: none; height: @button_large_height; background: transparent; font-size: @button_large_font_size; .transition(0.3s); .rftIcon { .setIcon(24px); } .dijitButtonText { line-height: @button_large_height; margin: 0 0 0 @button_large_height; padding-left: @std_offset_big; display: block; } } &.black .dijitButtonNode .rftIcon { .setIcon(24px, black); } &.rftLargeButtonHover .dijitButtonNode, &.rftLargeButtonActive .dijitButtonNode { .transition (0.1s); } } //colors on hover span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode, .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode { color: @blue_light; } span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode, .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode { color: @orange_light; } span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode, .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode { color: @green_light; } span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode, .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode { color: @red_light; } span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode, .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode { color: @purple_light; } }