-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8af8e3f
commit 2397425
Showing
42 changed files
with
11,004 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
// Foundation by ZURB | ||
// foundation.zurb.com | ||
// Licensed under MIT Open Source | ||
|
||
// 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'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,156 @@ | ||
// Foundation by ZURB | ||
// foundation.zurb.com | ||
// Licensed under MIT Open Source | ||
|
||
// This is the default html and body font-size for the base rem value. | ||
$rem-base: 16px !default; | ||
|
||
// IMPORT ONCE | ||
// We use this to prevent styles from being loaded multiple times for components that rely on other components. | ||
$modules: () !default; | ||
|
||
@mixin exports($name) { | ||
// Import from global scope | ||
$modules: $modules !global; | ||
// Check if a module is already on the list | ||
$module_index: index($modules, $name); | ||
@if (($module_index == null) or ($module_index == false)) { | ||
$modules: append($modules, $name) !global; | ||
@content; | ||
} | ||
} | ||
|
||
// | ||
// @functions | ||
// | ||
|
||
|
||
// RANGES | ||
// We use these functions to define ranges for various things, like media queries. | ||
@function lower-bound($range) { | ||
@if length($range) <= 0 { | ||
@return 0; | ||
} | ||
@return nth($range, 1); | ||
} | ||
|
||
@function upper-bound($range) { | ||
@if length($range) < 2 { | ||
@return 999999999999; | ||
} | ||
@return nth($range, 2); | ||
} | ||
|
||
// STRIP UNIT | ||
// It strips the unit of measure and returns it | ||
@function strip-unit($num) { | ||
@return $num / ($num * 0 + 1); | ||
} | ||
|
||
// TEXT INPUT TYPES | ||
|
||
@function text-inputs( $types: all, $selector: input ) { | ||
|
||
$return: (); | ||
|
||
$all-text-input-types: | ||
text | ||
password | ||
date | ||
datetime | ||
datetime-local | ||
month | ||
week | ||
number | ||
search | ||
tel | ||
time | ||
url | ||
color | ||
textarea; | ||
|
||
@if $types == all { $types: $all-text-input-types; } | ||
|
||
@each $type in $types { | ||
@if $type == textarea { | ||
@if $selector == input { | ||
$return: append($return, unquote('#{$type}'), comma) | ||
} @else { | ||
$return: append($return, unquote('#{$type}#{$selector}'), comma) | ||
} | ||
} @else { | ||
$return: append($return, unquote('#{$selector}[type="#{$type}"]'), comma) | ||
} | ||
} | ||
|
||
@return $return; | ||
|
||
} | ||
|
||
// CONVERT TO REM | ||
@function convert-to-rem($value, $base-value: $rem-base) { | ||
$value: strip-unit($value) / strip-unit($base-value) * 1rem; | ||
@if ($value == 0rem) { $value: 0; } // Turn 0rem into 0 | ||
@return $value; | ||
} | ||
|
||
@function data($attr) { | ||
@if $namespace { | ||
@return '[data-' + $namespace + '-' + $attr + ']'; | ||
} | ||
|
||
@return '[data-' + $attr + ']'; | ||
} | ||
|
||
// REM CALC | ||
|
||
// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's. | ||
// Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported: | ||
// | ||
// rem-calc(10 20 30px 40); | ||
// | ||
// Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets | ||
// | ||
// rem-calc((10, 20, 30, 40px)); | ||
// | ||
// Optionally call with a different base (eg: 8px) to calculate rem. | ||
// | ||
// rem-calc(16px 32px 48px, 8px); | ||
// | ||
// If you require to comma separate your list | ||
// | ||
// rem-calc((16px, 32px, 48), 8px); | ||
|
||
@function rem-calc($values, $base-value: $rem-base) { | ||
$max: length($values); | ||
|
||
@if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); } | ||
|
||
$remValues: (); | ||
@for $i from 1 through $max { | ||
$remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value)); | ||
} | ||
@return $remValues; | ||
} | ||
|
||
|
||
@function em-calc($values, $base-value: $rem-base) { | ||
$remValues: rem-calc($values, $base-value: $rem-base); | ||
|
||
$max: length($remValues); | ||
|
||
@if $max == 1 { @return strip-unit(nth($remValues, 1)) * 1em; } | ||
|
||
$emValues: (); | ||
@for $i from 1 through $max { | ||
$emValues: append($emValues, strip-unit(nth($remValues, $i)) * 1em); | ||
} | ||
@return $emValues; | ||
} | ||
|
||
|
||
// Deprecated: OLD EM CALC | ||
@function emCalc($values) { | ||
@return em-calc($values); | ||
} |
Oops, something went wrong.