// RANGES
// We use these functions to define ranges for various things, like media queries.
-@function lower-bound($range){
+@function lower-bound($range) {
@if length($range) <= 0 {
@return 0;
}
}
// CONVERT TO REM
-@function convert-to-rem($value, $base-value: $rem-base) {
+@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;
// OLD EM CALC
// Deprecated: We'll drop support for this in 5.1.0, use rem-calc()
-@function emCalc($values){
+@function emCalc($values) {
@return rem-calc($values);
}
// OLD EM CALC
// Deprecated: We'll drop support for this in 5.1.0, use rem-calc()
-@function em-calc($values){
+@function em-calc($values) {
@return rem-calc($values);
}
margin-bottom: 0;
}
-// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){
+// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family) {
// @params $bg-color: [ color or string ]: Specify the background color for the navigation element
// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.
// @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element
// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
-@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){
+@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ) {
display: block;
margin-bottom: 0 !important;
@if type-of($active_class) != "string" {
// @params $bg [ color ]: Background color for the content when it's visible
// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.
-@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){
+@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active') {
display: none;
@if type-of($padding) != "number" {
@warn "#{$padding} was read as a #{type-of($padding)}";
form,
input { margin-bottom: 0; }
- input {
- height: $topbar-input-height;
- padding-top: .35rem;
- padding-bottom: .35rem;
- font-size: $topbar-button-font-size;
+ input {
+ height: $topbar-input-height;
+ padding-top: .35rem;
+ padding-bottom: .35rem;
+ font-size: $topbar-button-font-size;
}
.button, button {
& > a {
&:after {
- @if ($topbar-arrows){
+ @if ($topbar-arrows) {
@include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);
}
margin-#{$opposite-direction}: $topbar-link-padding;
}
.has-dropdown {
- @if($topbar-arrows){
+ @if($topbar-arrows) {
& > a {
padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;
&:after {
.dropdown li.has-dropdown {
& > a {
- @if ($topbar-dropdown-arrows){
+ @if ($topbar-dropdown-arrows) {
&:after {
border: none;
content: "\00bb";