webshims-rails 1.12.7 → 1.13.0

data/vendor/assets/javascripts/webshims/shims/styles/widget.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="widget" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xf017;" d="M256 322.286v-128q0-4-2.571-6.572t-6.571-2.572h-91.428q-4 0-6.572 2.572t-2.571 6.572v18.286q0 4 2.571 6.572t6.572 2.571h64v100.572q0 4 2.571 6.572t6.571 2.571h18.286q4 0 6.572-2.571t2.572-6.572zM374.857 221.714q0 42.286-20.857 78t-56.572 56.571-78 20.857-78-20.857-56.572-56.571-20.857-78 20.857-78 56.572-56.572 78-20.857 78 20.857 56.572 56.572 20.857 78zM438.857 221.714q0-59.714-29.428-110.143t-79.857-79.857-110.143-29.428-110.143 29.428-79.857 79.857-29.428 110.143 29.428 110.143 79.857 79.857 110.143 29.428 110.143-29.428 79.857-79.857 29.428-110.143z" />
+<glyph unicode="&#xf073;" d="M36.572 0h82.285v82.286h-82.285v-82.286zM137.143 0h91.429v82.286h-91.428v-82.286zM36.572 100.572h82.285v91.428h-82.285v-91.428zM137.143 100.572h91.429v91.428h-91.428v-91.428zM36.572 210.286h82.285v82.286h-82.285v-82.286zM246.857 0h91.429v82.286h-91.428v-82.286zM137.143 210.286h91.429v82.286h-91.428v-82.286zM356.572 0h82.286v82.286h-82.286v-82.286zM246.857 100.572h91.429v91.428h-91.428v-91.428zM146.286 347.429v82.285q0 3.715-2.714 6.429t-6.428 2.714h-18.285q-3.715 0-6.428-2.714t-2.715-6.429v-82.285q0-3.714 2.715-6.428t6.428-2.714h18.285q3.714 0 6.428 2.714t2.714 6.428zM356.572 100.572h82.286v91.428h-82.286v-91.428zM246.857 210.286h91.429v82.286h-91.428v-82.286zM356.572 210.286h82.286v82.286h-82.286v-82.286zM365.714 347.429v82.285q0 3.715-2.714 6.429t-6.428 2.714h-18.286q-3.714 0-6.428-2.714t-2.714-6.429v-82.285q0-3.714 2.714-6.428t6.428-2.714h18.286q3.714 0 6.428 2.714t2.714 6.428zM475.428 365.714v-365.714q0-14.857-10.857-25.714t-25.714-10.857h-402.286q-14.857 0-25.715 10.857t-10.857 25.714v365.714q0 14.857 10.857 25.714t25.715 10.857h36.572v27.428q0 18.857 13.428 32.285t32.285 13.429h18.285q18.857 0 32.285-13.429t13.428-32.285v-27.428h109.714v27.428q0 18.857 13.428 32.285t32.286 13.429h18.286q18.857 0 32.286-13.429t13.428-32.285v-27.428h36.572q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="476" />
+</font></defs></svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webshims-rails
 version: !ruby/object:Gem::Version
-  version: 1.12.7
+  version: 1.13.0
 platform: ruby
 authors:
 - David Reese
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-08 00:00:00.000000000 Z
+date: 2014-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -160,23 +160,23 @@ files:
 - vendor/assets/javascripts/webshims/shims/mediaelement-jaris.js
 - vendor/assets/javascripts/webshims/shims/mediaelement-native-fix.js
 - vendor/assets/javascripts/webshims/shims/mediaelement-yt.js
+- vendor/assets/javascripts/webshims/shims/picture.js
 - vendor/assets/javascripts/webshims/shims/plugins/jquery.ui.position.js
+- vendor/assets/javascripts/webshims/shims/promise.js
 - vendor/assets/javascripts/webshims/shims/range-ui.js
 - vendor/assets/javascripts/webshims/shims/sizzle.js
+- vendor/assets/javascripts/webshims/shims/styles/color-picker.png
 - vendor/assets/javascripts/webshims/shims/styles/config.rb
 - vendor/assets/javascripts/webshims/shims/styles/forms-ext.css
 - vendor/assets/javascripts/webshims/shims/styles/forms-picker.css
-- vendor/assets/javascripts/webshims/shims/styles/forms.png
 - vendor/assets/javascripts/webshims/shims/styles/progress.gif
 - vendor/assets/javascripts/webshims/shims/styles/progress.png
-- vendor/assets/javascripts/webshims/shims/styles/scss/_api-forms-ext.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/_api-shim.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/_extends.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/forms-ext.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/forms-picker.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/shim-ext.scss
-- vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss
+- vendor/assets/javascripts/webshims/shims/styles/shim-ext.css
 - vendor/assets/javascripts/webshims/shims/styles/shim.css
+- vendor/assets/javascripts/webshims/shims/styles/widget.eot
+- vendor/assets/javascripts/webshims/shims/styles/widget.svg
+- vendor/assets/javascripts/webshims/shims/styles/widget.ttf
+- vendor/assets/javascripts/webshims/shims/styles/widget.woff
 - vendor/assets/javascripts/webshims/shims/swf/JarisFLVPlayer.swf
 - vendor/assets/javascripts/webshims/shims/swf/filereader.swf
 - vendor/assets/javascripts/webshims/shims/swfmini-embed.js

data/vendor/assets/javascripts/webshims/shims/styles/scss/_api-forms-ext.scss

@@ -1,219 +0,0 @@
-/* style picker api */
-/* how to use: 
-*
-Markup (good to style one input different than other):
-<!-- simply use a placeholder as class on your input elment -->
-	<input type="date" class="show-week" />
-CSS:
-//replace the placeholder with .input-picker or (.input-date-picker)
-	.input-picker .ws-week {
-		display: table-cell;
-	}
-SASS:
-//use the placeholder(s) and go crazy
-	.input-picker {
-		@extend %show-week;
-		//@extend show-selectnav;
-	}
-*
-*/
-
-
-@function wsem($pixels, $context: 13) {
-	@return #{$pixels/$context}em
-}
-
-$pickerapis: show-week show-yearbtns hide-btnrow show-uparrow show-selectnav;
-
-%show-week {
-	.ws-week {
-		display: table-cell;
-	}
-}
-
-%show-yearbtns {
-	.ws-picker-header {
-		margin: 0 wsem(55);
-	}
-	
-	button.ws-year-btn {
-		display: inline-block;
-	}
-}
-
-
-%hide-btnrow {
-	.ws-button-row {
-		display: none;
-	}
-}
-
-%show-uparrow {
-	.ws-picker-header > button:after {
-		display: inline-block;
-	}
-}
-
-%show-selectnav {
-	@extend %show-uparrow;
-	.ws-picker-header {
-		> select {
-			display: inline-block;
-		}
-		
-		> button {
-			width: auto;
-			
-			> span {
-				display: none;
-			}
-		}
-		
-	}
-}
-
-/* btn api */
-
-$btnapis: hide-spinbtns hide-dropdownbtn hide-inputbtns inputbtns-outside a11yhide-inputbtns;
-
-%hide-spinbtns {
-	+ .input-buttons > .step-controls,
-	.input-buttons > .step-controls {
-		display: none;
-	}
-
-	&::-webkit-inner-spin-button,
-	::-webkit-inner-spin-button {
-		display: none;
-	}
-}
-
-%hide-dropdownbtn {
-	+ .input-buttons > .ws-popover-opener,
-	.input-buttons > .ws-popover-opener {
-		display: none;
-	}
-}
-
-%hide-inputbtns {
-	+ .input-buttons,
-	.input-buttons {
-		display: none;
-	}
-
-	&::-webkit-inner-spin-button,
-	::-webkit-inner-spin-button {
-		display: none;
-	}
-}
-
-%a11yhide-inputbtns {
-	+ .input-buttons,
-	.input-buttons {
-		width: 0;
-		margin: 0;
-		overflow: visible;
-		
-		> .step-controls {
-			display: none;
-		}
-		
-		> .ws-popover-opener {
-			height: 0;
-			width: 0;
-			overflow: hidden;
-			
-			&:focus,
-			&:active {
-				height: 19px;
-				width: 19px;
-			}
-		}
-	}
-}
-
-%inputbtns-outside {
-	+ span.input-buttons,
-	span.input.input-buttons {
-		margin-left: 2px;
-		
-		&.ws-is-rtl {
-			margin-left: 0;
-			margin-right: 2px;
-		}
-	}
-}
-
-$rangeapis: show-ticklabels show-tickvalues hide-ticks show-valuetooltip show-labeltooltip show-activevaluetooltip show-activelabeltooltip;
-
-%show-ticklabels {
-	.ws-range-ticks[data-label]:after {
-		display: inline-block;
-	}
-}
-
-%show-tickvalues {
-	.ws-range-ticks:before {
-		display: inline-block;
-	}
-}
-
-%hide-ticks {
-	.ws-range-ticks {
-		display: none;
-	}
-}
-
-%show-valuetooltip {
-	span.ws-range-thumb > span {
-		&,
-		span:after {
-			display: inline-block;
-		}
-		span:after {
-			content: attr(data-value) !important;
-			visibility: visible !important;
-		}
-	}
-}
-
-%show-activevaluetooltip {
-	
-	&.ws-active span.ws-range-thumb > span,
-	.ws-range.ws-active span.ws-range-thumb > span {
-		&,
-		span:after {
-			display: inline-block;
-		}
-		span:after {
-			content: attr(data-value) !important;
-			visibility: visible !important;
-		}
-	}
-}
-%show-labeltooltip {
-	span.ws-range-thumb > span {
-		&,
-		span:before {
-			display: inline-block;
-		}
-		span:before {
-			content: attr(data-valuetext) !important;
-			visibility: visible !important;
-		}
-	}
-}
-%show-activelabeltooltip {
-	
-	&.ws-active span.ws-range-thumb > span,
-	.ws-range.ws-active span.ws-range-thumb > span {
-		&,
-		span:before {
-			display: inline-block;
-		}
-		span:before {
-			content: attr(data-valuetext) !important;
-			visibility: visible !important;
-		}
-	}
-}

data/vendor/assets/javascripts/webshims/shims/styles/scss/_api-shim.scss

@@ -1,115 +0,0 @@
-@mixin placeholder {
-	&::-moz-placeholder {
-		@content;
-	}
-	&::-webkit-input-placeholder {
-		@content;
-	}
-	&:-ms-input-placeholder {
-		@content;
-	}
-	&.placeholder-visible,
-	& + .placeholder-text {
-		@content;
-	}
-}
-
-@mixin checked {
-  &:checked {
-    @content;
-  }
-
-  &.prop-checked {
-    @content;
-  }
-}
-
-@mixin progress {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	border: 0;
-	
-	@content;
-	
-	&::-webkit-progress-bar { 
-		@content;
-		border: 0 none;
-	}
-	
-	&::-moz-progress-bar { 
-		@content;
-	}
-	
-	&::-ms-fill {
-		animation-name: none;
-		@content;
-	}
-}
-@mixin progressbar {
-	&::-webkit-progress-value { 
-		@content;
-	}
-	&::-moz-progress-bar { 
-		@content;
-	}
-	&::-ms-fill {
-		animation-name: none;
-		@content;
-	}
-	> span.progress-value {
-		display: block !important;
-		@content;
-	}
-}
-@mixin indeterminate-progressbar {
-	&:indeterminate::-webkit-progress-bar { 
-		@content;
-	}
-	&:indeterminate::-moz-progress-bar {
-		@content;
-	}
-	&:indeterminate {
-		animation-name: none;
-		@content;
-	}
-	&.ws-indeterminate > span.progress-value {
-		display: block !important;
-		width: 100%;
-		right: 0;
-		@content;
-	}
-}
-
-
-@mixin summary-marker {
-	&::-webkit-details-marker {
-		display: none;
-	}
-	> .details-open-indicator {
-		display: none;
-	}
-	&:before {
-		display: inline-block;
-		content: ">";
-		@content;
-	}
-}
-
-@mixin cue($c: false) {
-	@if $c == false { 
-		&::cue {
-			@content;
-		}
-		& + .cue-display span.cue {
-			@content;
-		}
-	} @else {
-		&::cue(#{$c}) {
-			@content;
-		}
-		& + .cue-display span.cue #{$c} {
-			@content;
-		}
-	}
-}

data/vendor/assets/javascripts/webshims/shims/styles/scss/_extends.scss

@@ -1,31 +0,0 @@
-%clearfix {
-	zoom: 1;
-
-	&:before,
-	&:after {
-		display: table;
-		clear: both;
-		content: ' ';
-	}
-}
-%contentbox {
-	-moz-box-sizing: content-box;
-	box-sizing: content-box;
-	
-	*,
-	&:before,
-	&:after,
-	:after,
-	:before {
-		-moz-box-sizing: content-box;
-		box-sizing: content-box;
-	}
-
-}
-
-$browser-context: 13; // Default
-
-@function em($pixels, $context: $browser-context) {
-	@return #{$pixels/$context}em
-}
-

data/vendor/assets/javascripts/webshims/shims/styles/scss/forms-ext.scss

@@ -1,479 +0,0 @@
-@import "_extends.scss";
-@import "_api-forms-ext.scss";
-
-/* spinner control for time, number (usable for date, datetime-local) */
-.has-input-buttons,
-html > body input.ws-inputreplace.has-input-buttons,
-span.has-input-buttons {
-	display: inline-block;
-	vertical-align: middle;
-}
-
-.ws-inputreplace[readonly][aria-readonly="false"] {
-	cursor: pointer;
-	&[disabled] {
-		cursor: default;
-		cursor: not-allowed;
-	}
-}
-
-.input-buttons,
-.step-controls,
-.ws-popover-opener {
-	zoom: 1;
-	overflow: hidden;
-	display: inline-block;
-	vertical-align: middle;
-	margin-left: -20px;
-}
-
-.step-controls,
-.ws-popover-opener {
-	position: relative;
-	float: left;
-	margin: 0;
-	height: 19px;
-	width: 15px;
-	
-	.ws-is-rtl & {
-		float: right;
-	}
-}
-
-.ws-popover-opener {
-	position: relative;
-	zoom: 1;
-	overflow: visible;
-	margin: 0 0 0 2px;
-	width: 19px;
-	border-radius: 3px;
-	cursor: pointer;
-	background: #ccc;
-	
-	
-	.ws-is-rtl & {
-		margin: 0 2px 0 0;
-	}
-	
-	span {
-		display: block;
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		width: 16px;
-		height: 16px;
-		margin: -8px 0 0 -8px;
-		background: url(forms.png) no-repeat -321px -1px;
-		
-		
-		.color-input-buttons & {
-			background-position: -348px 0;
-		}
-		
-		.time-input-buttons & {
-			background-position: -377px 1px;
-		}
-		
-		&.ws-color-indicator-bg {
-			background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
-		}
-		&.ws-color-indicator {
-			background: none;
-		}
-	}
-}
-
-input[type="color"] {
-	width: 7.5em;
-}
-
-.input-buttons {
-	text-align: left;
-	
-	&.color-input-buttons {
-		margin-left: 2px;
-	}
-	
-	&.ws-disabled {
-		opacity: 0.95;
-	}
-	&.ws-disabled *,
-	&.ws-readonly * {
-		cursor: default;
-	}
-}
-
-.input-button-size-1 {
-	&.month-input-buttons,
-	&.date-input-buttons,
-	&.datetime-local-input-buttons {
-		margin-left: -24px;
-		
-		
-		&.ws-is-rtl {
-			margin-left: 0;
-			margin-right: -24px;
-		}
-	}
-}
-.input-button-size-2 {
-	margin-left: -39px;
-	
-	&.ws-is-rtl {
-		margin-left: 0;
-		margin-right: -39px;
-	}
-}
-
-.step-controls {
-
-	span {
-		position: absolute;
-		left: 0;
-		display: inline-block;
-		overflow: hidden;
-		margin: 0 !important;
-		padding: 0 !important;
-		width: 15px;
-		height: 9px;
-		cursor: pointer;
-		font-size: 0;
-		line-height: 0;
-		background: url(forms.png) no-repeat 0 0;
-
-		&.step-up {
-			top: 0;
-			background-position: -80px 0;
-			&:hover {
-				background-position: -105px 0;
-			}
-			&.mousepress-ui {
-				background-position: -105px -20px;
-			}
-			.ws-disabled & {
-				background-position: -130px 0;
-			}
-		}
-		&.step-down {
-			bottom: 0;
-			background-position: -155px 0;
-			&:hover {
-				background-position: -180px 0;
-			}
-			&.mousepress-ui {
-				background-position: -180px -20px;
-			}
-			.ws-disabled & {
-				background-position: -205px 0;
-			}
-		}
-
-	}
-}
-
-/* helper classes to hide show/hide specific btn features features */
-@each $class in $btnapis {
-	.#{$class} {
-		@extend %#{$class};
-	}
-}
-
-.ws-input {
-	letter-spacing: -0.31em;
-	word-spacing: -0.43em;
-
-
-
-	> * {
-		text-align: center;
-		letter-spacing: normal;
-		word-spacing: normal;
-		
-		> option {
-			text-align: left;
-		}
-	}
-	.ws-input-seperator {
-		vertical-align: middle;
-		width: 2%;
-		overflow: hidden;
-	}
-	
-	& + .input-buttons {
-		margin-left: 2px;
-	}
-	
-	input,
-	.ws-input-seperator	{
-		-moz-box-sizing: border-box;
-		box-sizing: border-box;
-		text-align: center;
-		display: inline-block;
-	}
-}
-
-span.ws-input {
-	display: inline-block;
-}
-
-.ws-date {
-
-	.mm,
-	.dd {
-		width: 23.5%;
-		min-width: 10%;
-	}
-	.yy {
-		width: 48%;
-		min-width: 20%;
-	}
-	&.ws-month-select {
-		
-		.dd {
-			width: 22%;
-			min-width: 10%;
-		}
-		.mm {
-			width: 38%;
-			min-width: 17%;
-		}
-		
-		.yy {
-			width: 36%;
-			min-width: 16%;
-		}
-	}
-}
-
-.ws-month {
-	.mm,
-	.yy {
-		width: 47.9%;
-		min-width: 20%;
-	}
-}
-
-/* range */
-.ws-range {
-	position: relative;
-	display: inline-block;
-	vertical-align: middle;
-	margin: em(7.5) 0;
-	zoom: 1;
-	border: none;
-	height: em(8);
-	width: 155px;
-	border-radius: em(5);
-	background: #ddd;
-	cursor: pointer;
-	font-size: 13px;
-	outline: none;
-	transition: background-color 400ms, border-color 400ms;
-	background-color: #ddd;
-	box-shadow: 0 em(-1) em(1.5) rgba(0, 0, 0, 0.2) inset;
-	
-	[list] + & {
-		margin: em(2.5) 0 em(12.5);
-	}
-	
-	.ws-range-thumb {
-		@extend %contentbox;
-		$dim: 20;
-		top: 0;
-		position: absolute;
-		display: block;
-		z-index: 4;
-		margin: em(($dim - 8) / -2) 0 0 em($dim / -2);
-		height: em($dim);
-		width: em($dim);
-		border-radius: 50%;
-		background: #ccc;
-		border: em(1) solid #aaa;
-		cursor: pointer;
-		transition: background-color 400ms, border-color 400ms;
-		
-		> span {
-			position: absolute;
-			margin: 0 0 3px -90px;
-			padding: 0;
-			border: 0;
-			left: 50%;
-			bottom: em($dim + 1);
-			visibility: hidden;
-			width: 180px;
-			text-align: center;
-			background: none;
-
-			span {
-				visibility: visible;
-				&:after,
-				&:before {
-					content: "";
-					padding: em(1) em(3.5);
-					text-align: center;
-					background: #fff;
-					border: em(1) solid #ccc;
-					border-radius: em(4);
-					visibility: visible;
-				}
-			}
-		}
-		
-	}
-
-	&.ws-focus .ws-range-thumb {
-		background: #eee;
-		border-color: #999;
-	}
-	
-	&.ws-active .ws-range-thumb {
-		box-shadow: 0 0 em(9) rgba(0, 75, 100, 0.2);
-	}
-	
-	&[aria-disabled="true"],
-	&[aria-readonly="true"] {
-		cursor: default;
-		opacity: 0.95;
-	}
-	
-	&[aria-disabled="true"]  .ws-range-thumb,
-	&[aria-readonly="true"]  .ws-range-thumb {
-		cursor: default;
-	}
-	
-	&[aria-disabled="true"] .ws-range-thumb {
-		background: #ddd;
-		border-color: #ddd;
-	}
-
-	.ws-range-rail {
-		position: absolute;
-		display: block;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		margin: 0;
-		zoom: 1;
-	}
-
-	.ws-range-progress {
-		position: absolute !important;
-		display: block;
-		margin: 0;
-		padding: 0;
-		top: 0;
-		border-radius: em(5);
-		height: 100%;
-		left: 0;
-		z-index: 1;
-		overflow: hidden;
-		background: #09c;
-		box-shadow: 0 em(1.5) em(3.5) rgba(255, 255, 255, 0.2) inset;
-		-moz-box-sizing: content-box;
-		box-sizing: content-box;
-	}
-
-	.ws-range-ticks {
-		position: absolute;
-		bottom: em(-10);
-		left: 0;
-		height: em(8);
-		width: em(1);
-		margin: 0 0 0 em(-1);
-		background: #ccc;
-		transition: background-color 400ms, color 400ms;
-		
-		&.ws-selected-option {
-			background: #09c;
-			color: #09c;
-		}
-	}
-	
-	&.ws-is-rtl {
-		.ws-range-progress {
-			left: auto;
-			right: 0;
-		}
-		.ws-range-ticks {
-			left: auto;
-			right: 0;
-		}
-	}
-	
-	&.vertical-range {
-		width: em(8);
-		margin: 0 10px 0 5px;
-		
-		.ws-range-ticks {
-			bottom: auto;
-			left: auto;
-			margin:  em(-0.75) 0 0 0;
-			right: em(-7.5);
-			height: em(1.5);
-			width: em(6.8);
-		}
-		
-		.ws-range-progress {
-			top: auto;
-			bottom: 1px;
-			left: 0;
-			width: 100%;
-			height: 0;
-		}
-		
-	}
-}
-
-
-.ws-range-ticks[data-label]:after,
-.ws-range-ticks:before {
-	display: none;
-	content: attr(data-label);
-	font-size: em(10);
-	min-width: 2em;
-	text-align: center;
-	margin: em(9) 0 0 -0.95em;
-	
-	.ws-is-rtl & {
-		margin: em(9) -0.95em 0 0;
-	}
-	
-	.vertical-range & {
-		margin: 0 0 0 5px;
-		position: relative;
-		top: -0.7em;
-		left: em(7);
-		min-width: 0;
-	}
-}
-
-.ws-range-ticks:before {
-	content: attr(data-value);
-}
-
-.ws-range-thumb {
-	> span {
-		&,
-		span:after,
-		span:before {
-			display: none;
-		}
-	}
-}
-
-
-/* helper classes to hide show/hide specific range features features */
-@each $class in $rangeapis {
-	.#{$class} {
-		@extend %#{$class};
-	}
-}
-
-.ws-inline-picker,
-div.ws-inline-picker {
-	@extend %contentbox;
-	position: relative;
-	max-width: 100%;
-	z-index: 99;
-}