am-commons 0.0.1 → 0.0.3

data/stylesheets/am-commons/_fonts.scss

@@ -0,0 +1,156 @@
+@font-face {
+	font-family: 'almundo';
+	src:url('fonts/almundo.eot?-wojnng');
+	src:url('fonts/almundo.eot?#iefix-wojnng') format('embedded-opentype'),
+		url('fonts/almundo.woff?-wojnng') format('woff'),
+		url('fonts/almundo.ttf?-wojnng') format('truetype'),
+		url('fonts/almundo.svg?-wojnng#almundo') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	font-family: 'almundo';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-club-al-mundo:before {
+	//content: "\e62a";
+	content: "\e600";
+}
+.icon-login:before {
+	//content: "\e613";
+	content: "\e600";
+}
+.icon-bell:before {
+	content: "\e600";
+}
+.icon-bus:before {
+	content: "\e601";
+}
+.icon-wifi:before {
+	content: "\e602";
+}
+.icon-gift:before {
+	content: "\e603";
+}
+.icon-cocktail:before {
+	content: "\e604";
+}
+.icon-flights:before {
+	content: "\e605";
+}
+.icon-hotels:before {
+	content: "\e606";
+}
+.icon-packages:before {
+	content: "\e607";
+}
+.icon-cruises:before {
+	content: "\e608";
+}
+.icon-cars:before {
+	content: "\e609";
+}
+.icon-gateways:before {
+	content: "\e60a";
+}
+.icon-disney:before {
+	content: "\e60b";
+}
+.icon-trains:before {
+	content: "\e60c";
+}
+.icon-excursions:before {
+	content: "\e60d";
+}
+.icon-assistance:before {
+	content: "\e60e";
+}
+.icon-destinations:before {
+	content: "\e60f";
+}
+.icon-facebook:before {
+	content: "\e610";
+}
+.icon-twitter:before {
+	content: "\e611";
+}
+.icon-googleplus:before {
+	content: "\e612";
+}
+.icon-phone:before {
+	content: "\e614";
+}
+.icon-branches:before {
+	content: "\e615";
+}
+.icon-flight-back:before {
+	content: "\e616";
+}
+.icon-arrow-right:before {
+	content: "\e617";
+}
+.icon-arrow-left:before {
+	content: "\e618";
+}
+.icon-arrow-up:before {
+	content: "\e619";
+}
+.icon-arrow-down:before {
+	content: "\e61a";
+}
+.icon-calendar:before {
+	content: "\e61b";
+}
+.icon-calendar-back:before {
+	content: "\e61c";
+}
+.icon-clock:before {
+	content: "\e61d";
+}
+.icon-credit-card:before {
+	content: "\e61e";
+}
+.icon-len:before {
+	content: "\e61f";
+}
+.icon-zoom-in:before {
+	content: "\e620";
+}
+.icon-zoom-out:before {
+	content: "\e621";
+}
+.icon-star:before {
+	content: "\e622";
+}
+.icon-exclamation-circle:before {
+	content: "\e623";
+}
+.icon-check-circle:before {
+	content: "\e624";
+}
+.icon-close-circle:before {
+	content: "\e625";
+}
+.icon-hamburger:before {
+	content: "\e626";
+}
+.icon-iso-almundo:before {
+	content: "\e627";
+}
+.icon-logo-almundo:before {
+	content: "\e628";
+}
+.icon-logo-com:before {
+	content: "\e629";
+}
+

data/stylesheets/am-commons/am-airlines.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-utils";
+@import "am-icons";
+
+.search {
+
+	&__title {
+		padding:0px;
+		margin:48px 0px;
+	}
+
+	&__box {
+		background-color:white;
+		background:rgba(255,255,255,0.8);
+	}
+
+}
+
+.presentation {
+	background:$gray-lightest;
+}
+
+.tips {
+
+	padding:0px 48px !important;
+
+	&__header {
+		padding-bottom:16px;
+
+	}
+	
+	&__element {
+		padding-bottom:32px;
+		border-bottom:1px solid $gray-lighter;
+		margin-bottom:32px;
+
+		&:last-child {
+			border-bottom:0px;
+		}
+
+	}
+
+}
+
+.description {
+
+	&__title {
+		margin-bottom:16px;
+		text-align:center;
+	}
+
+	&__img {
+		padding:0px !important;
+	}
+
+	&__text {
+		padding:24px 16px !important;
+		background:$gray-lightest;
+	}
+
+}
+
+.img-responsive {
+	width:100%;
+}

data/stylesheets/am-commons/am-checkout.scss

@@ -0,0 +1,258 @@
+
+@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";
+
+.container {
+    background:$gray-lightest;
+    @include border-radius(0px !important);
+    
+    &__title {
+        background:$gray-lightest;
+        padding:16px 0px;
+        cursor:pointer;
+
+        & * {
+            line-height:24px !important;
+        }
+
+    }
+
+    &__number {
+        color:$orange;
+    }
+
+    &__icon {
+        display:table-cell;
+    }
+}
+
+.passenger {
+    
+    &__info {
+        
+        &__detail {
+            border:1px solid $gray-lighter;
+            background:$white;
+
+            &:last-child {
+                //border-bottom:none;
+            }
+
+            &__title {
+                border-right:1px dashed $gray-lighter;
+            }
+        }
+
+    }
+
+}
+
+.billing {
+
+    &__info {
+        
+        &__detail {
+            border:1px solid $gray-lighter;
+            background:$white;
+
+            &:last-child {
+                //border-bottom:none;
+            }
+
+            &__title {
+                border-right:1px dashed $gray-lighter;
+            }
+        }
+
+    }
+
+}
+
+.cards {
+
+    &__info {
+        
+        &__detail {
+            border:1px solid $gray-lighter;
+            background:$white;
+
+            &:last-child {
+                //border-bottom:none;
+            }
+
+            &__title {
+                border-right:1px dashed $gray-lighter;
+            }
+        }
+
+    }
+    
+    &__definition {
+        
+        background:$white;
+        border:1px solid $gray-lighter;
+        
+        &--selected {
+            border-color:$orange;
+        }
+
+        &__description {
+            
+        }
+
+        &__container {
+            border-top:1px dashed $gray-lighter;
+            
+            &:first-child {
+                border-top:none;
+            }
+
+            &__info {
+                display:inline-block;
+                width:120px;
+
+                &--lg {
+                    width:100%;
+                }
+            }
+        }
+
+        &__name {
+            border-right:1px dashed $gray-lighter;
+            width:10%;
+        }
+    }
+
+}
+
+.contact {
+
+    &__info {
+        
+        &__detail {
+            border:1px solid $gray-lighter;
+            background:$white;
+
+            &:last-child {
+                //border-bottom:none;
+            }
+
+            &__title {
+                border-right:1px dashed $gray-lighter;
+            }
+        }
+
+    }
+
+}
+
+.send {
+    
+    & label {
+        line-height:32px !important;
+    }
+}
+
+
+
+.security {
+    border-top:1px solid $gray-lighter;
+}
+
+.label--inline-block {
+    display:inline-block;
+}
+
+.rotation{
+    @include rotate(180deg);
+}
+
+.error-container {
+    position:relative;
+
+    .error {
+        position:absolute;
+        top:0px;
+        right:0px;
+        height:40px;
+        width:40px;
+        background:$error;
+        text-align:center;
+        @include border-radius(4px);
+
+        &:before {
+            content:"";
+            position:absolute;
+            border-color:transparent $error transparent transparent;
+            border-width:8px;
+            border-style:solid;
+            left:-16px;
+            top:12px;
+        }
+
+        &__icon {
+            color:$white;
+            @include font-rem(normal,16px,40px);
+        }
+
+    }
+
+}
+
+.secure {
+    background:$gray-lightest;
+
+    &__info {
+
+        &__assist-card {
+            background:#EE3342;
+        }
+
+    }
+
+}
+
+.img-responsive {
+    width:100%;
+}
+
+.input--error {
+    border:1px solid $error !important;
+    @include input-placeholder {
+        color: $gray-light !important;
+    }
+}
+
+input[type="text"], select {
+    height:40px !important;
+}
+
+.separator {
+    border-bottom:1px dashed $gray;
+    background:transparent;
+}
+
+.separator-right {
+    border-right:1px solid $gray-lighter;
+}
+
+.cards-security {
+    width:200px;
+}
+
+.cluster {
+    border-bottom:none !important;
+    &:after {
+        content:"";
+        background:$gray-lighter !important;
+    }
+}

data/stylesheets/am-commons/am-common.scss

@@ -0,0 +1,19 @@
+//---------------------------------\\
+//----------Table of Content-------\\
+//---------------------------------\\
+
+// 01 Import Modules
+// 02 Import 8px please framework
+// 03 Import almundo framework
+
+//----------Compass Modules---------\\
+@import "compass/css3";
+@import "compass/support";
+@import "compass/utilities/general/clearfix";
+@import "compass/css3/transition";
+
+//------------8px Please!-----------\\
+@import "epp";
+
+//--------------almundo-------------\\
+@import "am";