boletia_ui 0.1.1

data/vendor/assets/boletia_ui/stylesheets/layouts/_refund-wizard.scss

@@ -0,0 +1,290 @@
+.o-layout{
+	margin-top: $base-space * 7;
+	margin-bottom: $base-space * 4;
+}
+
+
+
+
+/*** CONFIRMATION BAR ***/
+.c-confirmation-bar {
+	border: 1px solid rgba($darkorange,.5);
+	background: lighten($yellow,48%);
+	padding: $base-space * 1;
+	margin-bottom: $base-space * 2;
+	@extend .u-border-box;
+}
+
+.c-confirmation-bar__title{
+	@extend .u-inline-block-middle;
+	font-weight: 500;
+	margin-right: $base-space * 6 ;
+}
+
+.js-floating-element {
+	position: fixed;
+	top: 0;
+	z-index: 2;
+	width: 100%;
+	left:0;
+	visibility: hidden;
+	border:none;
+	border-top: 3px solid $darkorange;
+	@include shadow(darken($gray,5%));
+}
+
+
+
+
+
+/* CONTENT */
+.week-title{
+	display:block;
+	text-transform: uppercase;
+	letter-spacing: 2px;
+	font-weight: normal;
+}
+
+
+.c-refund-display {margin:$base-space * 2 0;}
+
+.c-refund-display__title{
+		margin-top: $base-space * 2;
+		text-transform: uppercase;
+		letter-spacing: 2px;
+		@extend .u-text-center;
+
+		&:before, &:after{
+			content: '';
+			border-bottom:1px solid;
+			@extend .u-inline-block-middle;
+			width: 21.5rem;
+			color:darken($gray,10%);
+		}
+
+		&:before{margin-right: $base-space;}
+		&:after{margin-left: $base-space;}
+
+}
+
+.o-refunds-chart {
+	margin-top: $base-space * 2;
+}
+
+.c-refund-display__total {
+	font-size: 5.8rem;
+	display:block;
+	font-weight: bold;
+	margin-top: $base-space;
+	color: lighten($darkblue,10%);
+	@extend .u-text-center;
+
+	&:before, &:after {
+		font-size: 140%;
+		line-height: .8;
+	}
+
+	&:before {
+		content: '[';
+		float: left;
+		margin-left: $base-space;
+	}
+
+	&:after {
+		content: ']';
+		float: right;
+		margin-right: $base-space;
+	}
+
+}
+
+.c-refund-display--finished{
+	color: $darkgreen;
+}
+
+/* ACCOUNT DATA */
+
+.c-bank-account{
+	margin-top: $base-space * 2;
+	margin-bottom: $base-space * 2;
+}
+
+.c-bank-account__title{
+	margin-bottom: $base-space * -.6;
+	text-transform: uppercase;
+
+	&:before, &:after {
+		content: '';
+		border-bottom:1px solid darken($lightgray,20%);;
+		@extend .u-inline-block-middle;
+		width: 12.7rem;
+	}
+
+	&:before{margin-right: $base-space;}
+
+	&:after{margin-left: $base-space;}
+
+}
+
+.c-bank-account__container {
+	border: 1px solid darken($lightgray,20%);
+	border-top:none;
+	padding: $base-space;
+	display: block;
+}
+
+
+
+
+
+/* REFUND PROCESS */
+
+.adjustment-message{
+	margin-bottom: $base-space;
+	font-weight: normal;
+}
+
+.refund-process {
+	background: $white;
+	padding: $base-space * 2;
+	display: block;
+	border: 1px solid darken($lightgray,5%);
+}
+
+.wizard-steps {
+
+	li {
+		@extend .u-inline-block-middle;
+
+		a{
+			text-decoration: none;
+			padding: 0 $base-space * .5;
+			}
+	}
+
+	.space-dots{
+		font-size: 3rem;
+		margin: 0 $base-space * .5;
+		letter-spacing: 2px;
+	}
+
+	.active-step{
+		color: $blue;
+		text-decoration: underline;
+	}
+
+	.default-step{
+		color: lighten($darkgray,10%);
+
+		&:hover{
+			color: $darkgray;
+			text-decoration: underline;
+		}
+	}
+}
+
+.data-register {
+	margin-top: $base-space * 1.5;
+	margin-bottom: $base-space * 1.5;
+
+	.data-header {
+		border-bottom: 1px solid darken($gray,40%);
+		text-transform: uppercase;
+		padding: 0 $base-space * .5;
+	}
+	
+	.data-content, .data-edit {
+		border-bottom:1px dotted darken($gray,20%);
+	}
+
+	.data-content {padding: $base-space * .5;}
+	.data-form {	padding: $base-space * .5 0;}
+	.data-edit {	padding: $base-space * .5 0;}
+
+}
+
+.data-actions{
+	
+	a{
+		color: lighten($darkgray,15%);
+		font-size: 1.3rem;
+	}
+
+	.delete{
+		color: $red;
+	}
+
+}
+
+
+
+
+
+
+
+
+
+
+/* BUTTON ICON BRACKET */
+
+.bracket-icon{
+	font-size: 140%;
+	line-height: 0;
+	font-weight: bold;
+}
+
+
+
+
+/* ADMIN SIDEBAR */
+
+.admin-sidebar {
+	@extend .o-boletia-card;
+	margin-top: $base-space * 2.5
+}
+
+.sidebar-title {
+	text-transform: uppercase;
+	background: lighten($darkblue,20%);
+	color: $white;
+}
+
+.sidebar-list li, .sidebar-title {
+	padding: $base-space * .5 $base-space;
+}
+
+.sidebar-list{
+
+	li {
+		text-transform: uppercase;
+		font-size: 1.3rem;
+		border-top: 1px dashed $gray;
+		background: lighten($lightgray,5%);
+
+		span,
+		strong {
+			display: block;
+			font-size: 1.4rem;
+		}
+	}
+
+	.final-balance {
+		padding: $base-space;
+		background: none;
+
+		strong {
+			color: $darkgreen;
+			font-size: 1.8rem
+		}
+	}
+
+
+}
+
+.actions-list {
+	background: lighten($lightgray,5%);
+	padding: $base-space * 1.25;
+	border-top: 10px solid $darkblue;
+
+	.button { font-size: 1.4rem;}
+}

data/vendor/assets/boletia_ui/stylesheets/layouts/_sales.scss

@@ -0,0 +1,17 @@
+
+/* SALES DETAILS */
+
+.o-sales-report__title {
+	margin-bottom: 0.6rem;
+	color: $darkgray;
+}
+
+
+.o-sales-details__field {
+	margin-bottom: 1.4rem;
+}
+
+.o-sales-details__col {
+
+	.o-sales-details__field:last-of-type {margin-bottom: 0;}
+}

data/vendor/assets/boletia_ui/stylesheets/layouts/_style_guide.scss

@@ -0,0 +1,216 @@
+/* GENERAL STYLES */
+
+.o-style-guide {
+	background: #fafafa;
+
+	.u-wrapper100 {
+		margin-top: $base-space * 4;margin-bottom: $base-space * 4;
+	}
+
+	.gist {margin: 0 0 $base-space * 2 0;}
+
+}
+
+/* MENU */ 
+
+.o-style-guide__menu {
+	
+	ul {background:$white;margin: 0;padding: 0;border:1px solid darken($lightgray,10%)}
+
+	li {list-style-type: none;border-top:1px solid darken($lightgray,10%)}
+
+	h4,li a {padding:$base-space * 0.5 $base-space;display:block}
+}
+
+/* GRIDS */
+
+
+.o-style-guide__grids-guide {
+	.col-row-test {
+		padding: $base-space 0;
+
+		.u-col1,.u-col2,.u-col3,.u-col4,.u-col5,.u-col6,.u-col7,.u-col8,.u-col9,.u-col10,.u-col11,.u-col12 {
+			background:$darkblue;
+			color: $white;
+			border-bottom:1px solid $lightgray;
+			border-right:1px solid $lightgray;
+			text-align: center;
+			padding: $base-space * 0.5 0;
+		}
+	}
+
+	.grid-row-test {
+		padding: $base-space 0 ;
+
+			span {
+				background:$darkblue;
+				color: $white;
+				text-align: center;
+				margin-bottom: $base-space * 0.5;
+				padding: $base-space 0;
+				display: block;
+			}		
+	}
+
+	.col-row-nest {
+		.nest-col {
+		padding: $base-space;background:darken($lightgray,10%);margin-top:$base-space;margin-bottom: $base-space
+		}
+
+		.grid-row-test {padding: 0}
+	}
+}
+
+
+/* COLOR */
+
+.o-style-guide {
+
+	.color-test {padding:4rem 0;color:$white;font-weight: bold;text-align: center;}
+
+	.black {background:$black}
+	.white {background:$white}
+	.orange {background:$orange}
+	.darkorange {background:$darkorange} 
+	.lightgray {background:darken($lightgray,5%);}
+	.blue {background:$blue}
+	.darkblue {background:$darkblue}
+	.green {background:$green;}
+	.darkgreen {background:$darkgreen}
+
+	.primary-color-guide {padding: 8rem 0}
+}
+
+
+/* BOLETIA CARDS */
+
+.o-style-guide {
+
+	> ul {margin: 0;padding: 0}
+
+	> ul li {list-style-type: none}	
+} 
+
+
+
+
+/* STYLE GUIDE ELEMENTS */
+
+
+
+.o-style-guide__header,
+.o-style-guide__subheader,
+.o-style-guide__example {
+
+	> p {font-size: 1.8rem; margin: 1.8rem 0;}
+	>	p:last-child {margin-bottom: 0;}
+	> ul { font-size: 1.8rem;}
+}
+
+
+.o-style-guide__subheader {
+	margin-top: $base-space * 2;
+}
+.o-style-guide__subtitle {
+	margin-bottom: $base-space * 0.25;
+}
+
+.o-style-guide__label {
+	margin-bottom: $base-space * 0.5;
+	text-transform: uppercase;
+}
+
+.o-style-guide__example {
+	padding: $base-space * 2 0;
+	border-bottom: 1px solid $gray;
+}
+
+.o-style-guide__result {
+	background: $white;
+	padding: $base-space;
+	border: 1px solid darken($lightgray,5%);
+	@include border-radius(3px);
+}
+
+
+.o-style-guide__result--big {
+	height: 30rem;
+}
+
+.o-style-guide__square {
+	width: 10rem;
+	height: 10rem;
+	background: $blue;
+	position: relative;
+
+	span {
+		position: absolute;
+	  top: 50%;
+	  left: 50%;
+	  width: 100%;
+	  -webkit-transform: translate(-50%,-50%);
+	  -moz-transform: translate(-50%,-50%);
+	  -ms-transform: translate(-50%,-50%);
+	  -o-transform: translate(-50%,-50%);
+	  transform: translate(-50%,-50%);
+	  display: block;
+	  text-align: center;
+	  color: $white;
+	}
+}
+
+
+.o-style-guide__rectangle {
+	width: 16rem;
+	height: 10rem;
+	background: $blue;
+	position: relative;
+	display: inline-block;
+
+	span {
+		position: absolute;
+	  top: 50%;
+	  left: 50%;
+	  width: 100%;
+	  -webkit-transform: translate(-50%,-50%);
+	  -moz-transform: translate(-50%,-50%);
+	  -ms-transform: translate(-50%,-50%);
+	  -o-transform: translate(-50%,-50%);
+	  transform: translate(-50%,-50%);
+	  display: block;
+	  text-align: center;
+	  color: $white;
+	}
+
+
+}
+
+.o-style-guide__rectangle--big {
+	width: 20rem;
+	height: 14rem;
+}
+
+.o-style-guide__icon-list {
+
+	li {margin-bottom: $base-space * 0.5;}
+
+}
+
+
+
+.o-style-guide__button-result {
+	padding-top: $base-space;
+	padding-bottom: $base-space;
+	margin-bottom: $base-space * 2;
+	background: $white;
+	border: 1px solid darken($lightgray,5%);
+}
+
+
+
+.o-style-guide__card-example {
+	margin-top: $base-space;
+}
+
+
+

data/vendor/assets/boletia_ui/stylesheets/menu/_footer.scss

@@ -0,0 +1,117 @@
+/* NEW FOOTER */
+
+.o-footer {
+  background: $black;
+  padding: $base-space * 3 0;
+  position: relative
+}
+
+.o-footer__title {
+  color:$lightgray;
+  text-transform: uppercase;
+  letter-spacing:1px;
+  font-weight: 600;
+  font-size: 1.3rem;
+}
+
+.o-footer__menu-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  font-size: 1.3rem;
+  clear: both;
+
+  li {margin-bottom: 0.2rem;}
+
+  li:last-child {margin-bottom: 0;}
+
+  li a {
+    color: darken($lightgray,30%);
+    text-decoration: none;
+    @include animate;
+
+    &:hover,&:focus { color: $lightgray;}
+  }
+}
+
+.o-footer__menu-list--inline {
+  
+  li { 
+    display: inline-block; 
+    margin-bottom: 0;
+  }
+
+  li a { margin: 0 0.4rem; }
+
+}
+
+.o-footer__payment-logos {
+  height: 3.6rem;
+  display: inline-block;
+}
+
+
+.o-footer__separator {
+  width: $base-space * 3.4;
+  margin: $base-space * 0.25 0 $base-space * 0.75;
+  border: 1px solid darken($lightgray,50%);
+}
+
+.o-footer__copyright {
+  text-align: center;
+  text-transform: uppercase;
+  margin-bottom: 0;
+  margin-top: 2.0rem;
+  color: darken($lightgray,30%);
+  font-size: 1.2rem;
+}
+
+.o-footer__small-logo {
+  width: 6rem;
+  display: block;
+  margin: 0 auto;
+}
+
+.o-footer__full-logo {
+  height: 2.2rem;
+  display: inline-block;
+  margin-top: 2rem;
+}
+
+.o-footer__mobile-nav {
+  text-align: center;
+
+  li {display: inline-block;}
+
+  li a { margin: 0 0.4rem;}
+}
+
+/* MEDIA QUERIES */
+
+
+@media screen and (max-width:64em)  {
+  .o-footer {
+    background: $black;
+    padding: $base-space 0;
+  }
+}
+
+@media screen and (max-width:50em)  {
+  .is-desktop {display: none;}
+  .is-mobile {display: block;}
+}
+
+@media screen and (min-width:50em)  {
+
+  .push-front {padding-bottom: 24rem;}
+  .footer-front {margin-top: -24rem}
+
+
+  .is-desktop {display: block;}
+  .is-mobile {display: none;}
+
+  .o-footer {
+    background: $black;
+    padding: $base-space * 3 0;
+  }
+}