| Server IP : 79.136.114.73 / Your IP : 3.144.25.212 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.se/wp-content/themes/x/framework/css/src/site/_scss/inc/mixins/ |
Upload File : |
// =============================================================================
// _FORMS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================
// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
// 01. Input Block Level
// 02. Form Field State
// =============================================================================
// Input Block Level
// =============================================================================
//
// 1. Make inputs at least the height of their button counterpart.
// 2. Makes inputs behave like true block-level elements.
//
@mixin input-block-level() {
display: block;
width: 100%;
min-height: 28px; // 1
@include box-sizing(border-box); // 2
}
// Form Field State
// =============================================================================
//
// 1. Set the text color.
// 2. Style inputs accordingly.
// 3. Give a small 'background-color' for input-prepent/-append.
//
@mixin form-field-state($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
> label, .help-block, .help-inline {
color: $textColor; // 1
}
.checkbox, .radio, input, select, textarea {
color: $textColor; // 2
border-color: $borderColor; // 2
&:focus {
border-color: darken($borderColor, 10%); // 2
@include box-shadow(0 0 6px lighten($borderColor, 20%)); // 2
}
}
.input-prepend .add-on, .input-append .add-on {
color: $textColor;
background-color: $backgroundColor; // 3
border-color: $textColor;
}
}