| 1 |
efrain |
1 |
/* ==========================================================================
|
|
|
2 |
Defaults
|
|
|
3 |
|
|
|
4 |
This file is exclusively intended for setting up variables
|
|
|
5 |
Never add styles directly to this file
|
|
|
6 |
========================================================================== */
|
|
|
7 |
|
|
|
8 |
// Border radius
|
|
|
9 |
// -------------------------
|
|
|
10 |
|
|
|
11 |
$border-radius: 4px;
|
|
|
12 |
|
|
|
13 |
|
|
|
14 |
// Forms
|
|
|
15 |
// -------------------------
|
|
|
16 |
|
|
|
17 |
%input-style {
|
|
|
18 |
background-color: #fff;
|
|
|
19 |
outline: none;
|
|
|
20 |
width: 100%;
|
|
|
21 |
*width: 95%;
|
|
|
22 |
height: 30px;
|
|
|
23 |
padding: 4px 10px;
|
|
|
24 |
border: 1px solid $hr-border;
|
|
|
25 |
border-radius: $border-radius;
|
|
|
26 |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
|
27 |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
|
28 |
|
|
|
29 |
-moz-box-sizing: border-box;
|
|
|
30 |
-webkit-box-sizing: border-box;
|
|
|
31 |
box-sizing: border-box;
|
|
|
32 |
&:focus {
|
|
|
33 |
border-color: $form-blue;
|
|
|
34 |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
|
|
|
35 |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
|
|
|
36 |
}
|
|
|
37 |
}
|