// Make sure the charset is set appropriately
// Behold, here are all the Foundation components.
-@import "foundation/components/grid";
-@import "foundation/components/accordion";
-@import "foundation/components/alert-boxes";
-@import "foundation/components/block-grid";
-@import "foundation/components/breadcrumbs";
-@import "foundation/components/button-groups";
-@import "foundation/components/buttons";
-@import "foundation/components/clearing";
-@import "foundation/components/dropdown";
-@import "foundation/components/dropdown-buttons";
-@import "foundation/components/flex-video";
-@import "foundation/components/forms";
-@import "foundation/components/icon-bar";
-@import "foundation/components/inline-lists";
-@import "foundation/components/joyride";
-@import "foundation/components/keystrokes";
-@import "foundation/components/labels";
-@import "foundation/components/magellan";
-@import "foundation/components/orbit";
-@import "foundation/components/pagination";
-@import "foundation/components/panels";
-@import "foundation/components/pricing-tables";
-@import "foundation/components/progress-bars";
-@import "foundation/components/range-slider";
-@import "foundation/components/reveal";
-@import "foundation/components/side-nav";
-@import "foundation/components/split-buttons";
-@import "foundation/components/sub-nav";
-@import "foundation/components/switches";
-@import "foundation/components/tables";
-@import "foundation/components/tabs";
-@import "foundation/components/thumbs";
-@import "foundation/components/tooltips";
-@import "foundation/components/top-bar";
-@import "foundation/components/type";
-@import "foundation/components/offcanvas";
-@import "foundation/components/visibility";
+@import 'foundation/components/grid';
+@import 'foundation/components/accordion';
+@import 'foundation/components/alert-boxes';
+@import 'foundation/components/block-grid';
+@import 'foundation/components/breadcrumbs';
+@import 'foundation/components/button-groups';
+@import 'foundation/components/buttons';
+@import 'foundation/components/clearing';
+@import 'foundation/components/dropdown';
+@import 'foundation/components/dropdown-buttons';
+@import 'foundation/components/flex-video';
+@import 'foundation/components/forms';
+@import 'foundation/components/icon-bar';
+@import 'foundation/components/inline-lists';
+@import 'foundation/components/joyride';
+@import 'foundation/components/keystrokes';
+@import 'foundation/components/labels';
+@import 'foundation/components/magellan';
+@import 'foundation/components/orbit';
+@import 'foundation/components/pagination';
+@import 'foundation/components/panels';
+@import 'foundation/components/pricing-tables';
+@import 'foundation/components/progress-bars';
+@import 'foundation/components/range-slider';
+@import 'foundation/components/reveal';
+@import 'foundation/components/side-nav';
+@import 'foundation/components/split-buttons';
+@import 'foundation/components/sub-nav';
+@import 'foundation/components/switches';
+@import 'foundation/components/tables';
+@import 'foundation/components/tabs';
+@import 'foundation/components/thumbs';
+@import 'foundation/components/tooltips';
+@import 'foundation/components/top-bar';
+@import 'foundation/components/type';
+@import 'foundation/components/offcanvas';
+@import 'foundation/components/visibility';
// Licensed under MIT Open Source
// toolbar styles
-@import "global";
+@import 'global';
.toolbar {
- background: $oil;
- width: 100%;
- font-size: 0;
- display: inline-block;
+ background: $oil;
+ width: 100%;
+ font-size: 0;
+ display: inline-block;
- &.label-bottom .tab .tab-content {
- i, img { margin-bottom: 10px; }
- }
+ &.label-bottom .tab .tab-content {
+ i, img { margin-bottom: 10px; }
+ }
- &.label-right .tab .tab-content {
- i, img { margin-right: 10px; display: inline-block;}
- label { display: inline-block; }
- }
+ &.label-right .tab .tab-content {
+ i, img { margin-right: 10px; display: inline-block;}
+ label { display: inline-block; }
+ }
- &.vertical.label-right .tab .tab-content {
- text-align: left;
- }
+ &.vertical.label-right .tab .tab-content {
+ text-align: left;
+ }
- &.vertical {
- height: 100%;
- width: auto;
+ &.vertical {
+ height: 100%;
+ width: auto;
- .tab {
- width: auto;
- margin: auto;
- float: none;
- }
- }
+ .tab {
+ width: auto;
+ margin: auto;
+ float: none;
+ }
+ }
- .tab {
- text-align: center;
- width: 25%;
- margin: 0 auto;
- display: block;
- padding: 20px;
- float: left;
+ .tab {
+ text-align: center;
+ width: 25%;
+ margin: 0 auto;
+ display: block;
+ padding: 20px;
+ float: left;
- &:hover {
- background: rgba($white, .1);
- }
- }
+ &:hover {
+ background: rgba($white, .1);
+ }
+ }
}
.toolbar .tab-content {
- font-size: 16px;
- text-align: center;
+ font-size: 16px;
+ text-align: center;
- label { color: $iron; }
+ label { color: $iron; }
- i {
- font-size: 30px;
- display: block;
- margin: 0 auto;
- color: $iron;
- vertical-align: middle;
- }
+ i {
+ font-size: 30px;
+ display: block;
+ margin: 0 auto;
+ color: $iron;
+ vertical-align: middle;
+ }
- img {
- width: 30px;
- height: 30px;
- display: block;
- margin: 0 auto;
- }
+ img {
+ width: 30px;
+ height: 30px;
+ display: block;
+ margin: 0 auto;
+ }
}