Contents

form
	display: flex
	justify-content: center
	align-items: center
	margin: 0 auto
	max-width: 420px

	.form-group
		flex-grow: 1
		display: flex

		input
			display: block
			padding: 10px
			width: 100%
			border: 1px solid #dae2e7
			color: #738a94
			font-size: 1.2rem
			line-height: 1em
			font-weight: 400
			-webkit-user-select: text
			-moz-user-select: text
			-ms-user-select: text
			user-select: text
			border-radius: 5px
			transition: border-color .15s linear
			-webkit-appearance: none

			&:focus
				outline: 0
				border-color: #becdd5


	button
		display: inline-block
		margin: 0 0 0 10px
		padding: 0 20px
		height: 44px
		outline: none
		border: none
		color: $white
		font-size: 1rem
		line-height: 37px
		font-weight: 400
		text-align: center
		text-shadow: 0 -1px 0 rgba(0,0,0,.1)
		background: linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2)
		border-radius: 5px
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.14)
		-webkit-font-smoothing: subpixel-antialiased

		&:focus
			background: #209cdf


@media (max-width: 650px)
	form
		flex-direction: column

		.form-group
			width: 100%

		button
			margin: 10px 0 0
			width: 100%
			padding: 0

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jasper-theme-0.0.2	_sass/4-modules/_subscribe-form.sass
jasper-theme-0.0.1	_sass/4-modules/_subscribe-form.sass