Some updates to translation engine, added dotenv but have not yet set it up.
This commit is contained in:
@@ -91,36 +91,31 @@ $info-color: $color-3;
|
||||
// $shiny-edge-active-color: rgba(#000, .2);
|
||||
|
||||
// Media Query Ranges
|
||||
// $small-range: (0em, 40em);
|
||||
// $medium-range: (40.063em, 64em);
|
||||
// $large-range: (64.063em, 90em);
|
||||
// $xlarge-range: (90.063em, 120em);
|
||||
// $xxlarge-range: (120.063em);
|
||||
$small-range: (0em, 45em);
|
||||
$medium-range: (45.063em, 64em);
|
||||
$large-range: (64.063em, 90em);
|
||||
$xlarge-range: (90.063em, 120em);
|
||||
$xxlarge-range: (120.063em);
|
||||
|
||||
// $screen: "only screen";
|
||||
$screen: "only screen";
|
||||
|
||||
// $landscape: "#{$screen} and (orientation: landscape)";
|
||||
// $portrait: "#{$screen} and (orientation: portrait)";
|
||||
|
||||
// $small-up: $screen;
|
||||
// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
|
||||
|
||||
// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
|
||||
// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
|
||||
|
||||
// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
|
||||
// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
|
||||
|
||||
// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
|
||||
// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
|
||||
|
||||
// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
|
||||
// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
|
||||
$landscape: "#{$screen} and (orientation: landscape)";
|
||||
$portrait: "#{$screen} and (orientation: portrait)";
|
||||
$small-up: $screen;
|
||||
$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
|
||||
$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
|
||||
$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
|
||||
$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
|
||||
$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
|
||||
$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
|
||||
$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
|
||||
$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
|
||||
$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
|
||||
|
||||
// Legacy
|
||||
// $small: $medium-up;
|
||||
// $medium: $medium-up;
|
||||
// $large: $large-up;
|
||||
$small: $medium-up;
|
||||
$medium: $medium-up;
|
||||
$large: $large-up;
|
||||
|
||||
//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
|
||||
// $cursor-crosshair-value: crosshair;
|
||||
@@ -1036,6 +1031,8 @@ $label-font-sizing: 1em;//rem-calc(11);
|
||||
// $include-html-top-bar-classes: false;//$include-html-classes;
|
||||
|
||||
// Background color for the top bar
|
||||
$topbar-arrows: false;
|
||||
|
||||
$topbar-bg-color: $black;
|
||||
$topbar-bg: transparent;//$black;
|
||||
|
||||
@@ -1050,7 +1047,7 @@ $topbar-title-font-size: 2em;
|
||||
// Style the top bar dropdown elements
|
||||
$topbar-dropdown-bg: transparent;
|
||||
// $topbar-dropdown-link-color: #fff;
|
||||
$topbar-dropdown-link-bg: transparent;
|
||||
$topbar-dropdown-link-bg: $black;
|
||||
// $topbar-dropdown-link-weight: normal;
|
||||
// $topbar-dropdown-toggle-size: 5px;
|
||||
// $topbar-dropdown-toggle-color: #fff;
|
||||
@@ -1063,9 +1060,9 @@ $topbar-link-color-active: $white;
|
||||
// $topbar-link-weight: normal;
|
||||
// $topbar-link-font-size: rem-calc(13);
|
||||
// $topbar-link-hover-lightness: -10%; // Darken by 10%
|
||||
$topbar-link-bg-hover: transparent;
|
||||
$topbar-link-bg-active: transparent;
|
||||
$topbar-link-bg-active-hover: transparent; // scale-color($primary-color, $lightness: -14%);
|
||||
$topbar-link-bg-hover: lighten($black, 25);
|
||||
$topbar-link-bg-active: $black;
|
||||
$topbar-link-bg-active-hover: $topbar-link-bg-hover; // scale-color($primary-color, $lightness: -14%);
|
||||
$topbar-link-font-family: $header-font-family;
|
||||
|
||||
// $topbar-button-font-size: 0.75rem;
|
||||
@@ -1088,7 +1085,7 @@ $topbar-menu-icon-color: $white;
|
||||
// Transitions and breakpoint styles
|
||||
// $topbar-transition-speed: 300ms;
|
||||
// Using rem-calc for the below breakpoint causes issues with top bar
|
||||
// $topbar-breakpoint: #{upper-bound($medium-range)}; // Change to 9999px for always mobile layout
|
||||
$topbar-breakpoint: #{upper-bound($small-range)}; // Change to 9999px for always mobile layout
|
||||
// $topbar-media-query: "only screen and (min-width: #{upper-bound($medium-range)})";
|
||||
|
||||
// Divider Styles
|
||||
|
||||
@@ -370,4 +370,12 @@ body.organizations-show {
|
||||
color: #FFF;
|
||||
background-color: rgba(#000, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.small-text-centered {
|
||||
text-align: center;
|
||||
|
||||
@media #{$medium-up} {
|
||||
text-align: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user