# getresponse/1.5.0/layouts/common/layout_2/layout.scss

GetResponse Forms by Optin Cat, version 1.5.0. 76 lines.

- Page: https://pluginprobe.com/plugins/getresponse/1.5.0/code/layouts/common/layout_2/layout.scss
- Raw: https://pluginprobe.com/plugins/getresponse/1.5.0/raw/layouts/common/layout_2/layout.scss
- Modified: 2015-06-12T09:52:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/getresponse/1.5.0/code/layouts/common/layout_2/layout.scss#L10-L20`.

```scss
@import "layouts/common/style/outer.scss";

$border_radius: 0;
$fold_size: 10px;

div.fca_eoi_layout_2,
form.fca_eoi_layout_2 {
	@import "layouts/common/style/inner.scss";

	div.fca_eoi_layout_headline_copy_wrapper {
		position: relative;
		margin: $content_large_padding -( $content_large_padding + $fold_size + 1 ) $content_large_padding;
		padding: $content_large_padding;
	}

	svg {
		&.fca_eoi_layout_fold {
			position: absolute;
			width: $fold_size;
			height: $fold_size;
			bottom: -( $fold_size );
		}

		&.fca_eoi_layout_fold_left {
			left: 0;
		}

		&.fca_eoi_layout_fold_right {
			right: 0;
		}
	}

	div.fca_eoi_layout_inputs_wrapper {
		@include fca_eoi_layout_inputs_wrapper( false );
	}

	@import "layouts/common/style/icons_left.scss";

	div.fca_eoi_layout_field_wrapper {
		border-radius: $border_radius;
	}

	div.fca_eoi_layout_submit_button_wrapper {
		width: 100%;

		input {
			background: transparent none;
			border: 0 transparent;
			border-bottom: 3px solid;
			border-radius: $border_radius;
			box-shadow: none;
			font-weight: bold;
			padding: .5em;
			width: 100%;
			white-space: normal;
		}
	}

	@media ( min-width: 1px ) and ( max-width: $content_small_breakpoint ),
	       ( min-height: 1px ) and ( max-height: $content_small_breakpoint ) {
		div.fca_eoi_layout_headline_copy_wrapper {
			position: relative;
			margin: -( $content_small_padding_vertical + 1 ) -( $content_small_padding_horizontal + 1 );
			padding: ( $content_small_padding_vertical + 1 ) ( $content_small_padding_horizontal + 1 );
		}

		svg.fca_eoi_layout_fold {
			display: none;
		}

		div.fca_eoi_layout_description_copy_wrapper {
			margin: round( $content_small_padding_vertical * 2 ) 0 0;
		}
	}
}

```