| 1 |
@import "layouts/common/style/outer.scss"; |
| 2 |
|
| 3 |
$border_radius: 0; |
| 4 |
$fold_size: 10px; |
| 5 |
|
| 6 |
div.fca_eoi_layout_2, |
| 7 |
form.fca_eoi_layout_2 { |
| 8 |
@import "layouts/common/style/inner.scss"; |
| 9 |
|
| 10 |
div.fca_eoi_layout_headline_copy_wrapper { |
| 11 |
position: relative; |
| 12 |
margin: $content_large_padding -( $content_large_padding + $fold_size + 1 ) $content_large_padding; |
| 13 |
padding: $content_large_padding; |
| 14 |
} |
| 15 |
|
| 16 |
svg { |
| 17 |
&.fca_eoi_layout_fold { |
| 18 |
position: absolute; |
| 19 |
width: $fold_size; |
| 20 |
height: $fold_size; |
| 21 |
bottom: -( $fold_size ); |
| 22 |
} |
| 23 |
|
| 24 |
&.fca_eoi_layout_fold_left { |
| 25 |
left: 0; |
| 26 |
} |
| 27 |
|
| 28 |
&.fca_eoi_layout_fold_right { |
| 29 |
right: 0; |
| 30 |
} |
| 31 |
} |
| 32 |
|
| 33 |
div.fca_eoi_layout_inputs_wrapper { |
| 34 |
@include fca_eoi_layout_inputs_wrapper( false ); |
| 35 |
} |
| 36 |
|
| 37 |
@import "layouts/common/style/icons_left.scss"; |
| 38 |
|
| 39 |
div.fca_eoi_layout_field_wrapper { |
| 40 |
border-radius: $border_radius; |
| 41 |
} |
| 42 |
|
| 43 |
div.fca_eoi_layout_submit_button_wrapper { |
| 44 |
width: 100%; |
| 45 |
|
| 46 |
input { |
| 47 |
background: transparent none; |
| 48 |
border: 0 transparent; |
| 49 |
border-bottom: 3px solid; |
| 50 |
border-radius: $border_radius; |
| 51 |
box-shadow: none; |
| 52 |
font-weight: bold; |
| 53 |
padding: .5em; |
| 54 |
width: 100%; |
| 55 |
white-space: normal; |
| 56 |
} |
| 57 |
} |
| 58 |
|
| 59 |
@media ( min-width: 1px ) and ( max-width: $content_small_breakpoint ), |
| 60 |
( min-height: 1px ) and ( max-height: $content_small_breakpoint ) { |
| 61 |
div.fca_eoi_layout_headline_copy_wrapper { |
| 62 |
position: relative; |
| 63 |
margin: -( $content_small_padding_vertical + 1 ) -( $content_small_padding_horizontal + 1 ); |
| 64 |
padding: ( $content_small_padding_vertical + 1 ) ( $content_small_padding_horizontal + 1 ); |
| 65 |
} |
| 66 |
|
| 67 |
svg.fca_eoi_layout_fold { |
| 68 |
display: none; |
| 69 |
} |
| 70 |
|
| 71 |
div.fca_eoi_layout_description_copy_wrapper { |
| 72 |
margin: round( $content_small_padding_vertical * 2 ) 0 0; |
| 73 |
} |
| 74 |
} |
| 75 |
} |
| 76 |
|
