iasd-bootstrap-sass 1.5.0 → 1.6.0

data/stylesheets/_iasd-variables.scss

@@ -39,6 +39,13 @@ $events-main-color: 							#b83636;
 $community-main-color: 							#269e9a;
 $blogs-main-color: 								#485359;
 
+// Social Networks and External Services colors
+// -------------------------
+
+$apple-color:                                   #a8b1b8;
+$android-color:                                 #a5c63b;
+$windows-color:                                 #01aef3;
+
 // Grays
 // -------------------------
 

data/stylesheets/_iasd-widgets.scss

@@ -84,9 +84,12 @@
 		}
 	}
 }
-
+.iasd-widget-apps-btn {
+	text-transform: initial;
+	margin: 7px 0;
+}
 .iasd-widget{
-	margin-bottom: 50px;
+	margin-bottom: 50px; 
 	a{
 		color: $text-color !important;
 		&:hover, &:focus{
@@ -1297,6 +1300,18 @@ aside {
 /* ************** */
 /* Slider widgets */
 /* ************** */
+.highlights {
+		.owl-carousel {
+			&.header {
+				.slider-item {
+					a.iasd-app-card {
+						border: #FFF !important; 
+					}
+				}
+			}
+		}
+}
+
 
 .iasd-widget-slider{
 	&.highlights {
@@ -2479,6 +2494,459 @@ aside {
 	margin-top: 35px;
 }
 
+/* ***************** */
+/* Apps Widget */
+/* ***************** */
+
+
+.iasd-widget-slider {
+	.iasd-apps {
+		.owl-wrapper-outer {
+			background: none !important;
+		}
+		.owl-controls {
+			.owl-buttons {
+				& > div{
+					@include opacity(1);
+					position: relative;
+					bottom: 0;
+					background: none;
+					padding: 0;
+					margin: 20px 30px 0 30px;
+					height: 17px;
+					width: 10px;
+					z-index: 10;
+					&:after{
+						background: rgba($gray-darker, 0.15);
+						display: block;
+						font-family: FontAwesome;
+						font-size: 18px;
+						height: 40px;
+						line-height: 40px;
+						position: absolute;
+						text-align: center;
+					}
+				}
+				.owl-prev {
+					&:after {
+						content: "";
+						position: absolute;
+						display: block;
+						width: 10px;
+						height: 17px;
+						background: image-url( 'widgets/slider_apps_prev.png' ) no-repeat; 
+					}
+				}
+				.owl-next {
+					&:after {
+						content: "";
+						position: absolute;
+						display: block;
+						width: 10px;
+						height: 17px;
+						background: image-url( 'widgets/slider_apps_next.png' ) no-repeat;
+					}
+				}
+			}
+		}
+	}
+	> figure {
+	 	figcaption {
+	 		background: $theme-main-color; //IE8 Fallback :(
+	 		background: rgba($theme-main-color, .9);
+	 		top: 10px !important;
+	 		height: 20px !important;
+			left: 0 !important;
+	 		margin: 0;
+	 		max-width: 90%;
+	 		overflow: visible;
+	 		padding: 0;
+	 		position: absolute;
+	 		span {
+	 			@include text-overflow();
+	 			color: $body-bg;
+	 			display: inline-block;
+	 			font-family: $alt-font-family-sans-serif;
+	 			font-size: 10px;
+	 			font-weight: 500;
+	 			line-height: 12px;
+	 			padding: 4px 5px;
+	 			text-transform: uppercase;
+				width: 100%;
+	 		}
+	 		&:after {
+	 			border: {
+	 				color: transparent transparent transparent $theme-main-color; //IE8 Fallback :(
+	 				color: transparent transparent transparent rgba($theme-main-color, .9);
+	 				style: solid;
+	 				width: 10px 0 10px 7px;
+	 			}
+	 			content: '';
+	 			height: 0px;
+	 			position: absolute;
+	 			right: -7px;
+	 			top: 0;
+	 			width: 0px;	
+	 		}
+	 	}
+	}
+}
+
+
+@media (max-width: $screen-xs) {
+	.iasd-widget-slider {
+		.slider-item {
+			padding: 5px;
+		}
+		.iasd-apps {
+			h1 {
+				@include main-title;
+				@include text-overflow();
+				margin: 0 0 20px 0 !important;
+			}
+			.iasd-app-card {
+				padding: 5px;
+				width: 100%;
+				h3 {
+					&:hover, &:focus {
+						border-bottom: 0;
+					}
+				}
+				figure, h3, .iasd-app-dev {
+					width: 100%;
+				}
+				ul {
+					padding: 0 !important;
+				}
+				.iasd-app-card-inner {
+					padding: 5px;
+				}
+			}
+		}
+	}
+}
+
+// WIDGET DE DESTAQUES DOS APPS
+
+.iasd-widget-slider {
+	.iasd-apps-widget-highlights {
+		.owl-carousel {
+			.owl-wrapper-outer {
+				background: none;
+				> .iasd-app-card {
+					border: none;
+				}
+			}
+		}
+	}
+}
+
+.iasd-apps-widget-highlights {
+	padding-top: 40px;
+	.app-highlights-title {
+		width: 20%;
+		padding-right: 10px;
+		float: left;
+		h1 {
+			width: auto;
+			margin: 0;
+			padding-top: 30px;
+			border-top: solid 1px rgba(251, 246, 240, 0.5); // Alterado por WDR
+			border-bottom: 0;
+			box-shadow: none;
+			font-size: 25px;
+			font-weight: 300;
+			font-family: $alt-font-family-sans-serif;
+			text-transform: uppercase;
+			color: $body-bg;
+		}
+		p {
+			margin-bottom: 5px 0 25px 0;
+			font-size: 15px !important;
+			font-weight: 400 !important;
+			color: $body-bg;
+		}
+	}
+	.iasd-highlight-apps-carousel {
+		float: right;
+		width: 80%;
+		margin-top: 0;
+		border: none;
+		.owl-wrapper-outer {
+			background: none !important;
+			a.iasd-app-card {
+				border: transparent; //***WDR
+			}
+		}
+		.owl-controls {
+			.owl-buttons {
+				> div {
+					@include opacity(1);
+					position: relative;
+					background: none;
+					padding: 0;
+					margin: 20px 30px 0 30px;
+					height: 17px;
+					width: 10px;
+					z-index: 10;
+					&:after{
+						background: none;
+						display: block;
+						font-family: FontAwesome;
+						font-size: 18px;
+						height: 40px;
+						line-height: 40px;
+						position: absolute;
+						text-align: center;
+					}
+				}
+				.owl-prev {
+					&:after {
+						content: "\f104"; 	//Alterado por WDR
+						font-family: FontAwesome;
+						font-size: 30px;
+						color: white;
+						top: 0px;
+						position: absolute;
+						display: block;
+						width: 10px;
+						height: 17px;
+					}
+				}
+				.owl-next {
+					&:after {
+						content: "\f105";
+						font-family: FontAwesome;
+						font-size: 30px;
+						color: white;
+						top: 0px;
+						position: absolute;
+						display: block;
+						width: 10px;
+						height: 17px;
+					}
+				}
+			}
+		}
+	}
+	
+}
+
+a.see-all-apps {
+	display: block;
+    padding: 5px 8px;
+    border: solid 1px $alt-text-color;
+    border-radius: 3px;
+    line-height: 11px;
+    font-size: 11px;
+    text-align: center;
+    text-transform: none;
+    font-family: Lato;
+    font-weight: 400;
+    background: $alt-link-color;
+    color: $body-bg !important;
+    &.see-all-apps-highlights {
+		float: left ;
+		background: none; // havia uma borda acima que foi eliminada para o outline do botão voltar a funcionar WDR
+	}
+}
+
+@media (max-width: $screen-md) {
+	.iasd-apps-widget-highlights {
+		.app-highlights-title {
+			width: 25%;
+		}
+		.iasd-highlight-apps-carousel {
+			width: 75%;
+		}
+	}
+}
+
+@media (min-width: $screen-xs) and (max-width: $screen-xs-max) {
+	.iasd-apps-widget-highlights {
+		.block-grid-item {
+			padding: 10px;
+		}
+		.slider-item {
+			padding: 0 10px;
+		}
+		.iasd-app-card {
+			width: auto;
+			padding: 10px;
+			figure, h3, span {
+				width: 100%;
+			}
+			.iasd-app-card-inner {
+				padding: 0 5px;
+			}
+		}
+		.app-highlights-title {
+			width: 100%;
+			h1 {
+				margin-bottom: 40px;
+			}
+		}
+		.iasd-highlight-apps-carousel {
+			width: 100%;
+		}
+	}
+	a.see-all-apps {
+	    &.xs-landscape {
+	    	&.hidden-xs {
+	    		display: block !important;
+	    	}
+	    	&.visible-xs {
+	    		display: none !important;
+	    	}
+	    }
+	    &.see-all-apps-highlights {
+	    	margin-bottom: 30px;
+			&.xs-landscape {
+				&.hidden-xs {
+		    		display: block !important;
+		    	}
+		    	&.visible-xs {
+		    		display: none !important;
+		    	}
+			}
+		}
+	}
+}
+
+@media (max-width: $screen-xs) {
+	.iasd-apps-widget-highlights {
+		.block-grid-item, .slider-item {
+			.iasd-app-card {
+				width: auto;
+				padding: 5px;
+				figure, h3, span {
+					width: 100%;
+				}
+				.iasd-app-card-inner {
+					padding: 0 5px;
+				}
+			}
+		}
+		.block-grid-item {
+			padding: 10px;
+		}
+		.slider-item {
+			padding: 0 5px;
+		}
+		.app-highlights-title {
+			width: 100%;
+			h1 {
+				margin-bottom: 40px;
+			}
+			p {
+				display: none;
+			}
+		}
+		.iasd-highlight-apps-carousel {
+			width: 100%;
+		}
+	}
+
+	a.see-all-apps {
+	    &.see-all-apps-highlights {
+	    	float: none;
+			border: solid 1px $body-bg;
+			background: none;
+		}
+	}
+}
+
+// WIDGET SOBRE O AUTOR
+
+.iasd-widget-about-author {
+	.iasd-contact-info {
+		margin-top: 30px;
+		p {
+			display: inline-block;
+			margin-top: 15px !important;
+		}
+		.iasd-author-info {
+			display: inline-block;
+			+ .iasd-author-info {
+				margin-top: 30px;
+			}
+		}
+		.contact-info-title {
+			height: 80px
+		}
+	}
+}
+
+.iasd-apps-portal {
+	.iasd-widget{
+		margin-bottom: 40px; // Alterado de 50px para 40px WD
+		a{
+			color: white;
+		}
+	}
+	.slider-item {
+		a.iasd-app-card {
+			h3 {
+				font-size: 14px !important;
+			    line-height: 17px !important;
+			    margin: 0 0 10px 0 !important; // Alterado de 10px por WDR
+			    font-weight: 900 !important;
+		    	width: 140px;
+		    	white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				color: $theme-main-color; // alterado WDR.
+			}
+			&:hover {
+				border: solid 1px $border-base !important;
+			}
+		.iasd-tag { 
+			background: $theme-main-color; //IE8 Fallback :(
+			background: rgba($theme-main-color, .9);
+			height: 20px !important;
+			left: 0 !important;
+			margin: 0;
+			max-width: 90%;
+			overflow: visible;
+			padding: 0;
+			position: absolute;
+			width: 70px;
+			margin-top: 10px;
+			z-index: 10 !important;
+			span {
+				@include text-overflow();
+				color: $body-bg;
+				display: inline-block;
+				font-family: $alt-font-family-sans-serif;
+				font-size: 10px;
+				font-weight: 500;
+				line-height: 12px;
+				padding: 5px 5px;
+				text-transform: uppercase;
+				width: 100%;
+			}
+			&:after {
+				border: {
+					color: transparent transparent transparent $theme-main-color; //IE8 Fallback :(
+					color: transparent transparent transparent rgba($theme-main-color, .9);
+					style: solid;
+					width: 10px 0 10px 7px;
+				}
+				content: '';
+				height: 0px;
+				position: absolute;
+				right: -7px;
+				top: 0;
+				width: 0px;	
+			}
+		}
+	}
+}
+}
+
+
+
+
 
 
 

data/stylesheets/iasd-bootstrap.scss

@@ -25,20 +25,20 @@
 @import "bootstrap/input-groups";
 @import "bootstrap/navs";
 @import "bootstrap/navbar";
-@import "bootstrap/breadcrumbs";
+//@import "bootstrap/breadcrumbs";
 @import "bootstrap/pagination";
 @import "bootstrap/pager";
-@import "bootstrap/labels";
-@import "bootstrap/badges";
+//@import "bootstrap/labels";
+//@import "bootstrap/badges";
 @import "bootstrap/jumbotron";
 @import "bootstrap/thumbnails";
-@import "bootstrap/alerts";
-@import "bootstrap/progress-bars";
+//@import "bootstrap/alerts";
+//@import "bootstrap/progress-bars";
 @import "bootstrap/media";
 @import "bootstrap/list-group";
-@import "bootstrap/panels";
+//@import "bootstrap/panels";
 @import "bootstrap/wells";
-@import "bootstrap/close";
+//@import "bootstrap/close";
 
 // Components w/ JavaScript
 @import "bootstrap/modals";
@@ -60,6 +60,8 @@
 @import "iasd-base";
 
 // IASD Bootstrap Components
+@import "iasd-block-grid";
+
 @import "iasd-global-nav";
 @import "iasd-main-nav";
 @import "iasd-dropdown-nav";
@@ -67,4 +69,6 @@
 @import "iasd-footer";
 @import "iasd-widgets";
 @import "iasd-plugins";
-@import "iasd-templates";
+@import "iasd-templates";
+// @import "iasd-templates-apps";
+@import "iasd-special-components";

data/templates/project/lib/iasd-bootstrap.js

@@ -1,5 +1,5 @@
 /*!
- * IASD Bootstrap v1.5.0 (http://styleguide.adventistas.org)
+ * IASD Bootstrap v1.6.0 (http://styleguide.adventistas.org)
  * Copyright 2014-2015 Igreja Adventista do Sétimo Dia
  * Licensed under MIT (https://github.com/igrejaadventista/styleguide/blob/master/LICENSE)
  */
@@ -1900,6 +1900,9 @@ if (!window.matchMedia){ window.matchMedia = function(){ return { matches:false
 		owlPlugin.initNewsstandCarouselSmall();
 		owlPlugin.initNewsstandCarouselLarge();
 		owlPlugin.initInstitutionalCarousel();
+		owlPlugin.initAppCarousel();
+		owlPlugin.initHighlightAppCarousel();
+		owlPlugin.initAppScreenShotsCarousel();
 		$('.iasd-images-gallery').IASDImageGallery();
 
 		if(owlCarousels.length > 0) {
@@ -2099,6 +2102,78 @@ if (!window.matchMedia){ window.matchMedia = function(){ return { matches:false
 					itemsMobile: [479,1]
 				}).data('owlCarousel'));
 			}
+		},
+
+		initAppCarousel : function(){
+			var element = $(".iasd-apps");
+			if(element.length > 0) {
+				owlCarousels.push(element.owlCarousel({
+					navigation : true,
+					items : 5,
+					itemsDesktop : [1200,5],
+					itemsDesktopSmall : [991,3],
+					itemsTablet : [768,4],
+					itemsTabletSmall : [627,3],
+					itemsMobile: [479,2],
+					slideSpeed : 500,
+					pagination : false,
+					paginationSpeed : 1000,
+					autoPlay: false,
+					navigationText: false,
+					stopOnHover: true,
+					mouseDrag: false,
+					touchDrag: false,
+					lazyLoad : true	
+				}).data('owlCarousel'));
+			}
+		},
+
+		initHighlightAppCarousel : function(){
+			var element = $(".iasd-highlight-apps-carousel");
+			if(element.length > 0) {
+				owlCarousels.push(element.owlCarousel({
+					navigation : true,
+					items : 4,
+					itemsDesktop : [1200,4],
+					itemsDesktopSmall : [991,3],
+					itemsTablet : [768,3],
+					itemsTabletSmall : [627,3],
+					itemsMobile: [479,2],
+					slideSpeed : 500,
+					pagination : false,
+					paginationSpeed : 1000,
+					autoPlay: false,
+					navigationText: false,
+					stopOnHover: true,
+					mouseDrag: false,
+					touchDrag: false,
+					lazyLoad : true	
+				}).data('owlCarousel'));
+			}
+		},
+
+		initAppScreenShotsCarousel : function(){
+			var element = $(".iasd-app-screen-shots");
+			if(element.length > 0) {
+				owlCarousels.push(element.owlCarousel({
+					navigation : true,
+					items : 4,
+					itemsDesktop : [1200,4],
+					itemsDesktopSmall : [991,4],
+					itemsTablet : [768,3],
+					itemsTabletSmall : [627,2],
+					itemsMobile: [479,1],
+					slideSpeed : 500,
+					pagination : false,
+					paginationSpeed : 1000,
+					autoPlay: false,
+					navigationText: false,
+					stopOnHover: true,
+					mouseDrag: false,
+					touchDrag: false,
+					lazyLoad : true	
+				}).data('owlCarousel'));
+			}
 		}
 
 	};