rapido-css 0.1.1 → 0.1.2

data/stylesheets/components/_responsive-navs.scss

@@ -1,4 +1,4 @@
-/* ====================================================================================================================
+/*
 
 Responsive Navs
 
@@ -6,49 +6,49 @@ The main nav can be made fully responsive (with two layouts available) with js a
 
 Styleguide 15
 
-==================================================================================================================== */
+*/
 
 @if $navs-responsive {
 
-	.nav--responsive.active     { @extend %nav--responsive !optional;  }
-	.nav--responsive.close       { max-height: none;  }
+    .nav--responsive.active     { @extend %nav--responsive !optional;  }
+    .nav--responsive.close       { max-height: none;  }
 
-	#nav-toggle {
-		@extend %nav__toggle !optional;
-		display: none;
-		float: $navs-responsive-dropdown-pos;
-	}
+    #nav-toggle {
+        @extend %nav__toggle !optional;
+        display: none;
+        float: $navs-responsive-dropdown-pos;
+    }
 
-	@include media($navs-responsive-breakpoint) {
+    @include media($navs-responsive-breakpoint) {
 
-		#nav-toggle { display: block; }
+        #nav-toggle { display: block; }
 
 
-		// Reset styling of normal nav
-		.nav.nav--responsive {
+        // Reset styling of normal nav
+        .nav.nav--responsive {
 
-			display: block;
-			margin: 0;
-			overflow: hidden;
-			zoom: 1;
+            display: block;
+            margin: 0;
+            overflow: hidden;
+            zoom: 1;
 
-			* {
-				@include border-radius(0);
-				background: transparent;
-				border: 0;
-				display: block;
-				float: none;
-				margin: 0;
-				padding: 0;
-				position: static;
-				text-align: left;
-				width: 100%;
-				max-height: $dropdowns-height;
-				opacity: 1;
-			}
-		}
+            * {
+                @include border-radius(0);
+                background: transparent;
+                border: 0;
+                display: block;
+                float: none;
+                margin: 0;
+                padding: 0;
+                position: static;
+                text-align: left;
+                width: 100%;
+                max-height: $dropdowns-height;
+                opacity: 1;
+            }
+        }
 
-/* --------------------------------------------------------------------------------------------------------------------
+/*
 
 SlideIn Layout
 
@@ -127,25 +127,25 @@ That's it, when the with of the page reace the breakpoint for the nav defined wi
 
 Styleguide 15.1
 
--------------------------------------------------------------------------------------------------------------------- */
+*/
 
 
-		@if $navs-responsive-type == 'slide' {
+        @if $navs-responsive-type == 'slide' {
 
-			.nav--responsive {
-				clip: rect(0 0 0 0);
-				max-height: 0;
-				width: 100%;
+            .nav--responsive {
+                clip: rect(0 0 0 0);
+                max-height: 0;
+                width: 100%;
 
-				&.opened {
-					max-height: 9999px;
-				}
+                &.opened {
+                    max-height: 9999px;
+                }
 
-			}
+            }
 
-		}
+        }
 
-/* --------------------------------------------------------------------------------------------------------------------
+/*
 
 Offset Layout
 
@@ -180,54 +180,54 @@ Add this js instead of `var navigation = responsiveNav("#nav");`:
 
 Styleguide 15.2
 
--------------------------------------------------------------------------------------------------------------------- */
+*/
 
 
-		@if $navs-responsive-type == 'off-canvas' {
+        @if $navs-responsive-type == 'off-canvas' {
 
-			// Wrappers
-			#{$navs-responsive-outside-wrapper},
-			#{$navs-responsive-inside-wrapper} {
-				position: relative;
-				width: 100%;
-			}
+            // Wrappers
+            #{$navs-responsive-outside-wrapper},
+            #{$navs-responsive-inside-wrapper} {
+                position: relative;
+                width: 100%;
+            }
 
-			#{$navs-responsive-outside-wrapper} {
-				overflow-x: hidden;
-			}
+            #{$navs-responsive-outside-wrapper} {
+                overflow-x: hidden;
+            }
 
-			// Transitions
-			#{$navs-responsive-inside-wrapper},
-			.nav--responsive {
-				@include transition();
-				@include backface-visibility(hidden);
-			}
+            // Transitions
+            #{$navs-responsive-inside-wrapper},
+            .nav--responsive {
+                @include transition();
+                @include backface-visibility(hidden);
+            }
 
 
-			// Animations
-			#{$navs-responsive-inside-wrapper} {
-				@include transform(translate3d(0,0,0));
-				left: 0;
-			}
+            // Animations
+            #{$navs-responsive-inside-wrapper} {
+                @include transform(translate3d(0,0,0));
+                left: 0;
+            }
 
-			.nav--responsive {
-				@include position(absolute, 0px 0px 0px 0);
-				@include transform(translate3d(100%,0,0));
-				height: 100%;
-				width: $navs-responsive-offset;
-			}
+            .nav--responsive {
+                @include position(absolute, 0px 0px 0px 0);
+                @include transform(translate3d(100%,0,0));
+                height: 100%;
+                width: $navs-responsive-offset;
+            }
 
-			.nav-open {
-				#{$navs-responsive-inside-wrapper} {
-					@include transform(translate3d((0 - $navs-responsive-offset),0,0));
-					position: relative;
-				}
+            .nav-open {
+                #{$navs-responsive-inside-wrapper} {
+                    @include transform(translate3d((0 - $navs-responsive-offset),0,0));
+                    position: relative;
+                }
 
-				.nav--responsive {
-					@include transform(translate3d(0,0,0));
-				}
-			}
+                .nav--responsive {
+                    @include transform(translate3d(0,0,0));
+                }
+            }
 
-		}
-	}
+        }
+    }
 }

data/stylesheets/components/_sliders.scss

@@ -1,4 +1,4 @@
-/* ====================================================================================================================
+/*
 
 Sliders
 
@@ -20,91 +20,87 @@ Markup:
   });
 </script>
 
-Styleguide 16.
+Styleguide 16
 
-==================================================================================================================== */
+*/
 
 
 @if $slider {
 
-	.bx-wrapper {
-		position: relative;
-		padding: 0;
-		*zoom: 1;
-		z-index: $zindex-slider;
-		margin-bottom: rhythm();
+    .bx-wrapper {
+        position: relative;
+        padding: 0;
+        *zoom: 1;
+        z-index: $zindex-slider;
+        margin-bottom: rhythm();
 
-		img {
-			max-width: 100%;
-			display: block;
-		}
+        img {
+            max-width: 100%;
+            display: block;
+        }
 
-		ul {@extend .list_style_none;}
-	}
+        ul {@extend .list_style_none;}
+    }
 
-	.bx-viewport { }
+    .bx-viewport { }
 
 // Directions
-// --------------------------------------------------------------------------------------------------------------------
 
-	.bx-controls-direction {
-		a {
-			@extend %slider__btn !optional;
-			@include position(absolute, 50% 0 0 0);
+    .bx-controls-direction {
+        a {
+            @extend %slider__btn !optional;
+            @include position(absolute, 50% 0 0 0);
 
-			z-index: 200;
+            z-index: 200;
 
-			i {font-style: normal;}
-			span {@include hide-text;}
-		}
+            i {font-style: normal;}
+            span {@include hide-text;}
+        }
 
-		.disabled { display: none; }
+        .disabled { display: none; }
 
-	}
+    }
 
-	.bx-prev { left: 0; }
-	.bx-next { right: 0; }
+    .bx-prev { left: 0; }
+    .bx-next { right: 0; }
 
 // Pager
-// --------------------------------------------------------------------------------------------------------------------
 
-	.bx-pager {
-		width: 100%;
-		text-align: center;
-		@extend %slider__pager !optional;
+    .bx-pager {
+        width: 100%;
+        text-align: center;
+        @extend %slider__pager !optional;
 
-	}
+    }
 
-	.bx-pager-item {
-		display: inline-block;
-		a {
-			display: inline-block;
-			// @include hide-text;
-		}
-	}
+    .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  !optional;
-		z-index: 2000;
-	}
+    .bx-loading {
+        @include square(100%);
+        @include position(absolute, 0px 0 0 0px);
+        @extend %slider__loading-style  !optional;
+        z-index: 2000;
+    }
 
 
 // Captions
-// --------------------------------------------------------------------------------------------------------------------
 
-	.bx-caption {
-		@include position(absolute, 0 0 0px 0px);
-		width: 100%;
+    .bx-caption {
+        @include position(absolute, 0 0 0px 0px);
+        width: 100%;
 
-		span {
-			display: inline-block;
-			@extend %slider__caption !optional;
-		}
-	}
+        span {
+            display: inline-block;
+            @extend %slider__caption !optional;
+        }
+    }
 
 }

data/stylesheets/components/_tables.scss

@@ -1,4 +1,4 @@
-/* ====================================================================================================================
+/*
 
 Tables
 
@@ -29,104 +29,99 @@ Markup:
 .table--hover - Enable a hover state on table rows within a `<tbody>`.
 .table--condensed - Makes tables more compact by cutting cell padding in half.
 
-Styleguide 17.
+Styleguide 17
 
-==================================================================================================================== */
+*/
 
 @if $tables {
 
-	table {
-		max-width: 100%;
-		border-collapse: collapse;
-		border-spacing: 0;
-	}
+    table {
+        max-width: 100%;
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
 
-	.table {
-		width: 100%;
-		margin-bottom: rhythm(1);
+    .table {
+        width: 100%;
+        margin-bottom: rhythm(1);
 
-		th,
-		td {
-			padding: $tables-padding;
-			line-height: rhythm(1);
-			text-align: left;
-			vertical-align: top;
-		}
+        th,
+        td {
+            padding: $tables-padding;
+            line-height: rhythm(1);
+            text-align: left;
+            vertical-align: top;
+        }
 
-		th { font-weight: bold; }
+        th { font-weight: bold; }
 
-		thead th { vertical-align: bottom; }
+        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;
+        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; }
+        tbody + tbody { border-top: 2px solid $grayLight; }
 
-	}
+    }
 
 // Condensed Table w/ Half Padding
-// --------------------------------------------------------------------------------------------------------------------
 
-	.table--condensed {
-		$half-top: nth($tables-padding, 1) / 2;
-		$half-side: nth($tables-padding, 2) / 2;
+    .table--condensed {
+        $half-top: nth($tables-padding, 1) / 2;
+        $half-side: nth($tables-padding, 2) / 2;
 
-		th, td { padding: $half-top $half-side; }
-	}
+        th, td { padding: $half-top $half-side; }
+    }
 
 // Zebra-striping
-// --------------------------------------------------------------------------------------------------------------------
 
-	.table--striped {
-		tbody {
-			> tr:nth-child(odd) > td,
-			> tr:nth-child(odd) > th {
-				@extend %table--striped !optional;
-			}
-		}
-	}
+    .table--striped {
+        tbody {
+            > tr:nth-child(odd) > td,
+            > tr:nth-child(odd) > th {
+                @extend %table--striped !optional;
+            }
+        }
+    }
 
 // Bordered Version
-// --------------------------------------------------------------------------------------------------------------------
 
-	.table--bordered {
-		@extend %table--bordered !optional;
-	}
+    .table--bordered {
+        @extend %table--bordered !optional;
+    }
 
 // Hover effect
-// --------------------------------------------------------------------------------------------------------------------
 
-	.table--hover {
-		tbody {
-			tr:hover > td,
-			tr:hover > th {
-				@extend %table--hover !optional;
-			}
-		}
-	}
+    .table--hover {
+        tbody {
+            tr:hover > td,
+            tr:hover > th {
+                @extend %table--hover !optional;
+            }
+        }
+    }
 
 // Sortable
-// --------------------------------------------------------------------------------------------------------------------
-
-	.table--sortable {
-		@extend %table--sortable !optional;
-
-		thead {
-			th {
-				cursor: pointer;
-
-				&.sorting-asc:after,
-				&.sorting-desc:after {
-					float: right;
-				}
-			}
-		}
-	}
+
+    .table--sortable {
+        @extend %table--sortable !optional;
+
+        thead {
+            th {
+                cursor: pointer;
+
+                &.sorting-asc:after,
+                &.sorting-desc:after {
+                    float: right;
+                }
+            }
+        }
+    }
 }

data/stylesheets/components/_tabs.scss

@@ -1,4 +1,4 @@
-/* ====================================================================================================================
+/*
 
 Tabs
 
@@ -34,64 +34,64 @@ Markup:
   });
 </script>
 
-Styleguide 18.
+Styleguide 18
 
-==================================================================================================================== */
+*/
 
 
 
 @if $tabs {
 
-	.tabs {
-		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;}
-		}
-
-	}
+    .tabs {
+        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;}
+        }
+
+    }
 
 }