Your IP : 216.73.216.240

Current Path : /home/s/u/n/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/
Upload File :
Current File : /home/s/u/n/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/form.less

// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

//
// Component: Form
//
// ========================================================================


// Variables
// ========================================================================

@form-height:                                   @global-height;
@form-border:                                   rgba(0, 0, 0, 0.12);
@form-background:                               rgba(0, 0, 0, 0.03);
@form-color:                                    @global-color;

@form-focus-border:                             #ffaa40;
@form-focus-background:                         #ffffff;
@form-focus-color:                              @global-color;

@form-disabled-border:                          @global-border;
@form-disabled-background:                      @global-light-background;
@form-disabled-color:                           @global-muted-color;

@form-placeholder-color:                        @global-color;

@form-gutter:                                   @global-margin;

@form-legend-border:                            @global-border;
@form-legend-font-size:                         round((@global-font-size * 1.28)); // 18px
@form-legend-line-height:                       round((@form-legend-font-size * 1.66)); // 30px

@form-small-height:                             @global-small-height;
@form-large-height:                             @global-large-height;
@form-large-padding:                            8px 12px;
@form-small-font-size:                          round((@global-font-size * 0.85)); // 12px
@form-large-font-size:                          @global-font-size; // 14px

@form-danger-border:                            fade(@form-danger-color, 50%);
@form-danger-background:                        fade(@form-danger-color, 10%);
@form-danger-color:                             @global-danger-background;

@form-success-border:                           fade(@form-success-color, 70%);
@form-success-background:                       fade(@form-success-color, 10%);
@form-success-color:                            @global-success-background;

@form-blank-border:                             @global-border;

@form-icon-width:                               @global-height;
@form-icon-font-size:                           @global-font-size;
@form-icon-color:                               @global-muted-color;

//
// New
//

@form-font-weight: 								300;
@form-font-size: 								round((@global-font-size * 0.92)); // 13px
@form-input-border-radius:						2px;

// Component
// ========================================================================

.hook-form() { 
	font-weight: @form-font-weight;
	border-radius: @form-input-border-radius;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.04);
	line-height: inherit;
}

// Focus state
.hook-form-focus() {}

// Disabled state
.hook-form-disabled() {}

// Legend
.hook-form-legend() {}


// Validation states
// ========================================================================

//
// Error state
//

.hook-form-danger() {}

//
// Success state
//

.hook-form-success() {}


// Style modifiers
// ========================================================================

.hook-form-blank() {}
.hook-form-blank-focus() {}


// Sub-object: `uk-form-label`
// ========================================================================

.hook-form-stacked-label() {}

.hook-form-horizontal-label() {}


// Miscellaneous
// ========================================================================

.hook-form-misc() {

	.uk-form label {
		font-size: @form-font-size;
	    font-weight: 300;
	    margin-right: 5px;
	}

	/* Modifier: `uk-form-stacked`
	 ========================================================================== */

	.uk-form-stacked .uk-form-label {
		font-size: @form-font-size;
	    font-weight: 300;
	    text-transform: uppercase;
	}

}