am-commons 0.0.1 → 0.0.3

data/stylesheets/am-commons/am-flights-resultv2.scss

@@ -0,0 +1,390 @@
+@import "compass/css3";
+@import "compass/support";
+@import "compass/utilities/general/clearfix";
+@import "compass/css3/transition";
+
+@import "am-variables";
+@import "epp-mixins";
+
+
+@import "am-utils";
+@import "am-icons";
+
+.aside {
+	padding:0px 8px !important;
+}
+
+.search {
+	margin-bottom:16px !important;
+}
+
+.search__ctn {
+	padding:0px !important;
+	background-image:none;
+	height:auto;
+}
+
+.searchbox {
+	padding:8px !important;
+
+	& .label-child {
+		color:$gray-darker !important;
+		line-height: (16px / 16px) * 1rem !important;
+		font-size: (12px / 16px) * 1rem !important;
+	}
+
+	& input:focus {
+		border:2px solid $gray-lighter;
+	}
+
+}
+
+
+
+.cluster {
+	margin-bottom:24px !important;
+
+	&:after {
+		content:"";
+		position:absolute;
+		top:0px;
+		right:0px;
+		height:0px;
+		width:0px;
+	}
+
+	& .segment {
+		margin-bottom:8px;
+
+		&__header {
+			background:#DFDFDF;
+		}
+
+		&__items {
+			padding:8px 0px !important;
+			min-height:40px;
+
+			&__item {
+				padding:0px;
+
+				&__graphic {
+					display:table-cell;
+					vertical-align:middle;
+
+					@include respond-to(ph) {
+						padding-left:40px !important;
+					}
+
+					@include respond-to(ph) {
+						display:block;
+					}
+
+					&-container {
+						width:auto;
+						display:table-cell;
+
+						@include respond-to(ph) {
+							display:block;
+						}
+					}
+
+					&-table {
+						display:table;
+					}
+
+					&-cell {
+						display:table-cell;
+						width:32px;
+						vertical-align:middle;
+					}
+				}
+
+				&--time {
+					width:72px;
+					padding-left:8px !important;
+					padding-right:16px !important;
+
+					@include respond-to(ph) {
+						width:auto !important;
+						padding-left:40px !important;
+					}
+				}
+
+				&--fixed {
+					width:auto;
+
+					&__info--airline {
+
+						@include respond-to(ph) {
+							padding-left:0px !important;
+						}
+					}
+				}
+
+				&--graphic {
+					width:192px;
+					padding-left:16px;
+					@include respond-to(ph) {
+						padding-left: 40px !important;
+						width:auto !important;
+					}
+				}
+
+				&--detail {
+					width:192px;
+					padding-right:16px !important;
+
+					@include respond-to(ph) {
+						width:auto !important;
+						padding-left:40px !important;
+					}
+
+				}
+
+				&--detail--view {
+					@include respond-to(ph){
+						padding-left:0px !important;
+					}
+					& .display-table {
+						@include respond-to(ph) {
+							width:auto;
+						}
+					}
+				}
+
+
+
+			}
+
+		}
+
+		&-detail-horizontal {
+			width:100px !important;
+		}
+
+		&-detail-step-horizontal__description {
+			position:static !important;
+			display:table-cell;
+			vertical-align:middle;
+		}
+
+		&-detail-step-horizontal--fixed {
+			width:32px;
+		}
+
+		&-detail-step-horizontal__visual {
+			height:24px;
+		}
+
+		& .view-detail {
+			position:static;
+
+			&-icon {
+				position:static;
+			}
+
+		}
+
+		& .flight-line-horizontal {
+			top:calc(50% - 12px);
+		}
+
+		& .airport-point {
+			top:calc(50% - 18px);
+		}
+
+		& .airport-point--stop {
+			left:calc(50% - 8px);
+		}
+
+		& .airport-point--change {
+			left:calc(50% - 8px);
+		}
+
+		& .airport-point--stop-vertical {
+			top:calc(50% - 9px) !important;
+			left:calc(50% - 14px) !important;
+		}
+
+		& .airport-point--change-vertical {
+			top:calc(50% - 9px) !important;
+			left:calc(50% - 14px) !important;
+		}
+
+		& .airport-point-vertical {
+			top:calc(50% - 9px) !important;
+		}
+
+		& .airport-point--technique-horizontal {
+			top:calc(50% - 17px) !important;
+			left:calc(50% - 8px) !important;
+		}
+
+		&-detail-step__description--info__cell {
+			white-space:nowrap;
+
+			&:last-child {
+				white-space:normal;
+			}
+			
+		}
+
+		&-detail-step__info {
+			width:228px;
+		}
+
+	}
+
+}
+
+.price-box {
+	padding:0px 0px 0px 8px !important;
+
+	@include respond-to(ph) {
+		padding-left:0px !important;
+	}
+
+	&__container {
+		@include respond-to(ph) {
+			min-width:100%;
+		}
+	}
+}
+
+.separator-left {
+	border-left:1px solid $gray-lighter;
+
+	@include respond-to(ph) {
+		border-left:none;
+	}
+}
+
+.airline-name {
+	width:112px;
+	vertical-align:middle;
+	@include respond-to(ph) {
+		width:auto;
+	}
+}
+
+.searchv2{
+    
+    &__details__ctn {
+        position:relative;
+    }
+
+    &__details {
+        display:inline-block;
+        background:$white;
+        padding:0px;
+
+        &__container {
+        	min-width:0;
+        }
+
+        &--passenger {
+            width:calc(100% - 16px);
+            box-sizing:border-box;
+            position:absolute;
+            top:40px;
+            z-index:3;
+            left:8px;
+            min-width:0;
+        }
+
+    }
+
+
+}
+
+.search__details--passenger {
+	margin-top:-4px !important;
+}
+
+.duration {
+	padding-left:4px;
+	padding-right:2px;
+}
+
+.header-inbound {
+	width:84px;
+}
+
+.header-outbound {
+	width:96px;
+}
+
+.header-time {
+	width:164px;
+}
+
+.table-view-detail {
+	@include respond-to(ph) {
+		width:176px;
+	}
+}
+
+.select-age {
+	margin-bottom:0px !important;
+}
+
+.position-relative {
+	position:relative;
+}
+
+
+.slider-currency {
+		
+	&.ui-slider {
+		position:relative;
+		box-sizing:border-box;
+		background:$white;
+		border:4px solid $gray-lighter;
+		@include border-radius(2px);
+		height:8px;
+	}
+
+	&.ui-slider .ui-slider-handle {
+		box-sizing:border-box;
+		background:$white;
+		border:6px solid $gray;
+		@include border-radius(50%);
+		width:24px;
+		height:24px;
+		position:absolute;
+		top:-11px;
+		cursor:pointer;
+		z-index: 1;
+		&:hover {
+			border-color:$orange;
+		}
+
+		&:focus {
+			outline:none;
+		}
+	}
+
+	&.ui-slider .ui-slider-range {
+		//background:$orange-dark;
+		//background-size:6px 1px !important;
+		//background: repeating-linear-gradient(to right, rgba(255,121,0,1) 0px, rgba(255,121,0,1) 2px, rgba(204,204,204,1) 3px, rgba(204,204,204,1) 4px);
+		background-color:$orange;
+		height:2px;
+		margin-top:-1px;
+        color:$gray-lighter;
+	}
+
+}
+
+.slider-currency-input {
+	border:none !important;
+	background:transparent !important;
+	font-weight:bold !important;
+	padding:0px !important;
+}
+
+.filters__container__buttons {
+	text-align:left !important;
+	border-top:none !important;
+	padding-top:0px !important;
+}

data/stylesheets/am-commons/am-not-found.scss

@@ -0,0 +1,74 @@
+@import "compass/css3";
+@import "compass/support";
+@import "compass/utilities/general/clearfix";
+@import "compass/css3/transition";
+
+@import "am-variables";
+@import "epp-mixins";
+
+//@import "am-sprite-splash";
+
+
+body{
+	background-color: #B9D3EF;
+}
+
+.bg-splash{
+	//background-image: url($cdn-url+'bg-404.png');
+	background-image: url('http://static.almundo.com/img/common/bg-404.jpg');
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center center;
+	height: 100%;
+	width: 100%;
+	position: fixed;
+	top:0;
+	left:0;
+	bottom:0;
+	right:0;
+	z-index: -1;
+}
+
+.logo {
+	margin-top:80px;
+	//margin-left:120px;
+}
+
+.text-404 {
+	position:absolute;
+	left:8.3333%;
+	bottom:160px;
+
+	@include respond-to(tb) {
+		left: 16.6667%;
+	}
+
+	@include respond-to(ph) {
+		position:static;
+		margin-top:64px;
+	}
+}
+
+.link {
+	color:$white !important;
+	text-decoration: underline !important;
+}
+
+@media (max-height:573px) {
+	
+	.text-404 {
+
+		position:static;
+		margin-top:64px;
+
+		@include respond-to(dt) {
+			margin-left: 8.3333%;
+		}
+
+		@include respond-to(tb) {
+			margin-left: 16.6667%;
+		}
+
+	}
+
+}

data/stylesheets/am-commons/am.scss

@@ -0,0 +1,16 @@
+//---------------------------------\\
+//----------Table of Content-------\\
+//---------------------------------\\
+
+// 01 Import epp mixins
+// 02 Import Variables
+// 03 Import Components
+// 04 Import Icons
+
+@import "epp-mixins";
+@import "am-variables";
+@import "am-components";
+@import "am-icons";
+@import "am-utils";
+@import "am-print";
+

data/stylesheets/am-commons/epp-visual-help.scss

@@ -0,0 +1,36 @@
+body{
+    background-color: transparent;
+    background-image:       linear-gradient(0deg, transparent 90%, rgba(255, 0, 0, 0.5) 100%), 
+                           linear-gradient(90deg, transparent 90%, rgba(255, 0, 0, 0.5) 100%);
+    background-size:8px 8px;
+    background-position:0px 0px;
+}
+
+
+a,blockquote,caption,dd,figcaption,form,h1,h2,h3,h4,h5,h6,p,pre,label,li{
+	background: rgba(24, 65, 192, 0.2);
+}
+[class*="epp-ctn"]{
+    background: rgba(50,50,50,0.4);
+}
+[class*="epp-cl-"] {
+	outline:1px solid red;
+}
+/*Phone de 0 a 767*/
+@media (max-width:767px){
+    body:before{
+        content:"PHONE 0 a 767";
+    }
+}
+/*Tablet 768 a 1151*/
+@media (min-width:768px) and (max-width:1151px){
+    body:before{
+        content:"TABLET 768 a 1151";
+    }
+}
+/*Desktop*/
+@media (min-width:1152px){
+    body:before{
+        content:"DESKTOP desde 1152";
+    }
+}

data/stylesheets/am-commons/epp.scss

@@ -0,0 +1,12 @@
+@import "compass/css3";
+@import "compass/support";
+@import "compass/utilities/general/clearfix";
+@import "compass/css3/transition";
+
+@import "epp-pixelator";
+@import "epp-grid";
+@import "epp-utils";
+@import "epp-mixins";
+
+
+

data/stylesheets/am-commons/flight-result-searchbox.scss

@@ -0,0 +1,69 @@
+@import "compass/css3";
+@import "compass/support";
+@import "compass/utilities/general/clearfix";
+@import "compass/css3/transition";
+@import "am-variables";
+
+
+.widget-lateral-busqueda{
+	background: $orange;
+	padding: 15px;
+	margin-bottom: 15px;
+	.widget-lateral-busqueda-form label {
+		font-size: 11px;
+		color: white;
+	}
+}
+.widget-lateral-busqueda-titulo{
+	color: white;
+	font-size: 16px;
+	margin-bottom: 15px;
+	display: inline-block;
+}
+
+.btn-buscador-action{
+	background: $blue;
+	color: white;
+}
+.cancelSearch {
+	background: url(img/ui-bg_autocomplete-error.gif) no-repeat scroll 0 0 red;
+	display: none;
+	height: 12px;
+	overflow: hidden;
+	position: absolute;
+	bottom: 9px;
+	text-indent: -9999px;
+	width: 12px;
+	z-index: 1;
+	display: inline;
+	right: 21px;
+}
+.form_errores {
+	display: none;
+	padding: 7px !important;
+}
+.mensaje-error {
+	background: red;
+	color: #fff;
+	font-size: 12px;
+	font-weight: bold;
+	line-height: 30px;
+	padding: 0 7px;
+}
+input.error {
+	background-color: pink;
+	border: 1px solid red;
+}
+.radio label, .checkbox label {
+	display: inline;
+	margin-bottom: 0;
+	font-weight: normal;
+	cursor: pointer;
+}
+.checkbox{
+	label{
+		.business-label{
+			padding-left: 0;
+		}
+	}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: am-commons
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Emiliano Mongelo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-05 00:00:00.000000000 Z
+date: 2015-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -41,12 +41,33 @@ files:
 - lib/am-commons/version.rb
 - package.json
 - stylesheets/_am-commons.scss
-- stylesheets/am-commons/_am.scss
-- stylesheets/am-commons/_components.scss
-- stylesheets/am-commons/_utils.scss
-- stylesheets/am-commons/am/_variables.scss
-- stylesheets/am-commons/components/_example.scss
-- stylesheets/am-commons/utils/_example.scss
+- stylesheets/am-commons/_am-american-flags.scss
+- stylesheets/am-commons/_am-components.scss
+- stylesheets/am-commons/_am-footer.scss
+- stylesheets/am-commons/_am-header.scss
+- stylesheets/am-commons/_am-icons-definition.scss
+- stylesheets/am-commons/_am-icons.scss
+- stylesheets/am-commons/_am-main-menu.scss
+- stylesheets/am-commons/_am-print.scss
+- stylesheets/am-commons/_am-social-menu.scss
+- stylesheets/am-commons/_am-sprite-splash.scss
+- stylesheets/am-commons/_am-utils.scss
+- stylesheets/am-commons/_am-variables.scss
+- stylesheets/am-commons/_epp-grid.scss
+- stylesheets/am-commons/_epp-mixins.scss
+- stylesheets/am-commons/_epp-pixelator.scss
+- stylesheets/am-commons/_epp-utils.scss
+- stylesheets/am-commons/_fonts.scss
+- stylesheets/am-commons/am-airlines.scss
+- stylesheets/am-commons/am-checkout.scss
+- stylesheets/am-commons/am-common.scss
+- stylesheets/am-commons/am-flights-result.scss
+- stylesheets/am-commons/am-flights-resultv2.scss
+- stylesheets/am-commons/am-not-found.scss
+- stylesheets/am-commons/am.scss
+- stylesheets/am-commons/epp-visual-help.scss
+- stylesheets/am-commons/epp.scss
+- stylesheets/am-commons/flight-result-searchbox.scss
 - templates/project/manifest.rb
 homepage: http://www.almundo.com/
 licenses: []

data/stylesheets/am-commons/_am.scss

@@ -1,5 +0,0 @@
-// ### Sass
-
-// #### Import
-
-@import "am/variables";

data/stylesheets/am-commons/_components.scss

@@ -1 +0,0 @@
-@import "components/example";

data/stylesheets/am-commons/_utils.scss

@@ -1,5 +0,0 @@
-// ### Sass
-
-// #### Import
-
-@import "utils/example";