rapido-css 0.0.1

data/stylesheets/components/_responsive-navs.scss

@@ -0,0 +1,166 @@
+@if $responsive-navs {
+	.responsive-nav {
+		position: relative;
+		// max-height: none;
+		ul {margin-left: 0;}
+	}
+
+
+	// Stile navigazione desktop
+	.responsive-nav.notactive {
+		@extend %nav-big !optional;
+
+		ul > .dropdown:hover{
+			@extend .open;
+		}
+	}
+
+	// Stile navigazione piccola
+	.responsive-nav.active {
+		@extend %nav-small !optional;
+
+		.dropdown-submenu:hover > .dropdown-menu {
+			// @include experimental(animation, 0);
+		}
+	}
+
+	#nav-toggle {
+		display: none;
+		@extend %nav-toggle !optional;
+	}
+
+	@include media($responsive-nav-breakpoint) {
+
+		// Stili generici per la nav
+		#nav-toggle {
+			display: inline-block;
+		}
+
+		.responsive-nav {
+			// ul, li, a {margin: 0;}
+
+			ul {
+				li {
+					// margin: 0;
+					a {
+						// padding: $input-padding;
+						// &:after { display: none;}
+					}
+
+					// li a {padding-left: $input-padding-side*4;}
+					// li li a {padding-left: $input-padding-side*6 ;}
+				}
+			}
+
+			.dropdown-menu {
+				li a {
+					@include border-radius(0);
+				}
+
+			}
+
+
+		}
+
+		// SLIDE
+		// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+		@if $responsive-nav-type == slide {
+			.responsive-nav {
+				clip: rect(0 0 0 0);
+				max-height: 0;
+				display: block;
+				overflow: hidden;
+				zoom: 1;
+
+
+				&.opened {max-height: 9999px;}
+			}
+		}
+
+		// DROPDOWN
+		// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+		@if $responsive-nav-type == dropdown {
+
+			#nav-origin {
+				position: relative;
+			}
+
+			#nav-toggle {
+				float: $responsive-nav-dropdown-pos;
+			}
+
+
+			.responsive-nav {
+				position: absolute;
+				max-height: 0;
+				display: block;
+				overflow: hidden;
+				zoom: 1;
+				top: $responsive-nav-toggle-size;
+				left: 0;
+				right: 0;
+
+				&.opened {max-height: 9999px;}
+			}
+		}
+
+		// OFFCANVAS
+		// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+		@if $responsive-nav-type == off-canvas {
+
+			// Wrappers
+			// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+			#{$responsive-nav-outside-wrapper},
+			#{$responsive-nav-inside-wrapper} {
+				position: relative;
+				width: 100%;
+			}
+
+			#{$responsive-nav-outside-wrapper} {
+				overflow-x: hidden;
+			}
+
+			// Transitions
+			// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+			#{$responsive-nav-inside-wrapper},
+			.responsive-nav {
+				@include transition(500ms);
+				@include backface-visibility(hidden);
+			}
+
+
+			// Animations
+			// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+			#{$responsive-nav-inside-wrapper} {
+				@include transform(translate3d(0,0,0));
+				left: 0;
+			}
+
+			.responsive-nav {
+				width: $responsive-nav-offset;
+				position: absolute;
+				height: 100%;
+				bottom: 0;
+				left: 0;
+				top: 0;
+				opacity: 0;
+				@include transform(translate3d(-100%,0,0));
+				// left: -$responsive-nav-offset;
+			}
+
+			.nav-open {
+				#{$responsive-nav-inside-wrapper} {
+					@include transform(translate3d($responsive-nav-offset,0,0));
+					// left: $responsive-nav-offset;
+				}
+				.responsive-nav {
+					@include transform(translate3d(-100%,0,0));
+					opacity: 1;
+				}
+			}
+
+
+		}
+
+	}
+}

data/stylesheets/components/_sliders.scss

@@ -0,0 +1,86 @@
+@if $slider {
+
+	// Wrapper | 1st level
+	.bx-wrapper {
+		position: relative;
+		padding: 0;
+		*zoom: 1;
+		z-index: $zindex-slider;
+		margin-bottom: rhythm();
+
+		img {
+			max-width: 100%;
+			display: block;
+		}
+
+		ul {@extend .list_style_none;}
+		// ul, li {margin: 0;}
+	}
+
+	// Viewport  | 2nd level
+	.bx-viewport { }
+
+
+	// Controls  | 2nd level
+	// .bx-controls {
+
+		// Directions
+		//--------------------------------
+		.bx-controls-direction {
+
+			a {
+				@extend %slider-btn !optional;
+				@include position(absolute, 50% 0 0 0);
+
+				z-index: 200;
+
+				i {font-style: normal;}
+				span {@include hide-text;}
+
+				&.disabled { display: none; }
+
+				&.bx-prev { left: 0; }
+				&.bx-next { right: 0; }
+			}
+
+
+		}
+
+		// Pager
+		//--------------------------------
+		.bx-pager {
+			width: 100%;
+			text-align: center;
+			@extend %slider-pager !optional;
+
+			.bx-pager-item {
+				display: inline-block;
+				a {
+					display: inline-block;
+					// @include hide-text;
+				}
+			}
+		}
+	// }
+
+
+	// Loading
+	.bx-loading {
+		@include square(100%);
+		@include position(absolute, 0px 0 0 0px);
+		@extend %slider-loading-style;
+		z-index: 2000;
+	}
+
+	.bx-caption {
+		@include position(absolute, 0 0 0px 0px);
+		width: 100%;
+
+		span {
+			display: inline-block;
+			@extend %slider-caption !optional;
+		}
+	}
+
+
+}

data/stylesheets/components/_tables.scss

@@ -0,0 +1,109 @@
+//
+// Tables
+// --------------------------------------------------
+
+@if $tables {
+
+	// BASE TABLES
+	// -----------------
+
+	table {
+		max-width: 100%;
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	// BASELINE STYLES
+	// ---------------
+
+	.table {
+		width: 100%;
+		margin-bottom: rhythm(1);
+
+		th,
+		td {
+			padding: $tables-padding;
+			line-height: rhythm(1);
+			text-align: left;
+			vertical-align: top;
+		}
+
+		th { font-weight: bold; }
+
+		thead th { vertical-align: bottom; }
+
+		caption + thead tr:first-child th,
+		caption + thead tr:first-child td,
+		colgroup + thead tr:first-child th,
+		colgroup + thead tr:first-child td,
+		thead:first-child tr:first-child th,
+		thead:first-child tr:first-child td {
+			border-top: 0;
+
+		}
+
+		tbody + tbody { border-top: 2px solid $grayLight; }
+
+	}
+
+
+
+	// CONDENSED TABLE W/ HALF PADDING
+	// -------------------------------
+	.table-condensed {
+		th,
+		td { padding: em(4px) em(5px); }
+	}
+
+	// ZEBRA-STRIPING
+	// --------------
+	.table-striped {
+		@extend .table;
+		tbody {
+			> tr:nth-child(odd) > td,
+			> tr:nth-child(odd) > th {
+				@extend %table-striped !optional;
+			}
+		}
+	}
+
+
+	// BORDERED VERSION
+	// ----------------
+
+	.table-bordered {
+		@extend .table;
+		@extend %table-bordered !optional;
+	}
+
+
+	// HOVER EFFECT
+	// ------------
+	.table-hover {
+		@extend .table;
+		tbody {
+			tr:hover > td,
+			tr:hover > th {
+				@extend %table-hover !optional;
+			}
+		}
+	}
+
+	// STUPID TABLE
+	// ---------------
+	.table-sortable {
+		@extend .table;
+		@extend %table-sortable !optional;
+
+		thead {
+			th {
+				cursor: pointer;
+
+				&.sorting-asc:after,
+				&.sorting-desc:after {
+					float: right;
+				}
+			}
+		}
+	}
+}

data/stylesheets/components/_tabs.scss

@@ -0,0 +1,55 @@
+@if $tabs {
+
+	.tab-container {
+		margin-bottom: rhythm();
+
+		.etabs {
+			margin: 0;
+			padding: 0;
+			@extend %tab-nav !optional;
+
+			li {
+				display: inline-block;
+				zoom: 1;
+
+				a {
+					line-height: 1em;
+					display: block;
+					padding: $tabs-tab-padding;
+					outline: none;
+					@include border-radius($base-border-radius $base-border-radius 0 0);
+					@extend %tab-btn !optional;
+
+					&:hover {
+						@extend %tab-btn_hover !optional;
+					}
+				}
+
+				&.active {
+					a {
+						position: relative;
+						font-weight: bold;
+						@extend %tab-btn_current !optional;
+
+						&:after {
+							@include position(absolute, 0 0px -1px 0px);
+							height: 2px;
+							display: block;
+							content: "";
+						}
+					}
+
+				}
+
+			}
+		}
+
+		.panel-container {
+			@extend %tab-container !optional;
+			@include border-radius(0 $base-border-radius $base-border-radius );
+			> div {padding: $tabs-content-padding;}
+		}
+
+	}
+
+}

data/stylesheets/components/_type.scss

@@ -0,0 +1,266 @@
+// Scaffolding
+// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+*, *:before, *:after {@include box-sizing(border-box); outline: none;}
+
+html {
+	@if $responsive-font-size {
+
+	    @each $step in $responsive-font-size {
+	    	@include media(nth($step, 1)) {
+	    		font-size: 100% * nth($step, 2) / 16px;
+	    	}
+	    }
+
+	} @else {
+		font-size: 100% * $base-font-size / 16px;
+	}
+}
+
+body {
+	@include adjust-font-size-to($base-font-size);
+	margin: 0;
+	font-family: $base-font-family;
+	color: $text-color;
+
+}
+
+img {max-width: 100%;}
+
+a, button, textarea, input { outline: none; }
+
+
+// Links
+// -------------------------
+a {
+	color: $link-color;
+	text-decoration: none;
+}
+a:hover,
+a:focus {
+	color: $link-color-hover;
+	text-decoration: none;
+}
+
+
+
+// Body text
+// -------------------------
+
+p {
+	margin: 0 0 rhythm(1);
+}
+
+.lead { @include adjust-font-size-to($h4-size); }
+
+.muted { color: $gray;}
+
+.pull-left {float: left;}
+.pull-right {float: right;}
+.clearfix { @include clearfix;}
+
+// Emphasis & misc
+// -------------------------
+small   { @include adjust-font-size-to($milli-size); }
+
+strong  { font-weight: bold; }
+em      { font-style: italic; }
+cite    { font-style: normal; }
+
+.text-left           { text-align: left; }
+.text-right          { text-align: right; }
+.text-center         { text-align: center; }
+
+
+// Headings
+// -------------------------
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	margin: 0 0 1em;
+	text-rendering: optimizelegibility;
+	@if $titles-font-family { font-family: $titles-font-family; }
+
+	small {
+		font-weight: normal;
+		line-height: 1;
+		color: $grayLight;
+	}
+}
+
+h1, .h1 {
+	@include adjust-font-size-to($h1-size);
+	@extend %h1 !optional;
+}
+
+h2, .h2 {
+	@include adjust-font-size-to($h2-size);
+	@extend %h2 !optional;
+}
+
+h3, .h3 {
+	@include adjust-font-size-to($h3-size);
+	@extend %h3 !optional;
+}
+
+h4, .h4 {
+	@include adjust-font-size-to($h4-size);
+	@extend %h4 !optional;
+}
+
+h5, .h5 {
+	@include adjust-font-size-to($h5-size);
+	@extend %h5 !optional;
+}
+
+h6, .h6 {
+	@include adjust-font-size-to($h6-size);
+	@extend %h6 !optional;
+}
+
+
+
+h1 small { @include adjust-font-size-to($h3-size); }
+h2 small { @include adjust-font-size-to($h4-size); }
+h3 small { @include adjust-font-size-to($h5-size); }
+h4 small { @include adjust-font-size-to($h6-size); }
+
+// Lists
+// --------------------------------------------------
+
+.list_style_none, .list-style-none {
+	padding-left: 0;
+	margin-left: 0;
+	list-style: none;
+}
+
+// Unordered and Ordered lists
+ul, ol {
+	padding: 0;
+	margin: 0 0 rhythm(1) 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+	margin-bottom: 0;
+}
+li {}
+
+ul.unstyled,
+ol.unstyled {
+	margin-left: 0;
+	list-style: none;
+}
+
+ul.inline,
+ol.inline {
+	margin-left: 0;
+	list-style: none;
+	> li {
+    	@include inline-block();
+    	padding-left: 5px;
+    	padding-right: 5px;
+	}
+}
+
+// Description lists
+
+dl { margin-bottom: rhythm(1); }
+dt,
+dd { line-height: rhythm(1); }
+dt { font-weight: bold; }
+dd { margin-left: rhythm(.5); }
+
+
+.dl-horizontal {
+  @extend .clearfix;
+  dt {
+  	float: left;
+  	width: em($horizontal-offset) - 20;
+  	clear: left;
+  	text-align: right;
+  	@include text-overflow();
+  }
+
+  dd { margin-left: em($horizontal-offset); }
+}
+
+// MISC
+// ----
+
+hr {
+	margin: rhythm(1) 0;
+	border: 0;
+	border-bottom: 1px solid $gray;
+}
+
+// Abbreviations and acronyms
+abbr[title],
+abbr[data-original-title] {
+	cursor: help;
+	border-bottom: 1px dotted $grayLight;
+}
+abbr.initialism {
+	font-size: 90%;
+	text-transform: uppercase;
+}
+
+// Blockquotes
+blockquote {
+	padding: 0 0 0 rhythm(1);
+	margin: 0;
+	margin: 0 0 rhythm(1);
+	border-left: 5px solid $grayLighter;
+
+	p {
+		margin-bottom: 0;
+    	font-weight: 300;
+	}
+
+	small {
+		display: block;
+		color: $grayLight;
+		&:before {
+			content: '\2014 \00A0';
+		}
+	}
+
+  // Float right with text-align: right
+  &.pull-right {
+  	float: right;
+  	padding-right: 15px;
+  	padding-left: 0;
+  	border-right: 5px solid $grayLighter;
+  	border-left: 0;
+
+  	p,
+  	small {
+  		text-align: right;
+  	}
+
+  	small {
+  		&:before { content: ''; }
+  		&:after { content: '\00A0 \2014'; }
+  	}
+  }
+}
+
+// Quotes
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+	content: "";
+}
+
+// Addresses
+address {
+	display: block;
+	margin-bottom: rhythm(1);
+	font-style: normal;
+	line-height: rhythm(1);
+}

data/stylesheets/settings/_base.scss

@@ -0,0 +1,32 @@
+
+// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// DEBUG MODE
+// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+$debug-mode:        								false 												!default;
+$default-styles: 									true 												!default;
+
+// FONTS
+// --------------------------------------------------------------------------------------------------------------------
+$base-font-size:    								14px 												!default;
+$base-line-height:  								20px 												!default;
+$round-to-nearest-half-line: 						true 												!default;
+
+// Cambia dimension dispositivi
+// --------------------------------------------------------------------------------------------------------------------
+$responsive-font-size:    							lap-and-up $base-font-size, palm 16px				!default;
+
+// Font-families di default
+// --------------------------------------------------------------------------------------------------------------------
+$font-sans:        									"Helvetica Neue", Helvetica, Arial, sans-serif 		!default;
+$font-serif:       									Georgia, "Times New Roman", Times, serif 			!default;
+$font-mono:        									Monaco, Menlo, Consolas, "Courier New", monospace 	!default;
+
+$base-font-family:  								$font-sans 											!default;
+$titles-font-family:  								''		 											!default;
+
+// Calcolo EM
+// --------------------------------------------------------------------------------------------------------------------
+@function em($to-size, $from-size: $base-font-size) {
+	@return ($to-size / $from-size) + 0em;
+}
+