iasd-bootstrap-sass 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 132c4eb3d0341b810789fe5a2c1cd6c39703a7f9
+  data.tar.gz: d57bfe2b784ed35d551b30998b82c67432a0b03e
+SHA512:
+  metadata.gz: 7aa70840c97db6ff377ea9ef0b507c3c922948b7d2358e6ce0f37786a344eb21e35c9f0e1a469127ab033f007281d338ea2a29fbdaefc8fe89642361d9ea5a40
+  data.tar.gz: bd9c8eddda905492305f9e7a2be4cceec62106c9ccc27fd7599fdc2586dab3883d8b204e871484e60e1332ae70d83e1f671fe48cd20486ea7c8d66b5b16cc7c8

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 igrejaadventista
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,2 @@
+iasd-bootstrap
+==============

data/lib/iasd-bootstrap-sass/version.rb

@@ -0,0 +1,5 @@
+module Bootstrap
+  module IASD
+      VERSION = "1.0.1"
+  end
+end

data/lib/iasd-bootstrap-sass.rb

@@ -0,0 +1,52 @@
+require "iasd-bootstrap-sass/version"
+
+module Bootstrap
+
+  class FrameworkNotFound < StandardError; end
+
+  module IASD
+    
+    def self.load!
+
+      if compass?
+        #require 'bootstrap-sass/compass_functions'
+        register_compass_extension
+      elsif asset_pipeline?
+        #TODO test this
+        #require 'bootstrap-sass/sass_functions'
+      end
+
+      if !(compass?)
+        raise Bootstrap::FrameworkNotFound, "iasd-bootstrap-sass requires either Rails > 3.1 or Compass, neither of which are loaded"
+      end
+
+      require 'bootstrap-sass'
+      require 'rgbapng'
+      # require 'font-awesome-sass-rails'
+
+      stylesheets = File.expand_path(File.join("..", 'stylesheets'))
+      ::Sass.load_paths << stylesheets
+    end
+
+    private
+    def self.asset_pipeline?
+      defined?(::Sprockets)
+    end
+
+    def self.compass?
+      defined?(::Compass)
+    end
+
+    def self.register_compass_extension
+      base = File.join(File.dirname(__FILE__), '..')
+      styles = File.join(base, 'stylesheets')
+      templates = File.join(base, 'templates')
+      ::Compass::Frameworks.register('iasd-bootstrap', :path => base, :stylesheets_directory => styles, :templates_directory => templates)
+
+    end
+
+  end
+end
+
+
+Bootstrap::IASD.load!

data/stylesheets/_iasd-base.scss

@@ -0,0 +1,358 @@
+// Global Declarations
+// -------------------------
+
+body{
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+a, a:hover, a:focus, .btn-link:hover, .btn-link:focus{
+	text-decoration: none;
+	outline: none;
+}
+
+input{
+	@include input-placeholder {
+		font-style: italic;
+		font-weight: 300;
+	}
+	-webkit-appearance: none;
+}
+input[type="checkbox"]{
+	-webkit-appearance: checkbox;
+}
+input[type="radio"]{
+	-webkit-appearance: radio;	
+}
+label{
+	font-size: 14px;
+	font-weight: 700;
+	margin-bottom: 8px;
+}
+textarea{
+	@include input-placeholder {
+		font-style: italic;
+		font-weight: 300;
+	}
+	max-width: 100%;
+}
+
+.radio label, .checkbox label{
+	font-size: 13px;
+}
+.help-block{
+	color: $alt-text-color;
+}
+
+.form-inline{
+	.form-group, .checkbox, .btn, .radio, .form-control{
+		margin-right: 10px;
+	}
+}
+.checkbox-inline, .radio-inline{
+	margin-right: 10px;
+}
+.form-group{
+	margin-bottom: 20px;
+}
+
+
+button, button:focus{
+	outline: none;
+}
+
+hr{
+	border-top: 1px solid $border-base;
+}
+code{
+	font-size: 85%;
+}
+
+
+h1{
+	&.list-group-item-heading{
+		font-size: 28px;
+		font-weight: 900;
+		line-height: 30px;
+	}
+}
+h2{
+	&.list-group-item-heading{
+		font-size: 22px;
+		font-weight: 700;
+		line-height: 26px;
+	}
+}
+
+
+
+
+// Bootstrap components
+// -------------------------
+
+.well, .jumbotron, .progress{
+	border: none;
+	@include box-shadow(1px 1px 0 #fff, inset 1px 1px 0 $border-base);
+}
+
+.jumbotron{
+	margin-bottom: 60px;
+	p{
+		font-size: 20px;
+		font-weight: 300;
+		line-height: 27px;
+		margin-bottom: 10px;
+		& + .btn, & + p .btn{
+		margin-top: 10px;
+	}
+	}
+	h1{
+		display: block;
+		font-size: 59px;
+		font-weight: 300;
+		line-height: 58px;
+		margin: 0 0 10px 0;
+	}
+	h2{
+		display: block;
+		font-size: 45px;
+		font-weight: 300;
+		line-height: 58px;
+		margin: 0 0 5px 0;
+	}
+	h3{
+		display: block;
+		font-size: 35px;
+		font-weight: 300;
+		font-style: italic;
+		line-height: 58px;
+		margin: 0;
+	}	
+	strong{
+		font-weight: 500;
+	}
+}
+
+.breadcrumb{
+	margin-bottom: 35px;
+}
+
+.table thead > tr > th {
+	border-bottom-width: 1px;
+}
+
+.btn-lg{
+	@include border-radius(3px);
+}
+.btn-xs{
+	padding: 1px 8px;
+}
+.btn-toolbar + .btn-toolbar{
+	margin-top: 15px;
+}
+.btn-outline{
+	background-color: transparent;
+	border-color: $body-bg;
+	border-color: rgba($body-bg, 0.4);
+	color: $body-bg;
+	color: rgba($body-bg, 0.6);
+	font-weight: 300;
+	&:hover{
+		background-color: transparent;
+		border-color: $body-bg;
+		border-color: rgba($body-bg, 0.8);
+		color: $body-bg;		
+	}
+}
+
+.alert-dismissable .close{
+	top: 0;
+}
+.alert-link:hover{
+	text-decoration: underline;
+}
+
+.nav{
+	& > li{
+		& > a{
+			&:hover{
+				border-color: $body-bg-bevel $body-bg-bevel $border-base;
+				background-color: $body-bg-bevel;
+				color: $theme-main-color;
+			}
+		}
+		&.active{
+			& > a:hover{
+				border-color: $border-base $border-base transparent $border-base;
+			}
+		}
+	}
+}
+
+
+.nav-tabs{
+	border-bottom: 1px solid $border-base;
+	font-weight: 700;
+	margin-bottom: 30px !important;
+	& > li{
+		&.active{
+			& > a{
+				border: 1px solid $border-base;
+				border-bottom-color: transparent;
+				background-color: $body-bg;
+			}
+		}
+	}
+}
+
+a.list-group-item{
+	font-weight: 700;
+	&.active{
+		font-weight: 700;
+		.list-group-item-text{
+			color: $body-bg;
+		}		
+		&:hover{
+			background-color: darken($theme-main-color, 5%);
+			border-color: darken($theme-main-color, 5%);
+			color: $body-bg;
+			.list-group-item-text{
+				color: $body-bg;
+			}
+		}
+	}
+}
+.list-group-item-heading{
+	font-weight: 700;
+}
+.list-group-item-text{
+	font-weight: 400;
+}
+
+.panel{
+	@include box-shadow(none);
+	background: #fff;
+	h1{
+		font-size: 28px;
+		font-weight: 900;
+		line-height: 30px;
+		&:first-child{
+			margin-top: 0;
+		}
+	}
+	h2{
+		font-size: 22px;
+		font-weight: 700;
+		line-height: 26px;
+		&:first-child{
+			margin-top: 0;
+		}		
+	}
+	h3{
+		font-size: 20px;
+		font-style: italic;
+		font-weight: 400;
+		line-height: 26px;
+		&:first-child{
+			margin-top: 0;
+		}		
+	}
+	h4{
+		font-size: 18px;
+		font-style: italic;
+		font-weight: 400;
+		line-height: 20px;
+		&:first-child{
+			margin-top: 0;
+		}		
+	}
+	h5{
+		font-size: 16px;
+		font-style: italic;
+		font-weight: 400;
+		line-height: 18px;
+		&:first-child{
+			margin-top: 0;
+		}		
+	}
+	h6{
+		font-size: 13px;
+		font-weight: 900;
+		line-height: 16px;
+		&:first-child{
+			margin-top: 0;
+		}		
+	}
+}
+
+
+@media (max-width: $screen-sm) {
+	.table-responsive > .table tr td, .table-responsive > .table tr th{
+		background: #fff !important; //Fix Safari Bug
+	}
+}
+
+
+// Common elements
+// -------------------------
+
+.ie-alert{
+	margin: 0;
+	p{
+		line-height: 36px;
+		margin: 0;
+	}
+	.btn{
+		float: right;
+	}
+}
+
+.custom-select{
+	@include border-radius(5px);
+	background: #fff;
+	border: 1px solid $border-base;
+	height: 28px;
+	overflow: hidden;
+	position: relative;
+	select{
+		@include border-radius(0);
+		background: transparent;
+		border: none;
+		font-weight: 300;
+		padding: 5px 10px;
+		position: absolute;
+		-webkit-appearance: none;
+		width: 120%;
+		z-index: 10;
+		&:hover, &:focus{
+			background: transparent;
+			border: none;
+			outline: none;
+		}
+	}
+	&:after{
+		bottom: 0;
+		border-left: 1px solid $border-base;
+		content: '\f0dc';
+		color: darken($border-base, 10%);
+		display: block;
+		font-family: FontAwesome;
+		font-size: 9px;
+		line-height: 26px;
+		position: absolute;
+		right: 0;
+		text-align: center;
+		top: 0;
+		width: 20px;
+	}
+}
+.font-awesome-alerts{
+	display: inline-block;
+	font-family: FontAwesome;
+	font-weight: normal;
+	font-size: 20px;
+	margin-right: 5px;
+	opacity: 0.6;
+	position: relative;
+	top: 2px;
+}

data/stylesheets/_iasd-dropdown-nav.scss

@@ -0,0 +1,212 @@
+.iasd-dropdown-navigation{
+	float: right;
+	margin-top: 55px;
+	position: relative;
+	.dropdown-toggle{
+		@include box-sizing(border-box);
+		@include box-shadow(0 1px 2px rgba(0, 0, 0, 0.1), inset 1px 1px 1px rgba(255, 255, 255, 0.5));
+		@include gradient-vertical(lighten($body-bg, 3%), $body-bg);
+		@include border-radius(5px);	
+		border: none;
+		color: $alt-link-color;
+		display: inline-block;
+		height: 35px;
+		float: right;
+		font-weight: 400;
+		line-height: 35px;
+		padding: 0 10px;
+		position: relative;
+		text-align: left;
+		width: 340px;
+		&:after{
+			content: '\f107';
+			display: block;
+			font-family: FontAwesome;
+			font-weight: normal;
+			font-size: 12px;
+			height: 35px;
+			line-height: 35px;
+			position: absolute;
+			right: 0;
+			text-align: center;
+			top: 0;
+			width: 35px;
+		}
+	}
+	.dropdown-menu{
+		@include box-shadow(0 5px 10px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.2));
+		@include border-radius(0 0 5px 5px);
+		border: 0;
+		float: right;	
+		left: 5px;
+		margin: 0 5px 0 0;
+		overflow: hidden;
+		position: absolute;
+		padding: 10px 0 5px;
+		width: 330px;
+		ul{
+			display: block;
+			list-style: none;
+			margin: 0;
+			overflow: hidden;
+			padding: 0;
+			width: 330px;
+			li{
+
+				h1{
+					@include text-overflow;
+					color: $alt-text-color;
+					font-size: 13px;
+					font-weight: 900;
+					line-height: 25px;
+					margin: 0;
+				}
+				a{				
+					@include box-sizing(border-box);
+					display: block;
+					color: $alt-text-color;
+					padding: 0 30px;
+					position: relative;
+					h2{
+						@include text-overflow;
+						font-size: 13px;
+						font-weight: 400;	
+						line-height: 25px;
+						margin: 0;
+					}
+					&:after{
+						content: '\f105';
+						display: block;
+						font-family: FontAwesome;
+						font-weight: bold;
+						font-size: 12px;
+						height: 25px;
+						line-height: 25px;
+						position: absolute;
+						right: 0;
+						text-align: center;
+						top: 0;
+						width: 25px;
+					}
+					&.btn, &.btn:hover, &.btn:focus{
+						color: #fff;
+						&:after{
+							display: none;
+						}
+					}
+				}
+				ul{
+					background: #fff;
+					left: 330px;
+					padding: 10px 0 5px;
+					position: absolute;
+					top: 0;
+					&.active{
+						@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
+						left: 0;
+						z-index: 1;
+					}
+					li{
+						h3{
+							@include text-overflow;
+							color: $alt-text-color;
+							font-size: 13px;
+							font-weight: 900;
+							line-height: 25px;
+							margin: 0;
+						}
+						a{
+							@include text-overflow;
+							color: $alt-text-color;
+							display: block;
+							height: 25px;
+							line-height: 25px;
+							&:after{
+								display: none;
+							}
+						}
+						&.heading{
+							border-bottom: 1px solid desaturate($border-base, 20%);
+							margin-bottom: 10px;
+							padding: 0 20px 5px;
+							&:hover, &:focus{
+								background: transparent;
+							}
+						}
+					}
+				}
+				&.heading{
+					border-bottom: 1px solid desaturate($border-base, 20%);
+					margin-bottom: 10px;
+					padding: 0 20px 5px;
+					&:hover, &:focus{
+						background: transparent;
+					}
+				}
+				&.back{
+					border-top: 1px solid desaturate($border-base, 20%);
+					margin-top: 10px;
+					padding: 6px 0 0;
+					a{
+						font-weight: 900;
+						&:before{
+							content: '\f053';
+							color: $theme-main-color;
+							display: block;
+							font-family: FontAwesome;
+							font-weight: normal;
+							font-size: 10px;
+							height: 25px;
+							line-height: 25px;
+							position: absolute;
+							left: 5px;
+							text-align: center;
+							top: 0;
+							width: 25px;
+						}
+					}
+					&:hover, &:focus{
+						background: transparent;
+						a{
+							color: $theme-main-color;
+						}
+					}
+				}
+				&.active{
+					a{
+						font-weight: 700;
+						&:before{
+							content: '\f00c';
+							color: $theme-main-color;
+							display: block;
+							font-family: FontAwesome;
+							font-weight: normal;
+							font-size: 12px;
+							height: 25px;
+							line-height: 25px;
+							position: absolute;
+							left: 5px;
+							text-align: center;
+							top: 0;
+							width: 25px;
+						}						
+					}
+				}
+				&.dsa-link{
+					border-top: 1px solid desaturate($border-base, 20%);
+					margin-top: 10px;
+					padding: 10px 10px 5px;
+					&:hover{
+						background: transparent;
+					}
+					.btn-default{
+						padding: 5px 30px;
+					}
+				}
+				&:hover, &:focus{
+					background: shade($body-bg, 5%);
+				}
+			}
+		}
+	}
+}