mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
tech: ran prettier on all scss files
This commit is contained in:
Torkel Ödegaard
parent
fadfc665e4
commit
908b6c8d0b
@ -89,7 +89,6 @@
|
||||
@import "components/dashboard_settings";
|
||||
@import "components/empty_list_cta";
|
||||
|
||||
|
||||
// PAGES
|
||||
@import "pages/login";
|
||||
@import "pages/dashboard";
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.navbar-buttons--zoom {
|
||||
display: none;
|
||||
}
|
||||
@ -19,8 +18,8 @@
|
||||
// ---------------------
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
input[type='text'],
|
||||
input[type='number'],
|
||||
input[type="text"],
|
||||
input[type="number"],
|
||||
textarea {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@ -5,102 +5,113 @@ $theme-name: dark;
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$black: #000;
|
||||
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$dark-1: #141414;
|
||||
$dark-2: #1f1f20;
|
||||
$dark-3: #262628;
|
||||
$dark-4: #333333;
|
||||
$dark-5: #444444;
|
||||
$gray-1: #555555;
|
||||
$gray-2: #8e8e8e;
|
||||
$gray-3: #b3b3b3;
|
||||
$gray-4: #D8D9DA;
|
||||
$gray-5: #ECECEC;
|
||||
$gray-6: #f4f5f8;
|
||||
$gray-7: #fbfbfb;
|
||||
$black: #000;
|
||||
$dark-1: #141414;
|
||||
$dark-2: #1f1f20;
|
||||
$dark-3: #262628;
|
||||
$dark-4: #333333;
|
||||
$dark-5: #444444;
|
||||
$gray-1: #555555;
|
||||
$gray-2: #8e8e8e;
|
||||
$gray-3: #b3b3b3;
|
||||
$gray-4: #d8d9da;
|
||||
$gray-5: #ececec;
|
||||
$gray-6: #f4f5f8;
|
||||
$gray-7: #fbfbfb;
|
||||
|
||||
$gray-blue: #212327;
|
||||
$input-black: #09090B;
|
||||
$gray-blue: #212327;
|
||||
$input-black: #09090b;
|
||||
|
||||
$white: #fff;
|
||||
$white: #fff;
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
$blue: #33B5E5;
|
||||
$blue-dark: #005f81;
|
||||
$green: #299c46;
|
||||
$red: #d44a3a;
|
||||
$yellow: #ECBB13;
|
||||
$pink: #FF4444;
|
||||
$purple: #9933CC;
|
||||
$variable: #32D1DF;
|
||||
$orange: #eb7b18;
|
||||
$blue: #33b5e5;
|
||||
$blue-dark: #005f81;
|
||||
$green: #299c46;
|
||||
$red: #d44a3a;
|
||||
$yellow: #ecbb13;
|
||||
$pink: #ff4444;
|
||||
$purple: #9933cc;
|
||||
$variable: #32d1df;
|
||||
$orange: #eb7b18;
|
||||
|
||||
$brand-primary: $orange;
|
||||
$brand-success: $green;
|
||||
$brand-warning: $brand-primary;
|
||||
$brand-danger: $red;
|
||||
$brand-primary: $orange;
|
||||
$brand-success: $green;
|
||||
$brand-warning: $brand-primary;
|
||||
$brand-danger: $red;
|
||||
|
||||
$query-blue: $blue;
|
||||
$query-blue: $blue;
|
||||
|
||||
// Status colors
|
||||
// -------------------------
|
||||
$online: #10a345;
|
||||
$warn: #F79520;
|
||||
$critical: #ed2e18;
|
||||
$online: #10a345;
|
||||
$warn: #f79520;
|
||||
$critical: #ed2e18;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
$body-bg: rgb(23,24,25);
|
||||
$page-bg: rgb(22, 23, 25);
|
||||
$body-bg: rgb(23, 24, 25);
|
||||
$page-bg: rgb(22, 23, 25);
|
||||
|
||||
$body-color: $gray-4;
|
||||
$text-color: $gray-4;
|
||||
$text-color-strong: $white;
|
||||
$text-color-weak: $gray-2;
|
||||
$text-color-faint: $dark-5;
|
||||
$text-color-emphasis: $gray-5;
|
||||
$body-color: $gray-4;
|
||||
$text-color: $gray-4;
|
||||
$text-color-strong: $white;
|
||||
$text-color-weak: $gray-2;
|
||||
$text-color-faint: $dark-5;
|
||||
$text-color-emphasis: $gray-5;
|
||||
|
||||
$text-shadow-strong: 1px 1px 4px $black;
|
||||
$text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
|
||||
|
||||
// gradients
|
||||
$brand-gradient: linear-gradient(to right, rgba(255,213,0,0.7) 0%, rgba(255,68,0,0.7) 99%, rgba(255,68,0,0.7) 100%);
|
||||
$brand-gradient: linear-gradient(
|
||||
to right,
|
||||
rgba(255, 213, 0, 0.7) 0%,
|
||||
rgba(255, 68, 0, 0.7) 99%,
|
||||
rgba(255, 68, 0, 0.7) 100%
|
||||
);
|
||||
$page-gradient: linear-gradient(180deg, #222426 10px, rgb(22, 23, 25) 100px);
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$link-color: darken($white, 11%);
|
||||
$link-color-disabled: darken($link-color, 30%);
|
||||
$link-hover-color: $white;
|
||||
$external-link-color: $blue;
|
||||
$link-color: darken($white, 11%);
|
||||
$link-color-disabled: darken($link-color, 30%);
|
||||
$link-hover-color: $white;
|
||||
$external-link-color: $blue;
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
$headings-color: darken($white,11%);
|
||||
$abbr-border-color: $gray-3 !default;
|
||||
$text-muted: $text-color-weak;
|
||||
$headings-color: darken($white, 11%);
|
||||
$abbr-border-color: $gray-3 !default;
|
||||
$text-muted: $text-color-weak;
|
||||
|
||||
$blockquote-small-color: $gray-3 !default;
|
||||
$blockquote-small-color: $gray-3 !default;
|
||||
$blockquote-border-color: $gray-4 !default;
|
||||
|
||||
$hr-border-color: rgba(0,0,0,.1) !default;
|
||||
$hr-border-color: rgba(0, 0, 0, 0.1) !default;
|
||||
|
||||
// Components
|
||||
$component-active-color: #fff !default;
|
||||
$component-active-bg: $brand-primary !default;
|
||||
$component-active-bg: $brand-primary !default;
|
||||
|
||||
// Panel
|
||||
// -------------------------
|
||||
$panel-bg: #212124;
|
||||
$panel-border-color: $dark-1;
|
||||
$panel-border: solid 1px $panel-border-color;
|
||||
$panel-drop-zone-bg: repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px);
|
||||
$panel-header-hover-bg: $dark-4;
|
||||
$panel-header-menu-hover-bg: $dark-5;
|
||||
$panel-bg: #212124;
|
||||
$panel-border-color: $dark-1;
|
||||
$panel-border: solid 1px $panel-border-color;
|
||||
$panel-drop-zone-bg: repeating-linear-gradient(
|
||||
-128deg,
|
||||
#111,
|
||||
#111 10px,
|
||||
#191919 10px,
|
||||
#222 20px
|
||||
);
|
||||
$panel-header-hover-bg: $dark-4;
|
||||
$panel-header-menu-hover-bg: $dark-5;
|
||||
$panel-edit-shadow: 0 -30px 30px -30px $black;
|
||||
|
||||
// page header
|
||||
@ -108,28 +119,29 @@ $page-header-bg: linear-gradient(90deg, #292a2d, black);
|
||||
$page-header-shadow: inset 0px -4px 14px $dark-2;
|
||||
$page-header-border-color: $dark-4;
|
||||
|
||||
$divider-border-color: #555;
|
||||
$divider-border-color: #555;
|
||||
|
||||
// Graphite Target Editor
|
||||
$tight-form-bg: $dark-3;
|
||||
$tight-form-bg: $dark-3;
|
||||
|
||||
$tight-form-func-bg: #333334;
|
||||
$tight-form-func-highlight-bg: #444445;
|
||||
$tight-form-func-bg: #333334;
|
||||
$tight-form-func-highlight-bg: #444445;
|
||||
|
||||
$modal-backdrop-bg: #353c42 ;
|
||||
$code-tag-bg: $gray-1;
|
||||
$code-tag-border: lighten($code-tag-bg, 2%);
|
||||
$modal-backdrop-bg: #353c42;
|
||||
$code-tag-bg: $gray-1;
|
||||
$code-tag-border: lighten($code-tag-bg, 2%);
|
||||
|
||||
// cards
|
||||
$card-background: linear-gradient(135deg, #2f2f32, #262628);
|
||||
$card-background-hover: linear-gradient(135deg, #343436, #262628);
|
||||
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .3);
|
||||
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1),
|
||||
1px 1px 0 0 rgba(0, 0, 0, 0.3);
|
||||
|
||||
// Lists
|
||||
$list-item-bg: $card-background;
|
||||
$list-item-hover-bg: lighten($gray-blue, 2%);
|
||||
$list-item-bg: $card-background;
|
||||
$list-item-hover-bg: lighten($gray-blue, 2%);
|
||||
$list-item-link-color: $text-color;
|
||||
$list-item-shadow: $card-shadow;
|
||||
$list-item-shadow: $card-shadow;
|
||||
|
||||
// Scrollbars
|
||||
$scrollbarBackground: #404357;
|
||||
@ -139,59 +151,59 @@ $scrollbarBorder: black;
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
$table-bg: transparent; // overall background-color
|
||||
$table-bg-accent: $dark-3; // for striping
|
||||
$table-bg-hover: $dark-4; // for hover
|
||||
$table-border: $dark-3; // table and cell border
|
||||
$table-bg: transparent; // overall background-color
|
||||
$table-bg-accent: $dark-3; // for striping
|
||||
$table-bg-hover: $dark-4; // for hover
|
||||
$table-border: $dark-3; // table and cell border
|
||||
|
||||
$table-bg-odd: $dark-2;
|
||||
$table-bg-odd: $dark-2;
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
|
||||
$btn-primary-bg: #ff6600;
|
||||
$btn-primary-bg-hl: #bc3e06;
|
||||
$btn-primary-bg: #ff6600;
|
||||
$btn-primary-bg-hl: #bc3e06;
|
||||
|
||||
$btn-secondary-bg: $blue-dark;
|
||||
$btn-secondary-bg-hl: lighten($blue-dark, 5%);
|
||||
$btn-secondary-bg: $blue-dark;
|
||||
$btn-secondary-bg-hl: lighten($blue-dark, 5%);
|
||||
|
||||
$btn-success-bg: $green;
|
||||
$btn-success-bg-hl: darken($green, 6%);
|
||||
$btn-success-bg: $green;
|
||||
$btn-success-bg-hl: darken($green, 6%);
|
||||
|
||||
$btn-warning-bg: $brand-warning;
|
||||
$btn-warning-bg-hl: lighten($brand-warning, 8%);
|
||||
$btn-warning-bg: $brand-warning;
|
||||
$btn-warning-bg-hl: lighten($brand-warning, 8%);
|
||||
|
||||
$btn-danger-bg: $red;
|
||||
$btn-danger-bg-hl: darken($red, 8%);
|
||||
$btn-danger-bg: $red;
|
||||
$btn-danger-bg-hl: darken($red, 8%);
|
||||
|
||||
$btn-inverse-bg: $dark-3;
|
||||
$btn-inverse-bg-hl: lighten($dark-3, 4%);
|
||||
$btn-inverse-text-color: $link-color;
|
||||
$btn-inverse-text-shadow: 0px 1px 0 rgba(0,0,0,.1);
|
||||
$btn-inverse-bg: $dark-3;
|
||||
$btn-inverse-bg-hl: lighten($dark-3, 4%);
|
||||
$btn-inverse-text-color: $link-color;
|
||||
$btn-inverse-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
$btn-link-color: $gray-3;
|
||||
$btn-link-color: $gray-3;
|
||||
|
||||
$iconContainerBackground: $black;
|
||||
$iconContainerBackground: $black;
|
||||
|
||||
$btn-divider-left: $dark-4;
|
||||
$btn-divider-right: $dark-2;
|
||||
$btn-divider-left: $dark-4;
|
||||
$btn-divider-right: $dark-2;
|
||||
|
||||
$btn-drag-image: '../img/grab_dark.svg';
|
||||
$btn-drag-image: "../img/grab_dark.svg";
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$input-bg: $input-black;
|
||||
$input-bg-disabled: $dark-3;
|
||||
$input-bg: $input-black;
|
||||
$input-bg-disabled: $dark-3;
|
||||
|
||||
$input-color: $gray-4;
|
||||
$input-border-color: $dark-3;
|
||||
$input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.10);
|
||||
$input-border-focus: $input-border-color;
|
||||
$input-box-shadow-focus: rgba(102, 175, 233, 0.6);
|
||||
$input-color-placeholder: $gray-1 !default;
|
||||
$input-label-bg: $gray-blue;
|
||||
$input-label-border-color: $dark-3;
|
||||
$input-invalid-border-color: lighten($red, 5%);
|
||||
$input-color: $gray-4;
|
||||
$input-border-color: $dark-3;
|
||||
$input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.1);
|
||||
$input-border-focus: $input-border-color;
|
||||
$input-box-shadow-focus: rgba(102, 175, 233, 0.6);
|
||||
$input-color-placeholder: $gray-1 !default;
|
||||
$input-label-bg: $gray-blue;
|
||||
$input-label-border-color: $dark-3;
|
||||
$input-invalid-border-color: lighten($red, 5%);
|
||||
|
||||
// Search
|
||||
$search-shadow: 0 0 30px 0 $black;
|
||||
@ -199,19 +211,19 @@ $search-filter-box-bg: $gray-blue;
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
$dropdownBackground: $dark-3;
|
||||
$dropdownBorder: rgba(0,0,0,.2);
|
||||
$dropdownDividerTop: transparent;
|
||||
$dropdownDividerBottom: #444;
|
||||
$dropdownDivider: $dropdownDividerBottom;
|
||||
$dropdownTitle: $link-color-disabled;
|
||||
$dropdownBackground: $dark-3;
|
||||
$dropdownBorder: rgba(0, 0, 0, 0.2);
|
||||
$dropdownDividerTop: transparent;
|
||||
$dropdownDividerBottom: #444;
|
||||
$dropdownDivider: $dropdownDividerBottom;
|
||||
$dropdownTitle: $link-color-disabled;
|
||||
|
||||
$dropdownLinkColor: $text-color;
|
||||
$dropdownLinkColorHover: $white;
|
||||
$dropdownLinkColorActive: $white;
|
||||
$dropdownLinkColor: $text-color;
|
||||
$dropdownLinkColorHover: $white;
|
||||
$dropdownLinkColorActive: $white;
|
||||
|
||||
$dropdownLinkBackgroundActive: $dark-4;
|
||||
$dropdownLinkBackgroundHover: $dark-4;
|
||||
$dropdownLinkBackgroundActive: $dark-4;
|
||||
$dropdownLinkBackgroundHover: $dark-4;
|
||||
|
||||
$dropdown-link-color: $gray-3;
|
||||
|
||||
@ -219,51 +231,49 @@ $dropdown-link-color: $gray-3;
|
||||
// --------------------------------------------------
|
||||
|
||||
// -------------------------
|
||||
$placeholderText: darken($text-color, 25%);
|
||||
|
||||
$placeholderText: darken($text-color, 25%);
|
||||
|
||||
// Horizontal forms & lists
|
||||
// -------------------------
|
||||
$horizontalComponentOffset: 180px;
|
||||
|
||||
$horizontalComponentOffset: 180px;
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
$wellBackground: #131517;
|
||||
$wellBackground: #131517;
|
||||
|
||||
$navbarHeight: 55px;
|
||||
$navbarBackgroundHighlight: $dark-3;
|
||||
$navbarBackground: $panel-bg;
|
||||
$navbarBorder: 1px solid $dark-3;
|
||||
$navbarShadow: 0 0 20px black;
|
||||
$navbarHeight: 55px;
|
||||
$navbarBackgroundHighlight: $dark-3;
|
||||
$navbarBackground: $panel-bg;
|
||||
$navbarBorder: 1px solid $dark-3;
|
||||
$navbarShadow: 0 0 20px black;
|
||||
|
||||
$navbarText: $gray-4;
|
||||
$navbarLinkColor: $gray-4;
|
||||
$navbarLinkColorHover: $white;
|
||||
$navbarLinkColorActive: $navbarLinkColorHover;
|
||||
$navbarLinkBackgroundHover: transparent;
|
||||
$navbarLinkBackgroundActive: $navbarBackground;
|
||||
$navbarBrandColor: $link-color;
|
||||
$navbarDropdownShadow: inset 0px 4px 10px -4px $body-bg;
|
||||
$navbarText: $gray-4;
|
||||
$navbarLinkColor: $gray-4;
|
||||
$navbarLinkColorHover: $white;
|
||||
$navbarLinkColorActive: $navbarLinkColorHover;
|
||||
$navbarLinkBackgroundHover: transparent;
|
||||
$navbarLinkBackgroundActive: $navbarBackground;
|
||||
$navbarBrandColor: $link-color;
|
||||
$navbarDropdownShadow: inset 0px 4px 10px -4px $body-bg;
|
||||
|
||||
$navbarButtonBackground: $navbarBackground;
|
||||
$navbarButtonBackground: $navbarBackground;
|
||||
$navbarButtonBackgroundHighlight: $body-bg;
|
||||
|
||||
$navbar-button-border: #151515;
|
||||
$navbar-button-border: #151515;
|
||||
|
||||
// Sidemenu
|
||||
// -------------------------
|
||||
$side-menu-bg: $black;
|
||||
$side-menu-bg: $black;
|
||||
$side-menu-item-hover-bg: $dark-2;
|
||||
$side-menu-shadow: 0 0 20px black;
|
||||
$side-menu-link-color: $link-color;
|
||||
$breadcrumb-hover-hl: #111;
|
||||
$side-menu-shadow: 0 0 20px black;
|
||||
$side-menu-link-color: $link-color;
|
||||
$breadcrumb-hover-hl: #111;
|
||||
|
||||
// Menu dropdowns
|
||||
// -------------------------
|
||||
$menu-dropdown-bg: $body-bg;
|
||||
$menu-dropdown-hover-bg: $dark-2;
|
||||
$menu-dropdown-border-color: $dark-3;
|
||||
$menu-dropdown-bg: $body-bg;
|
||||
$menu-dropdown-hover-bg: $dark-2;
|
||||
$menu-dropdown-border-color: $dark-3;
|
||||
$menu-dropdown-shadow: 5px 5px 20px -5px $black;
|
||||
|
||||
// Breadcrumb
|
||||
@ -274,56 +284,60 @@ $page-nav-breadcrumb-color: $gray-3;
|
||||
|
||||
// Tabs
|
||||
// -------------------------
|
||||
$tab-border-color: $dark-4;
|
||||
$tab-border-color: $dark-4;
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
$paginationBackground: $body-bg;
|
||||
$paginationBorder: transparent;
|
||||
$paginationActiveBackground: $blue;
|
||||
$paginationBackground: $body-bg;
|
||||
$paginationBorder: transparent;
|
||||
$paginationActiveBackground: $blue;
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
$warning-text-color: $warn;
|
||||
$error-text-color: #E84D4D;
|
||||
$success-text-color: #12D95A;
|
||||
$info-text-color: $blue-dark;
|
||||
$warning-text-color: $warn;
|
||||
$error-text-color: #e84d4d;
|
||||
$success-text-color: #12d95a;
|
||||
$info-text-color: $blue-dark;
|
||||
|
||||
$alert-error-bg: linear-gradient(90deg, #d44939, #e0603d);
|
||||
$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
|
||||
$alert-warning-bg: linear-gradient(90deg, #d44939, #e0603d);
|
||||
$alert-info-bg: linear-gradient(100deg, #1a4552, #00374a);
|
||||
$alert-error-bg: linear-gradient(90deg, #d44939, #e0603d);
|
||||
$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
|
||||
$alert-warning-bg: linear-gradient(90deg, #d44939, #e0603d);
|
||||
$alert-info-bg: linear-gradient(100deg, #1a4552, #00374a);
|
||||
|
||||
// popover
|
||||
$popover-bg: $page-bg;
|
||||
$popover-color: $text-color;
|
||||
$popover-border-color: $dark-4;
|
||||
$popover-shadow: 0 0 20px black;
|
||||
$popover-bg: $page-bg;
|
||||
$popover-color: $text-color;
|
||||
$popover-border-color: $dark-4;
|
||||
$popover-shadow: 0 0 20px black;
|
||||
|
||||
$popover-help-bg: $btn-secondary-bg;
|
||||
$popover-help-color: $text-color;
|
||||
$popover-help-bg: $btn-secondary-bg;
|
||||
$popover-help-color: $text-color;
|
||||
|
||||
$popover-error-bg: $btn-danger-bg;
|
||||
$popover-error-bg: $btn-danger-bg;
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
$tooltipColor: $popover-help-color;
|
||||
$tooltipBackground: $popover-help-bg;
|
||||
$tooltipArrowWidth: 5px;
|
||||
$tooltipArrowColor: $tooltipBackground;
|
||||
$tooltipLinkColor: $link-color;
|
||||
$graph-tooltip-bg: $dark-1;
|
||||
$tooltipColor: $popover-help-color;
|
||||
$tooltipBackground: $popover-help-bg;
|
||||
$tooltipArrowWidth: 5px;
|
||||
$tooltipArrowColor: $tooltipBackground;
|
||||
$tooltipLinkColor: $link-color;
|
||||
$graph-tooltip-bg: $dark-1;
|
||||
|
||||
// images
|
||||
$checkboxImageUrl: '../img/checkbox.png';
|
||||
$checkboxImageUrl: "../img/checkbox.png";
|
||||
|
||||
// info box
|
||||
$info-box-background: linear-gradient(100deg, $blue-dark, darken($blue-dark, 5%));
|
||||
$info-box-color: $gray-4;
|
||||
$info-box-background: linear-gradient(
|
||||
100deg,
|
||||
$blue-dark,
|
||||
darken($blue-dark, 5%)
|
||||
);
|
||||
$info-box-color: $gray-4;
|
||||
|
||||
// footer
|
||||
$footer-link-color: $gray-2;
|
||||
$footer-link-hover: $gray-4;
|
||||
$footer-link-color: $gray-2;
|
||||
$footer-link-hover: $gray-4;
|
||||
|
||||
// collapse box
|
||||
$collapse-box-body-border: $dark-5;
|
||||
@ -334,34 +348,34 @@ $json-explorer-default-color: $text-color;
|
||||
$json-explorer-string-color: #23d662;
|
||||
$json-explorer-number-color: $variable;
|
||||
$json-explorer-boolean-color: $variable;
|
||||
$json-explorer-null-color: #EEC97D;
|
||||
$json-explorer-null-color: #eec97d;
|
||||
$json-explorer-undefined-color: rgb(239, 143, 190);
|
||||
$json-explorer-function-color: #FD48CB;
|
||||
$json-explorer-function-color: #fd48cb;
|
||||
$json-explorer-rotate-time: 100ms;
|
||||
$json-explorer-toggler-opacity: 0.6;
|
||||
$json-explorer-toggler-color: #45376F;
|
||||
$json-explorer-bracket-color: #9494FF;
|
||||
$json-explorer-key-color: #23A0DB;
|
||||
$json-explorer-url-color: #027BFF;
|
||||
$json-explorer-toggler-color: #45376f;
|
||||
$json-explorer-bracket-color: #9494ff;
|
||||
$json-explorer-key-color: #23a0db;
|
||||
$json-explorer-url-color: #027bff;
|
||||
|
||||
// Changelog and diff
|
||||
// -------------------------
|
||||
$diff-label-bg: $dark-2;
|
||||
$diff-label-fg: $white;
|
||||
$diff-label-bg: $dark-2;
|
||||
$diff-label-fg: $white;
|
||||
|
||||
$diff-group-bg: $dark-4;
|
||||
$diff-arrow-color: $white;
|
||||
$diff-group-bg: $dark-4;
|
||||
$diff-arrow-color: $white;
|
||||
|
||||
$diff-json-bg: $dark-4;
|
||||
$diff-json-fg: $gray-5;
|
||||
$diff-json-bg: $dark-4;
|
||||
$diff-json-fg: $gray-5;
|
||||
|
||||
$diff-json-added: #457740;
|
||||
$diff-json-deleted: #a04338;
|
||||
$diff-json-added: #457740;
|
||||
$diff-json-deleted: #a04338;
|
||||
|
||||
$diff-json-old: #a04338;
|
||||
$diff-json-new: #457740;
|
||||
$diff-json-old: #a04338;
|
||||
$diff-json-new: #457740;
|
||||
|
||||
$diff-json-changed-fg: $gray-5;
|
||||
$diff-json-changed-fg: $gray-5;
|
||||
$diff-json-changed-num: $text-color;
|
||||
|
||||
$diff-json-icon: $gray-7;
|
||||
$diff-json-icon: $gray-7;
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
@ -10,101 +9,112 @@ $theme-name: light;
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$black: #000;
|
||||
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$dark-1: #13161d;
|
||||
$dark-2: #1e2028;
|
||||
$dark-3: #303133;
|
||||
$dark-4: #35373f;
|
||||
$dark-5: #41444b;
|
||||
$gray-1: #52545c;
|
||||
$gray-2: #767980;
|
||||
$gray-3: #acb6bf;
|
||||
$gray-4: #c7d0d9;
|
||||
$gray-5: #dde4ed;
|
||||
$gray-6: #e9edf2;
|
||||
$gray-7: #f7f8fa;
|
||||
$black: #000;
|
||||
$dark-1: #13161d;
|
||||
$dark-2: #1e2028;
|
||||
$dark-3: #303133;
|
||||
$dark-4: #35373f;
|
||||
$dark-5: #41444b;
|
||||
$gray-1: #52545c;
|
||||
$gray-2: #767980;
|
||||
$gray-3: #acb6bf;
|
||||
$gray-4: #c7d0d9;
|
||||
$gray-5: #dde4ed;
|
||||
$gray-6: #e9edf2;
|
||||
$gray-7: #f7f8fa;
|
||||
|
||||
$white: #fff;
|
||||
$white: #fff;
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
$blue: #61c2f2;
|
||||
$blue-dark: #0083b3;
|
||||
$green: #3aa655;
|
||||
$red: #d44939;
|
||||
$yellow: #FF851B;
|
||||
$orange: #Ff7941;
|
||||
$pink: #E671B8;
|
||||
$purple: #9954BB;
|
||||
$variable: $blue;
|
||||
$blue: #61c2f2;
|
||||
$blue-dark: #0083b3;
|
||||
$green: #3aa655;
|
||||
$red: #d44939;
|
||||
$yellow: #ff851b;
|
||||
$orange: #ff7941;
|
||||
$pink: #e671b8;
|
||||
$purple: #9954bb;
|
||||
$variable: $blue;
|
||||
|
||||
$brand-primary: $orange;
|
||||
$brand-success: $green;
|
||||
$brand-warning: $orange;
|
||||
$brand-danger: $red;
|
||||
$brand-primary: $orange;
|
||||
$brand-success: $green;
|
||||
$brand-warning: $orange;
|
||||
$brand-danger: $red;
|
||||
|
||||
$query-blue: $blue-dark;
|
||||
$query-blue: $blue-dark;
|
||||
|
||||
// Status colors
|
||||
// -------------------------
|
||||
$online: #01A64F;
|
||||
$warn: #F79520;
|
||||
$critical: #EC2128;
|
||||
$online: #01a64f;
|
||||
$warn: #f79520;
|
||||
$critical: #ec2128;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
$body-bg: $gray-7;
|
||||
$page-bg: $gray-7;
|
||||
$body-color: $gray-1;
|
||||
$text-color: $dark-4;
|
||||
$text-color-strong: $white;
|
||||
$text-color-weak: $gray-2;
|
||||
$text-color-faint: $gray-4;
|
||||
$text-color-emphasis: $dark-5;
|
||||
$body-bg: $gray-7;
|
||||
$page-bg: $gray-7;
|
||||
$body-color: $gray-1;
|
||||
$text-color: $dark-4;
|
||||
$text-color-strong: $white;
|
||||
$text-color-weak: $gray-2;
|
||||
$text-color-faint: $gray-4;
|
||||
$text-color-emphasis: $dark-5;
|
||||
|
||||
$text-shadow-strong: none;
|
||||
$text-shadow-faint: none;
|
||||
$textShadow: none;
|
||||
|
||||
// gradients
|
||||
$brand-gradient: linear-gradient(to right, rgba(255,213,0,1.0) 0%, rgba(255,68,0,1.0) 99%, rgba(255,68,0,1.0) 100%);
|
||||
$brand-gradient: linear-gradient(
|
||||
to right,
|
||||
rgba(255, 213, 0, 1) 0%,
|
||||
rgba(255, 68, 0, 1) 99%,
|
||||
rgba(255, 68, 0, 1) 100%
|
||||
);
|
||||
$page-gradient: linear-gradient(-60deg, transparent 70%, $gray-7 98%);
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$link-color: $gray-1;
|
||||
$link-color-disabled: lighten($link-color, 30%);
|
||||
$link-hover-color: darken($link-color, 20%);
|
||||
$external-link-color: $blue;
|
||||
$link-color: $gray-1;
|
||||
$link-color-disabled: lighten($link-color, 30%);
|
||||
$link-hover-color: darken($link-color, 20%);
|
||||
$external-link-color: $blue;
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
$headings-color: $text-color;
|
||||
$abbr-border-color: $gray-2 !default;
|
||||
$text-muted: $text-color-weak;
|
||||
$headings-color: $text-color;
|
||||
$abbr-border-color: $gray-2 !default;
|
||||
$text-muted: $text-color-weak;
|
||||
|
||||
$blockquote-small-color: $gray-2 !default;
|
||||
$blockquote-small-color: $gray-2 !default;
|
||||
$blockquote-border-color: $gray-3 !default;
|
||||
|
||||
$hr-border-color: $dark-3 !default;
|
||||
|
||||
// Components
|
||||
$component-active-color: $white !default;
|
||||
$component-active-bg: $brand-primary !default;
|
||||
$component-active-bg: $brand-primary !default;
|
||||
|
||||
// Panel
|
||||
// -------------------------
|
||||
|
||||
$panel-bg: $white;
|
||||
$panel-bg: $white;
|
||||
$panel-border-color: $gray-5;
|
||||
$panel-border: solid 1px $panel-border-color;
|
||||
$panel-drop-zone-bg: repeating-linear-gradient(-128deg, $body-bg, $body-bg 10px, $gray-6 10px, $gray-6 20px);
|
||||
$panel-header-hover-bg: $gray-6;
|
||||
$panel-header-menu-hover-bg: $gray-4;
|
||||
$panel-border: solid 1px $panel-border-color;
|
||||
$panel-drop-zone-bg: repeating-linear-gradient(
|
||||
-128deg,
|
||||
$body-bg,
|
||||
$body-bg 10px,
|
||||
$gray-6 10px,
|
||||
$gray-6 20px
|
||||
);
|
||||
$panel-header-hover-bg: $gray-6;
|
||||
$panel-header-menu-hover-bg: $gray-4;
|
||||
$panel-edit-shadow: 0 0 30px 20px $black;
|
||||
|
||||
// Page header
|
||||
@ -112,113 +122,114 @@ $page-header-bg: linear-gradient(90deg, $white, $gray-7);
|
||||
$page-header-shadow: inset 0px -3px 10px $gray-6;
|
||||
$page-header-border-color: $gray-4;
|
||||
|
||||
$divider-border-color: $gray-2;
|
||||
$divider-border-color: $gray-2;
|
||||
|
||||
// Graphite Target Editor
|
||||
$tight-form-bg: #eaebee;
|
||||
$tight-form-bg: #eaebee;
|
||||
|
||||
$tight-form-func-bg: $gray-5;
|
||||
$tight-form-func-highlight-bg: $gray-6;
|
||||
$tight-form-func-bg: $gray-5;
|
||||
$tight-form-func-highlight-bg: $gray-6;
|
||||
|
||||
$modal-backdrop-bg: $body-bg;
|
||||
$code-tag-bg: $gray-6;
|
||||
$code-tag-border: darken($code-tag-bg, 3%);
|
||||
$code-tag-bg: $gray-6;
|
||||
$code-tag-border: darken($code-tag-bg, 3%);
|
||||
|
||||
// cards
|
||||
$card-background: linear-gradient(135deg, $gray-6, $gray-5);
|
||||
$card-background-hover: linear-gradient(135deg, $gray-5, $gray-6);
|
||||
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1);
|
||||
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1),
|
||||
1px 1px 0 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
// Lists
|
||||
$list-item-bg: linear-gradient(135deg, $gray-5, $gray-6);//$card-background;
|
||||
$list-item-hover-bg: darken($gray-5, 5%);
|
||||
$list-item-bg: linear-gradient(135deg, $gray-5, $gray-6); //$card-background;
|
||||
$list-item-hover-bg: darken($gray-5, 5%);
|
||||
$list-item-link-color: $text-color;
|
||||
$list-item-shadow: $card-shadow;
|
||||
$list-item-shadow: $card-shadow;
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
$table-bg: transparent; // overall background-color
|
||||
$table-bg-accent: $gray-5; // for striping
|
||||
$table-bg-hover: $gray-5; // for hover
|
||||
$table-bg-active: $table-bg-hover !default;
|
||||
$table-border: $gray-3; // table and cell border
|
||||
$table-bg: transparent; // overall background-color
|
||||
$table-bg-accent: $gray-5; // for striping
|
||||
$table-bg-hover: $gray-5; // for hover
|
||||
$table-bg-active: $table-bg-hover !default;
|
||||
$table-border: $gray-3; // table and cell border
|
||||
|
||||
$table-bg-odd: $gray-5;
|
||||
$table-bg-odd: $gray-5;
|
||||
|
||||
// Scrollbars
|
||||
$scrollbarBackground: $gray-5;
|
||||
$scrollbarBackground2: $gray-5;
|
||||
$scrollbarBorder: $gray-4;
|
||||
$scrollbarBackground: $gray-5;
|
||||
$scrollbarBackground2: $gray-5;
|
||||
$scrollbarBorder: $gray-4;
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
$btn-primary-bg: $brand-primary;
|
||||
$btn-primary-bg-hl: lighten($brand-primary, 8%);
|
||||
$btn-primary-bg: $brand-primary;
|
||||
$btn-primary-bg-hl: lighten($brand-primary, 8%);
|
||||
|
||||
$btn-secondary-bg: $blue-dark;
|
||||
$btn-secondary-bg-hl: lighten($blue-dark, 4%);
|
||||
$btn-secondary-bg: $blue-dark;
|
||||
$btn-secondary-bg-hl: lighten($blue-dark, 4%);
|
||||
|
||||
$btn-success-bg: lighten($green, 3%);
|
||||
$btn-success-bg-hl: darken($green, 3%);
|
||||
$btn-success-bg: lighten($green, 3%);
|
||||
$btn-success-bg-hl: darken($green, 3%);
|
||||
|
||||
$btn-warning-bg: lighten($orange, 3%);
|
||||
$btn-warning-bg-hl: darken($orange, 3%);
|
||||
$btn-warning-bg: lighten($orange, 3%);
|
||||
$btn-warning-bg-hl: darken($orange, 3%);
|
||||
|
||||
$btn-danger-bg: lighten($red, 3%);
|
||||
$btn-danger-bg-hl: darken($red, 3%);
|
||||
$btn-danger-bg: lighten($red, 3%);
|
||||
$btn-danger-bg-hl: darken($red, 3%);
|
||||
|
||||
$btn-inverse-bg: $gray-6;
|
||||
$btn-inverse-bg-hl: darken($gray-6, 5%);
|
||||
$btn-inverse-text-color: $gray-1;
|
||||
$btn-inverse-text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
|
||||
$btn-inverse-bg: $gray-6;
|
||||
$btn-inverse-bg-hl: darken($gray-6, 5%);
|
||||
$btn-inverse-text-color: $gray-1;
|
||||
$btn-inverse-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
|
||||
|
||||
$btn-link-color: $gray-1;
|
||||
|
||||
$btn-divider-left: $gray-4;
|
||||
$btn-divider-right: $gray-7;
|
||||
$btn-drag-image: '../img/grab_light.svg';
|
||||
$btn-divider-left: $gray-4;
|
||||
$btn-divider-right: $gray-7;
|
||||
$btn-drag-image: "../img/grab_light.svg";
|
||||
|
||||
$iconContainerBackground: $white;
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$input-bg: $white;
|
||||
$input-bg-disabled: $gray-5;
|
||||
$input-bg: $white;
|
||||
$input-bg-disabled: $gray-5;
|
||||
|
||||
$input-color: $dark-3;
|
||||
$input-border-color: $gray-5;
|
||||
$input-box-shadow: none;
|
||||
$input-border-focus: $blue !default;
|
||||
$input-box-shadow-focus: $blue !default;
|
||||
$input-color-placeholder: $gray-4 !default;
|
||||
$input-label-bg: $gray-5;
|
||||
$input-label-border-color: $gray-5;
|
||||
$input-invalid-border-color: lighten($red, 5%);
|
||||
$input-color: $dark-3;
|
||||
$input-border-color: $gray-5;
|
||||
$input-box-shadow: none;
|
||||
$input-border-focus: $blue !default;
|
||||
$input-box-shadow-focus: $blue !default;
|
||||
$input-color-placeholder: $gray-4 !default;
|
||||
$input-label-bg: $gray-5;
|
||||
$input-label-border-color: $gray-5;
|
||||
$input-invalid-border-color: lighten($red, 5%);
|
||||
|
||||
// Sidemenu
|
||||
// -------------------------
|
||||
$side-menu-bg: $dark-2;
|
||||
$side-menu-bg: $dark-2;
|
||||
$side-menu-item-hover-bg: $gray-1;
|
||||
$side-menu-shadow: 5px 0px 10px -5px $gray-1;
|
||||
$side-menu-link-color: $gray-6;
|
||||
$side-menu-shadow: 5px 0px 10px -5px $gray-1;
|
||||
$side-menu-link-color: $gray-6;
|
||||
|
||||
// Menu dropdowns
|
||||
// -------------------------
|
||||
$menu-dropdown-bg: $gray-7;
|
||||
$menu-dropdown-hover-bg: $gray-6;
|
||||
$menu-dropdown-border-color: $gray-4;
|
||||
$menu-dropdown-shadow: 5px 5px 10px -5px $gray-1;
|
||||
$menu-dropdown-bg: $gray-7;
|
||||
$menu-dropdown-hover-bg: $gray-6;
|
||||
$menu-dropdown-border-color: $gray-4;
|
||||
$menu-dropdown-shadow: 5px 5px 10px -5px $gray-1;
|
||||
|
||||
// Breadcrumb
|
||||
// -------------------------
|
||||
$page-nav-bg: $gray-5;
|
||||
$page-nav-shadow: 5px 5px 20px -5px $gray-4;
|
||||
$page-nav-bg: $gray-5;
|
||||
$page-nav-shadow: 5px 5px 20px -5px $gray-4;
|
||||
$page-nav-breadcrumb-color: $black;
|
||||
$breadcrumb-hover-hl: #d9dadd;
|
||||
$breadcrumb-hover-hl: #d9dadd;
|
||||
|
||||
// Tabs
|
||||
// -------------------------
|
||||
$tab-border-color: $gray-5;
|
||||
$tab-border-color: $gray-5;
|
||||
|
||||
// search
|
||||
$search-shadow: 0 5px 30px 0 $gray-4;
|
||||
@ -226,117 +237,114 @@ $search-filter-box-bg: $gray-7;
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
$dropdownBackground: $white;
|
||||
$dropdownBorder: $gray-4;
|
||||
$dropdownDividerTop: $gray-6;
|
||||
$dropdownDividerBottom: $white;
|
||||
$dropdownDivider: $dropdownDividerTop;
|
||||
$dropdownTitle: $gray-3;
|
||||
$dropdownBackground: $white;
|
||||
$dropdownBorder: $gray-4;
|
||||
$dropdownDividerTop: $gray-6;
|
||||
$dropdownDividerBottom: $white;
|
||||
$dropdownDivider: $dropdownDividerTop;
|
||||
$dropdownTitle: $gray-3;
|
||||
|
||||
$dropdownLinkColor: $dark-3;
|
||||
$dropdownLinkColorHover: $link-color;
|
||||
$dropdownLinkColorActive: $link-color;
|
||||
$dropdownLinkColor: $dark-3;
|
||||
$dropdownLinkColorHover: $link-color;
|
||||
$dropdownLinkColorActive: $link-color;
|
||||
|
||||
$dropdownLinkBackgroundActive: $gray-6;
|
||||
$dropdownLinkBackgroundHover: $gray-6;
|
||||
$dropdownLinkBackgroundActive: $gray-6;
|
||||
$dropdownLinkBackgroundHover: $gray-6;
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Input placeholder text color
|
||||
// -------------------------
|
||||
$placeholderText: $gray-2;
|
||||
|
||||
$placeholderText: $gray-2;
|
||||
|
||||
// Hr border color
|
||||
// -------------------------
|
||||
$hrBorder: $gray-3;
|
||||
|
||||
$hrBorder: $gray-3;
|
||||
|
||||
// Horizontal forms & lists
|
||||
// -------------------------
|
||||
$horizontalComponentOffset: 180px;
|
||||
|
||||
$horizontalComponentOffset: 180px;
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
$wellBackground: $gray-3;
|
||||
|
||||
$wellBackground: $gray-3;
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
|
||||
$navbarHeight: 52px;
|
||||
$navbarBackgroundHighlight: $white;
|
||||
$navbarBackground: $white;
|
||||
$navbarBorder: 1px solid $gray-4;
|
||||
$navbarShadow: 0 0 3px #c1c1c1;
|
||||
$navbarHeight: 52px;
|
||||
$navbarBackgroundHighlight: $white;
|
||||
$navbarBackground: $white;
|
||||
$navbarBorder: 1px solid $gray-4;
|
||||
$navbarShadow: 0 0 3px #c1c1c1;
|
||||
|
||||
$navbarText: #444;
|
||||
$navbarLinkColor: #444;
|
||||
$navbarLinkColorHover: #000;
|
||||
$navbarLinkColorActive: #333;
|
||||
$navbarLinkBackgroundHover: transparent;
|
||||
$navbarLinkBackgroundActive: darken($navbarBackground, 6.5%);
|
||||
$navbarDropdownShadow: inset 0px 4px 7px -4px darken($body-bg, 20%);
|
||||
$navbarText: #444;
|
||||
$navbarLinkColor: #444;
|
||||
$navbarLinkColorHover: #000;
|
||||
$navbarLinkColorActive: #333;
|
||||
$navbarLinkBackgroundHover: transparent;
|
||||
$navbarLinkBackgroundActive: darken($navbarBackground, 6.5%);
|
||||
$navbarDropdownShadow: inset 0px 4px 7px -4px darken($body-bg, 20%);
|
||||
|
||||
$navbarBrandColor: $navbarLinkColor;
|
||||
$navbarBrandColor: $navbarLinkColor;
|
||||
|
||||
$navbarButtonBackground: lighten($navbarBackground, 3%);
|
||||
$navbarButtonBackground: lighten($navbarBackground, 3%);
|
||||
$navbarButtonBackgroundHighlight: lighten($navbarBackground, 5%);
|
||||
|
||||
$navbar-button-border: $gray-4;
|
||||
|
||||
$navbar-button-border: $gray-4;
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
$paginationBackground: $gray-2;
|
||||
$paginationBorder: transparent;
|
||||
$paginationActiveBackground: $blue;
|
||||
|
||||
$paginationBackground: $gray-2;
|
||||
$paginationBorder: transparent;
|
||||
$paginationActiveBackground: $blue;
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
$warning-text-color: lighten($orange, 10%);
|
||||
$error-text-color: lighten($red, 10%);
|
||||
$success-text-color: lighten($green, 10%);
|
||||
$info-text-color: $blue;
|
||||
$warning-text-color: lighten($orange, 10%);
|
||||
$error-text-color: lighten($red, 10%);
|
||||
$success-text-color: lighten($green, 10%);
|
||||
$info-text-color: $blue;
|
||||
|
||||
$alert-error-bg: linear-gradient(90deg, #d44939, #e04d3d);
|
||||
$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
|
||||
$alert-warning-bg: linear-gradient(90deg, #d44939, #e04d3d);
|
||||
$alert-info-bg: $blue-dark;
|
||||
$alert-error-bg: linear-gradient(90deg, #d44939, #e04d3d);
|
||||
$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
|
||||
$alert-warning-bg: linear-gradient(90deg, #d44939, #e04d3d);
|
||||
$alert-info-bg: $blue-dark;
|
||||
|
||||
// popover
|
||||
$popover-bg: $page-bg;
|
||||
$popover-color: $text-color;
|
||||
$popover-border-color: $gray-5;
|
||||
$popover-shadow: 0 0 20px $white;
|
||||
$popover-bg: $page-bg;
|
||||
$popover-color: $text-color;
|
||||
$popover-border-color: $gray-5;
|
||||
$popover-shadow: 0 0 20px $white;
|
||||
|
||||
$popover-help-bg: $blue-dark;
|
||||
$popover-help-color: $gray-6;
|
||||
$popover-error-bg: $btn-danger-bg;
|
||||
$popover-help-bg: $blue-dark;
|
||||
$popover-help-color: $gray-6;
|
||||
$popover-error-bg: $btn-danger-bg;
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
$tooltipColor: $popover-help-color;
|
||||
$tooltipBackground: $popover-help-bg;
|
||||
$tooltipArrowWidth: 5px;
|
||||
$tooltipArrowColor: $tooltipBackground;
|
||||
$tooltipLinkColor: lighten($popover-help-color, 5%);
|
||||
$graph-tooltip-bg: $gray-5;
|
||||
$tooltipColor: $popover-help-color;
|
||||
$tooltipBackground: $popover-help-bg;
|
||||
$tooltipArrowWidth: 5px;
|
||||
$tooltipArrowColor: $tooltipBackground;
|
||||
$tooltipLinkColor: lighten($popover-help-color, 5%);
|
||||
$graph-tooltip-bg: $gray-5;
|
||||
|
||||
// images
|
||||
$checkboxImageUrl: '../img/checkbox_white.png';
|
||||
$checkboxImageUrl: "../img/checkbox_white.png";
|
||||
|
||||
// info box
|
||||
$info-box-background: linear-gradient(100deg, $blue-dark, darken($blue-dark, 5%));
|
||||
$info-box-color: $gray-7;
|
||||
$info-box-background: linear-gradient(
|
||||
100deg,
|
||||
$blue-dark,
|
||||
darken($blue-dark, 5%)
|
||||
);
|
||||
$info-box-color: $gray-7;
|
||||
|
||||
// footer
|
||||
$footer-link-color: $gray-3;
|
||||
$footer-link-hover: $dark-5;
|
||||
$footer-link-color: $gray-3;
|
||||
$footer-link-hover: $dark-5;
|
||||
|
||||
// collapse box
|
||||
$collapse-box-body-border: $gray-4;
|
||||
@ -347,36 +355,36 @@ $json-explorer-default-color: black;
|
||||
$json-explorer-string-color: green;
|
||||
$json-explorer-number-color: blue;
|
||||
$json-explorer-boolean-color: red;
|
||||
$json-explorer-null-color: #855A00;
|
||||
$json-explorer-null-color: #855a00;
|
||||
$json-explorer-undefined-color: rgb(202, 11, 105);
|
||||
$json-explorer-function-color: #FF20ED;
|
||||
$json-explorer-function-color: #ff20ed;
|
||||
$json-explorer-rotate-time: 100ms;
|
||||
$json-explorer-toggler-opacity: 0.6;
|
||||
$json-explorer-toggler-color: #45376F;
|
||||
$json-explorer-toggler-color: #45376f;
|
||||
$json-explorer-bracket-color: blue;
|
||||
$json-explorer-key-color: #00008B;
|
||||
$json-explorer-key-color: #00008b;
|
||||
$json-explorer-url-color: blue;
|
||||
|
||||
// Changelog and diff
|
||||
// -------------------------
|
||||
$diff-label-bg: $gray-5;
|
||||
$diff-label-fg: $gray-2;
|
||||
$diff-label-bg: $gray-5;
|
||||
$diff-label-fg: $gray-2;
|
||||
|
||||
$diff-switch-bg: $gray-7;
|
||||
$diff-switch-disabled: $gray-5;
|
||||
$diff-switch-bg: $gray-7;
|
||||
$diff-switch-disabled: $gray-5;
|
||||
|
||||
$diff-arrow-color: $dark-3;
|
||||
$diff-group-bg: $gray-7;
|
||||
$diff-arrow-color: $dark-3;
|
||||
$diff-group-bg: $gray-7;
|
||||
|
||||
$diff-json-bg: $gray-5;
|
||||
$diff-json-fg: $gray-2;
|
||||
$diff-json-bg: $gray-5;
|
||||
$diff-json-fg: $gray-2;
|
||||
|
||||
$diff-json-added: lighten(desaturate($green, 30%), 10%);
|
||||
$diff-json-deleted: desaturate($red, 35%);
|
||||
$diff-json-added: lighten(desaturate($green, 30%), 10%);
|
||||
$diff-json-deleted: desaturate($red, 35%);
|
||||
|
||||
$diff-json-old: #5a372a;
|
||||
$diff-json-new: #664e33;
|
||||
$diff-json-old: #5a372a;
|
||||
$diff-json-new: #664e33;
|
||||
|
||||
$diff-json-changed-fg: $gray-6;
|
||||
$diff-json-changed-fg: $gray-6;
|
||||
$diff-json-changed-num: $gray-4;
|
||||
$diff-json-icon: $gray-4;
|
||||
$diff-json-icon: $gray-4;
|
||||
|
||||
@ -1,78 +1,51 @@
|
||||
|
||||
|
||||
// Options
|
||||
//
|
||||
// Quickly modify global styling by enabling or disabling optional features.
|
||||
|
||||
$enable-flex: true !default;
|
||||
$enable-rounded: true !default;
|
||||
$enable-shadows: false !default;
|
||||
$enable-gradients: false !default;
|
||||
$enable-transitions: false !default;
|
||||
$enable-hover-media-query: false !default;
|
||||
$enable-grid-classes: true !default;
|
||||
$enable-print-styles: true !default;
|
||||
|
||||
$enable-flex: true !default;
|
||||
$enable-rounded: true !default;
|
||||
$enable-shadows: false !default;
|
||||
$enable-gradients: false !default;
|
||||
$enable-transitions: false !default;
|
||||
$enable-hover-media-query: false !default;
|
||||
$enable-grid-classes: true !default;
|
||||
$enable-print-styles: true !default;
|
||||
|
||||
// Spacing
|
||||
//
|
||||
// Control the default styling of most Bootstrap elements by modifying these
|
||||
// variables. Mostly focused on spacing.
|
||||
|
||||
$spacer: 1rem !default;
|
||||
$spacer: 1rem !default;
|
||||
$spacer-x: $spacer !default;
|
||||
$spacer-y: $spacer !default;
|
||||
$spacers: (
|
||||
0: (
|
||||
x: 0,
|
||||
y: 0
|
||||
),
|
||||
1: (
|
||||
x: $spacer-x,
|
||||
y: $spacer-y
|
||||
),
|
||||
2: (
|
||||
x: ($spacer-x * 1.5),
|
||||
y: ($spacer-y * 1.5)
|
||||
),
|
||||
3: (
|
||||
x: ($spacer-x * 3),
|
||||
y: ($spacer-y * 3)
|
||||
0: (x: 0, y: 0),
|
||||
1: (x: $spacer-x, y: $spacer-y),
|
||||
2: (x: ($spacer-x * 1.5), y: ($spacer-y * 1.5)),
|
||||
3: (x: ($spacer-x * 3), y: ($spacer-y * 3))
|
||||
)
|
||||
) !default;
|
||||
!default;
|
||||
$border-width: 1px !default;
|
||||
|
||||
|
||||
// Grid breakpoints
|
||||
//
|
||||
// Define the minimum and maximum dimensions at which your layout will change,
|
||||
// adapting to different screen sizes, for use in media queries.
|
||||
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
sm: 544px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px
|
||||
) !default;
|
||||
|
||||
$grid-breakpoints: (xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px) !default;
|
||||
|
||||
// Grid containers
|
||||
//
|
||||
// Define the maximum width of `.container` for different screen sizes.
|
||||
|
||||
$container-max-widths: (
|
||||
sm: 576px,
|
||||
md: 720px,
|
||||
lg: 940px,
|
||||
xl: 1080px
|
||||
) !default;
|
||||
$container-max-widths: (sm: 576px, md: 720px, lg: 940px, xl: 1080px) !default;
|
||||
|
||||
// Grid columns
|
||||
//
|
||||
// Set the number of columns and specify the width of the gutters.
|
||||
|
||||
$grid-columns: 12 !default;
|
||||
$grid-columns: 12 !default;
|
||||
$grid-gutter-width: 30px !default;
|
||||
|
||||
$enable-flex: true;
|
||||
@ -80,27 +53,27 @@ $enable-flex: true;
|
||||
// Typography
|
||||
// -------------------------
|
||||
|
||||
$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
$font-family-base: $font-family-sans-serif !default;
|
||||
$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
$font-family-base: $font-family-sans-serif !default;
|
||||
|
||||
$font-size-root: 14px !default;
|
||||
$font-size-base: 13px !default;
|
||||
|
||||
$font-size-lg: 18px !default;
|
||||
$font-size-md: 14px !default;
|
||||
$font-size-sm: 12px !default;
|
||||
$font-size-xs: 10px !default;
|
||||
$font-size-lg: 18px !default;
|
||||
$font-size-md: 14px !default;
|
||||
$font-size-sm: 12px !default;
|
||||
$font-size-xs: 10px !default;
|
||||
|
||||
$line-height-base: 1.5 !default;
|
||||
$font-weight-semi-bold: 500;
|
||||
|
||||
$font-size-h1: 2.0rem !default;
|
||||
$font-size-h1: 2rem !default;
|
||||
$font-size-h2: 1.75rem !default;
|
||||
$font-size-h3: 1.50rem !default;
|
||||
$font-size-h4: 1.30rem !default;
|
||||
$font-size-h5: 1.20rem !default;
|
||||
$font-size-h3: 1.5rem !default;
|
||||
$font-size-h4: 1.3rem !default;
|
||||
$font-size-h5: 1.2rem !default;
|
||||
$font-size-h6: 1rem !default;
|
||||
|
||||
$display1-size: 6rem !default;
|
||||
@ -113,16 +86,16 @@ $display2-weight: 400 !default;
|
||||
$display3-weight: 400 !default;
|
||||
$display4-weight: 400 !default;
|
||||
|
||||
$lead-font-size: 1.25rem !default;
|
||||
$lead-font-size: 1.25rem !default;
|
||||
$lead-font-weight: 300 !default;
|
||||
|
||||
$headings-margin-bottom: ($spacer / 2) !default;
|
||||
$headings-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$headings-font-weight: 400 !default;
|
||||
$headings-line-height: 1.1 !default;
|
||||
$headings-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$headings-font-weight: 400 !default;
|
||||
$headings-line-height: 1.1 !default;
|
||||
|
||||
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
||||
$blockquote-border-width: .25rem !default;
|
||||
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
||||
$blockquote-border-width: 0.25rem !default;
|
||||
|
||||
$hr-border-width: $border-width !default;
|
||||
$dt-font-weight: bold !default;
|
||||
@ -132,15 +105,15 @@ $list-inline-padding: 5px !default;
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$line-height-lg: (4 / 3) !default;
|
||||
$line-height-sm: 1.5 !default;
|
||||
$line-height-lg: (4 / 3) !default;
|
||||
$line-height-sm: 1.5 !default;
|
||||
|
||||
$border-radius: 3px !default;
|
||||
$border-radius-lg: 5px !default;
|
||||
$border-radius-sm: 2px!default;
|
||||
$border-radius: 3px !default;
|
||||
$border-radius-lg: 5px !default;
|
||||
$border-radius-sm: 2px!default;
|
||||
|
||||
$caret-width: .3em !default;
|
||||
$caret-width-lg: $caret-width !default;
|
||||
$caret-width: 0.3em !default;
|
||||
$caret-width-lg: $caret-width !default;
|
||||
|
||||
// Page
|
||||
|
||||
@ -149,85 +122,95 @@ $page-sidebar-margin: 4rem;
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$link-decoration: none !default;
|
||||
$link-hover-decoration: none !default;
|
||||
$link-decoration: none !default;
|
||||
$link-hover-decoration: none !default;
|
||||
|
||||
// Tables
|
||||
//
|
||||
// Customizes the `.table` component with basic values, each used across all table variations.
|
||||
|
||||
$table-cell-padding: 4px 10px !default;
|
||||
$table-sm-cell-padding: .3rem !default;
|
||||
$table-cell-padding: 4px 10px !default;
|
||||
$table-sm-cell-padding: 0.3rem !default;
|
||||
|
||||
// Forms
|
||||
$input-padding-x: 10px !default;
|
||||
$input-padding-y: 8px !default;
|
||||
$input-line-height: 18px !default;
|
||||
$input-padding-x: 10px !default;
|
||||
$input-padding-y: 8px !default;
|
||||
$input-line-height: 18px !default;
|
||||
|
||||
$input-btn-border-width: 1px;
|
||||
$input-border-radius: 0 $border-radius $border-radius 0 !default;
|
||||
$input-border-radius-lg: 0 $border-radius-lg $border-radius-lg 0 !default;
|
||||
$input-border-radius-sm: 0 $border-radius-sm $border-radius-sm 0 !default;
|
||||
$input-btn-border-width: 1px;
|
||||
$input-border-radius: 0 $border-radius $border-radius 0 !default;
|
||||
$input-border-radius-lg: 0 $border-radius-lg $border-radius-lg 0 !default;
|
||||
$input-border-radius-sm: 0 $border-radius-sm $border-radius-sm 0 !default;
|
||||
|
||||
$label-border-radius: $border-radius 0 0 $border-radius !default;
|
||||
$label-border-radius-lg: $border-radius-lg 0 0 $border-radius-lg !default;
|
||||
$label-border-radius-sm: $border-radius-sm 0 0 $border-radius-sm !default;
|
||||
$label-border-radius: $border-radius 0 0 $border-radius !default;
|
||||
$label-border-radius-lg: $border-radius-lg 0 0 $border-radius-lg !default;
|
||||
$label-border-radius-sm: $border-radius-sm 0 0 $border-radius-sm !default;
|
||||
|
||||
$input-padding-x-sm: 7px !default;
|
||||
$input-padding-y-sm: 4px !default;
|
||||
$input-padding-x-sm: 7px !default;
|
||||
$input-padding-y-sm: 4px !default;
|
||||
|
||||
$input-padding-x-lg: 20px !default;
|
||||
$input-padding-y-lg: 10px !default;
|
||||
$input-padding-x-lg: 20px !default;
|
||||
$input-padding-y-lg: 10px !default;
|
||||
|
||||
$input-height: (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
|
||||
$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
|
||||
$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
|
||||
$input-height: (($font-size-base * $line-height-base) + ($input-padding-y * 2))
|
||||
!default;
|
||||
$input-height-lg: (
|
||||
($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)
|
||||
)
|
||||
!default;
|
||||
$input-height-sm: (
|
||||
($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)
|
||||
)
|
||||
!default;
|
||||
|
||||
$form-group-margin-bottom: $spacer-y !default;
|
||||
$form-group-margin-bottom: $spacer-y !default;
|
||||
$gf-form-margin: 0.2rem;
|
||||
|
||||
$cursor-disabled: not-allowed !default;
|
||||
$cursor-disabled: not-allowed !default;
|
||||
|
||||
// Form validation icons
|
||||
$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
|
||||
$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
|
||||
$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
|
||||
$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
|
||||
!default;
|
||||
$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
|
||||
!default;
|
||||
$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
|
||||
!default;
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
$zindex-dropdown: 1000;
|
||||
$zindex-navbar-fixed: 1020;
|
||||
$zindex-sidemenu: 1025;
|
||||
$zindex-tooltip: 1030;
|
||||
$zindex-modal-backdrop: 1040;
|
||||
$zindex-modal: 1050;
|
||||
$zindex-typeahead: 1060;
|
||||
$zindex-dropdown: 1000;
|
||||
$zindex-navbar-fixed: 1020;
|
||||
$zindex-sidemenu: 1025;
|
||||
$zindex-tooltip: 1030;
|
||||
$zindex-modal-backdrop: 1040;
|
||||
$zindex-modal: 1050;
|
||||
$zindex-typeahead: 1060;
|
||||
|
||||
// Buttons
|
||||
//
|
||||
|
||||
$btn-padding-x: 1rem !default;
|
||||
$btn-padding-y: .7rem !default;
|
||||
$btn-line-height: 1 !default;
|
||||
$btn-font-weight: 500 !default;
|
||||
$btn-padding-x: 1rem !default;
|
||||
$btn-padding-y: 0.7rem !default;
|
||||
$btn-line-height: 1 !default;
|
||||
$btn-font-weight: 500 !default;
|
||||
|
||||
$btn-padding-x-sm: .5rem !default;
|
||||
$btn-padding-y-sm: .25rem !default;
|
||||
$btn-padding-x-sm: 0.5rem !default;
|
||||
$btn-padding-y-sm: 0.25rem !default;
|
||||
|
||||
$btn-padding-x-lg: 21px !default;
|
||||
$btn-padding-y-lg: 11px !default;
|
||||
$btn-padding-x-lg: 21px !default;
|
||||
$btn-padding-y-lg: 11px !default;
|
||||
|
||||
$btn-padding-x-xl: 21px !default;
|
||||
$btn-padding-y-xl: 11px !default;
|
||||
$btn-padding-x-xl: 21px !default;
|
||||
$btn-padding-y-xl: 11px !default;
|
||||
|
||||
$btn-border-radius: 2px;
|
||||
$btn-border-radius: 2px;
|
||||
|
||||
$btn-semi-transparent: rgba(0,0,0,0.2) !default;
|
||||
$btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
|
||||
|
||||
// sidemenu
|
||||
$side-menu-width: 60px;
|
||||
$side-menu-width: 60px;
|
||||
|
||||
// dashboard
|
||||
$panel-margin: 10px;
|
||||
@ -238,24 +221,9 @@ $panel-padding: 0px 10px 5px 10px;
|
||||
$tabs-padding: 10px 15px 9px;
|
||||
|
||||
$external-services: (
|
||||
github: (
|
||||
bgColor: #464646,
|
||||
borderColor: #393939,
|
||||
icon: ''
|
||||
),
|
||||
google: (
|
||||
bgColor: #e84d3c,
|
||||
borderColor: #b83e31,
|
||||
icon: ''
|
||||
),
|
||||
grafanacom: (
|
||||
bgColor: inherit,
|
||||
borderColor: #393939,
|
||||
icon: ''
|
||||
),
|
||||
oauth: (
|
||||
bgColor: inherit,
|
||||
borderColor: #393939,
|
||||
icon: ''
|
||||
github: (bgColor: #464646, borderColor: #393939, icon: ""),
|
||||
google: (bgColor: #e84d3c, borderColor: #b83e31, icon: ""),
|
||||
grafanacom: (bgColor: inherit, borderColor: #393939, icon: ""),
|
||||
oauth: (bgColor: inherit, borderColor: #393939, icon: "")
|
||||
)
|
||||
) !default;
|
||||
!default;
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Code (inline and blocK)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Inline and block code styles
|
||||
code,
|
||||
pre {
|
||||
|
||||
@ -3,225 +3,288 @@
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+1f00-1fff;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0370-03ff;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
|
||||
U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
||||
src: local("Roboto"), local("Roboto-Regular"),
|
||||
url(../fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
|
||||
unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
|
||||
U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+1f00-1fff;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0370-03ff;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
|
||||
U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||||
url(../fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
|
||||
U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+1f00-1fff;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0370-03ff;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
|
||||
U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"),
|
||||
url(../fonts/roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
|
||||
U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+1f00-1fff;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0370-03ff;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
|
||||
U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: "Roboto";
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
||||
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
|
||||
url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2)
|
||||
format("woff2");
|
||||
unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
|
||||
U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
|
||||
}
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Forms
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// GENERAL STYLES
|
||||
// --------------
|
||||
|
||||
@ -20,7 +19,7 @@ legend {
|
||||
|
||||
// Small
|
||||
small {
|
||||
font-size: $line-height-base * .75;
|
||||
font-size: $line-height-base * 0.75;
|
||||
color: $gray-2;
|
||||
}
|
||||
}
|
||||
@ -100,11 +99,11 @@ input[type="checkbox"]:focus {
|
||||
// not a big fan of number fields
|
||||
input[type="number"]::-webkit-outer-spin-button,
|
||||
input[type="number"]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
// Placeholder
|
||||
// -------------------------
|
||||
@ -119,12 +118,24 @@ textarea {
|
||||
// -----------
|
||||
|
||||
// General classes for quick sizes
|
||||
.input-mini { width: 60px; }
|
||||
.input-small { width: 90px; }
|
||||
.input-medium { width: 150px; }
|
||||
.input-large { width: 210px; }
|
||||
.input-xlarge { width: 270px; }
|
||||
.input-xxlarge { width: 530px; }
|
||||
.input-mini {
|
||||
width: 60px;
|
||||
}
|
||||
.input-small {
|
||||
width: 90px;
|
||||
}
|
||||
.input-medium {
|
||||
width: 150px;
|
||||
}
|
||||
.input-large {
|
||||
width: 210px;
|
||||
}
|
||||
.input-xlarge {
|
||||
width: 270px;
|
||||
}
|
||||
.input-xxlarge {
|
||||
width: 530px;
|
||||
}
|
||||
|
||||
// GRID SIZING FOR INPUTS
|
||||
// ----------------------
|
||||
@ -152,7 +163,7 @@ input[type="checkbox"][readonly] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input[type=text].input-fluid {
|
||||
input[type="text"].input-fluid {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
@ -180,10 +191,10 @@ label.cr1 {
|
||||
padding: 0 0 0 20px;
|
||||
vertical-align: top;
|
||||
background: url($checkboxImageUrl) left top no-repeat;
|
||||
cursor:pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="checkbox"].cr1:checked+label {
|
||||
input[type="checkbox"].cr1:checked + label {
|
||||
background: url($checkboxImageUrl) 0px -18px no-repeat;
|
||||
}
|
||||
|
||||
@ -192,7 +203,7 @@ input[type="checkbox"].cr1:checked+label {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding-right: 10px;
|
||||
input[type=text] {
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
padding: 5px 6px;
|
||||
height: 100%;
|
||||
|
||||
@ -1,29 +1,30 @@
|
||||
@font-face {
|
||||
font-family: 'grafana-icons';
|
||||
src: url('../fonts/grafana-icons.eot?okx5td');
|
||||
src: url('../fonts/grafana-icons.eot?okx5td#iefix') format('embedded-opentype'),
|
||||
url('../fonts/grafana-icons.ttf?okx5td') format('truetype'),
|
||||
url('../fonts/grafana-icons.woff?okx5td') format('woff'),
|
||||
url('../fonts/grafana-icons.svg?okx5td#grafana-icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "grafana-icons";
|
||||
src: url("../fonts/grafana-icons.eot?okx5td");
|
||||
src: url("../fonts/grafana-icons.eot?okx5td#iefix")
|
||||
format("embedded-opentype"),
|
||||
url("../fonts/grafana-icons.ttf?okx5td") format("truetype"),
|
||||
url("../fonts/grafana-icons.woff?okx5td") format("woff"),
|
||||
url("../fonts/grafana-icons.svg?okx5td#grafana-icons") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.icon-gf {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'grafana-icons' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: "grafana-icons" !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-gf-fw {
|
||||
@ -36,166 +37,165 @@
|
||||
}
|
||||
|
||||
.icon-gf-raintank_wordmark:before {
|
||||
content: "\e600";
|
||||
content: "\e600";
|
||||
}
|
||||
.micon-gf-raintank_icn:before {
|
||||
content: "\e601";
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-gf-raintank_r-icn:before {
|
||||
content: "\e905";
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-gf-check-alt:before {
|
||||
content: "\e603";
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-gf-check:before {
|
||||
content: "\e604";
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-gf-collector:before {
|
||||
content: "\e605";
|
||||
content: "\e605";
|
||||
}
|
||||
.icon-gf-dashboard:before {
|
||||
content: "\e606";
|
||||
content: "\e606";
|
||||
}
|
||||
.icon-gf-panel:before {
|
||||
content: "\e904";
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-gf-datasources:before {
|
||||
content: "\e607";
|
||||
content: "\e607";
|
||||
}
|
||||
.icon-gf-endpoint-tiny:before {
|
||||
content: "\e608";
|
||||
content: "\e608";
|
||||
}
|
||||
.icon-gf-endpoint:before {
|
||||
content: "\e609";
|
||||
content: "\e609";
|
||||
}
|
||||
.icon-gf-page:before {
|
||||
content: "\e908";
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-gf-filter:before {
|
||||
content: "\e60a";
|
||||
content: "\e60a";
|
||||
}
|
||||
.icon-gf-status:before {
|
||||
content: "\e60b";
|
||||
content: "\e60b";
|
||||
}
|
||||
.icon-gf-monitoring:before {
|
||||
content: "\e60c";
|
||||
content: "\e60c";
|
||||
}
|
||||
.icon-gf-monitoring-tiny:before {
|
||||
content: "\e620";
|
||||
content: "\e620";
|
||||
}
|
||||
.icon-gf-jump-to-dashboard:before {
|
||||
content: "\e60d";
|
||||
content: "\e60d";
|
||||
}
|
||||
.icon-gf-warn,
|
||||
.icon-gf-warning:before {
|
||||
content: "\e60e";
|
||||
content: "\e60e";
|
||||
}
|
||||
.icon-gf-nodata:before {
|
||||
content: "\e60f";
|
||||
content: "\e60f";
|
||||
}
|
||||
.icon-gf-critical:before {
|
||||
content: "\e610";
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-gf-crit:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-gf-online:before {
|
||||
content: "\e611";
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-gf-event-error:before {
|
||||
content: "\e623";
|
||||
content: "\e623";
|
||||
}
|
||||
.icon-gf-event:before {
|
||||
content: "\e624";
|
||||
content: "\e624";
|
||||
}
|
||||
.icon-gf-sadface:before {
|
||||
content: "\e907";
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-gf-private-collector:before {
|
||||
content: "\e612";
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-gf-alert:before {
|
||||
content: "\e61f";
|
||||
content: "\e61f";
|
||||
}
|
||||
.icon-gf-alert-disabled:before {
|
||||
content: "\e621";
|
||||
content: "\e621";
|
||||
}
|
||||
.icon-gf-refresh:before {
|
||||
content: "\e613";
|
||||
content: "\e613";
|
||||
}
|
||||
.icon-gf-save:before {
|
||||
content: "\e614";
|
||||
content: "\e614";
|
||||
}
|
||||
.icon-gf-share:before {
|
||||
content: "\e616";
|
||||
content: "\e616";
|
||||
}
|
||||
.icon-gf-star:before {
|
||||
content: "\e617";
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-gf-search:before {
|
||||
content: "\e618";
|
||||
content: "\e618";
|
||||
}
|
||||
.icon-gf-settings:before {
|
||||
content: "\e615";
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-gf-add:before {
|
||||
content: "\e619";
|
||||
content: "\e619";
|
||||
}
|
||||
.icon-gf-remove:before {
|
||||
content: "\e61a";
|
||||
content: "\e61a";
|
||||
}
|
||||
.icon-gf-video:before {
|
||||
content: "\e61b";
|
||||
content: "\e61b";
|
||||
}
|
||||
.icon-gf-bulk_action:before {
|
||||
content: "\e61c";
|
||||
content: "\e61c";
|
||||
}
|
||||
.icon-gf-grabber:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-gf-users:before {
|
||||
content: "\e622";
|
||||
content: "\e622";
|
||||
}
|
||||
.icon-gf-globe:before {
|
||||
content: "\e61d";
|
||||
content: "\e61d";
|
||||
}
|
||||
.icon-gf-snapshot:before {
|
||||
content: "\e61e";
|
||||
content: "\e61e";
|
||||
}
|
||||
.icon-gf-play-grafana-icon:before {
|
||||
content: "\e629";
|
||||
content: "\e629";
|
||||
}
|
||||
.icon-gf-grafana-icon:before {
|
||||
content: "\e625";
|
||||
content: "\e625";
|
||||
}
|
||||
.icon-gf-email:before {
|
||||
content: "\e628";
|
||||
content: "\e628";
|
||||
}
|
||||
.icon-gf-stopwatch:before {
|
||||
content: "\e626";
|
||||
content: "\e626";
|
||||
}
|
||||
.icon-gf-skull:before {
|
||||
content: "\e900";
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-gf-probe:before {
|
||||
content: "\e901";
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-gf-apps:before {
|
||||
content: "\e902";
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-gf-scale:before {
|
||||
content: "\e906";
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-gf-pending:before {
|
||||
content: "\e909";
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-gf-verified:before {
|
||||
content: "\e90a";
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-gf-worldping:before {
|
||||
content: "\e627";
|
||||
content: "\e627";
|
||||
}
|
||||
.icon-gf-grafana_wordmark:before {
|
||||
content: "\e903";
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
// Container widths
|
||||
//
|
||||
// Set the container width, and override it for fixed navbars in media queries.
|
||||
|
||||
@ -17,173 +17,172 @@
|
||||
}
|
||||
|
||||
.gicon-add-annotation {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_annotation.svg");
|
||||
}
|
||||
|
||||
.gicon-add-annotation-alt {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation_alt.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_annotation_alt.svg");
|
||||
}
|
||||
|
||||
.gicon-add-datasources {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_data_sources.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_data_sources.svg");
|
||||
}
|
||||
|
||||
.gicon-add-user {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_user.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_user.svg");
|
||||
}
|
||||
|
||||
.gicon-add-team {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_team.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_team.svg");
|
||||
}
|
||||
|
||||
.gicon-add-panel {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_panel.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_panel.svg");
|
||||
}
|
||||
|
||||
.gicon-add-link {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_link.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_link.svg");
|
||||
}
|
||||
|
||||
.gicon-add-variable {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_variable.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_variable.svg");
|
||||
}
|
||||
|
||||
.gicon-alert {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_alert.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_alert.svg");
|
||||
}
|
||||
|
||||
.gicon-alert-alt {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_alt.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_alert_alt.svg");
|
||||
}
|
||||
|
||||
.gicon-alert-rules {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_rules.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_alert_rules.svg");
|
||||
}
|
||||
|
||||
.gicon-alert-notification-channel {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_notification_channels.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_notification_channels.svg");
|
||||
}
|
||||
|
||||
.gicon-annotation {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_annotation.svg");
|
||||
}
|
||||
|
||||
.gicon-annotation-alt {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation_alt.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_annotation_alt.svg");
|
||||
}
|
||||
|
||||
.gicon-apikeys {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_apikeys.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_apikeys.svg");
|
||||
}
|
||||
|
||||
.gicon-branding {
|
||||
background-image: url('../img/grafana_icon.svg');
|
||||
background-image: url("../img/grafana_icon.svg");
|
||||
}
|
||||
|
||||
.gicon-cog {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_cog.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_cog.svg");
|
||||
}
|
||||
|
||||
.gicon-dashboard {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard.svg");
|
||||
}
|
||||
|
||||
.gicon-dashboard-starred {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_fav.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard_fav.svg");
|
||||
}
|
||||
|
||||
.gicon-dashboard-list {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_list.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard_list.svg");
|
||||
}
|
||||
|
||||
.gicon-dashboard-new {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg");
|
||||
}
|
||||
|
||||
.gicon-dashboard-import {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_import_dashboard.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_import_dashboard.svg");
|
||||
}
|
||||
|
||||
.gicon-datasources {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_data_sources.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_data_sources.svg");
|
||||
}
|
||||
|
||||
.gicon-folder-new {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_add_folder.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_add_folder.svg");
|
||||
}
|
||||
|
||||
.gicon-home {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_home.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_home.svg");
|
||||
}
|
||||
|
||||
.gicon-json {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_json.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_json.svg");
|
||||
}
|
||||
|
||||
.gicon-link {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_link.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_link.svg");
|
||||
}
|
||||
|
||||
.gicon-manage {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_sitemap.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_sitemap.svg");
|
||||
}
|
||||
|
||||
.gicon-org {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_org.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_org.svg");
|
||||
}
|
||||
|
||||
.gicon-playlists {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_playlist.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_playlist.svg");
|
||||
}
|
||||
|
||||
.gicon-plugins {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_plugins.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_plugins.svg");
|
||||
}
|
||||
|
||||
.gicon-preferences {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_preferences.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_preferences.svg");
|
||||
}
|
||||
|
||||
.gicon-question {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_question.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_question.svg");
|
||||
}
|
||||
|
||||
.gicon-shield {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_shield.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_shield.svg");
|
||||
}
|
||||
|
||||
.gicon-snapshots {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_snapshots.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_snapshots.svg");
|
||||
}
|
||||
|
||||
.gicon-team {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_team.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_team.svg");
|
||||
}
|
||||
|
||||
.gicon-user {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_user.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_user.svg");
|
||||
}
|
||||
|
||||
.gicon-variable {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_variable.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_variable.svg");
|
||||
}
|
||||
|
||||
.gicon-zoom-out {
|
||||
background-image: url('../img/icons_#{$theme-name}_theme/icon_zoom_out.svg');
|
||||
background-image: url("../img/icons_#{$theme-name}_theme/icon_zoom_out.svg");
|
||||
}
|
||||
|
||||
|
||||
.sidemenu {
|
||||
.gicon-dashboard {
|
||||
background-image: url('../img/icons_dark_theme/icon_dashboard.svg');
|
||||
background-image: url("../img/icons_dark_theme/icon_dashboard.svg");
|
||||
}
|
||||
.gicon-alert {
|
||||
background-image: url('../img/icons_dark_theme/icon_alert.svg');
|
||||
background-image: url("../img/icons_dark_theme/icon_alert.svg");
|
||||
}
|
||||
.gicon-cog {
|
||||
background-image: url('../img/icons_dark_theme/icon_cog.svg');
|
||||
background-image: url("../img/icons_dark_theme/icon_cog.svg");
|
||||
}
|
||||
.gicon-question {
|
||||
background-image: url('../img/icons_dark_theme/icon_question.svg');
|
||||
background-image: url("../img/icons_dark_theme/icon_question.svg");
|
||||
}
|
||||
}
|
||||
|
||||
@ -291,8 +291,8 @@ select {
|
||||
//
|
||||
|
||||
button,
|
||||
html input[type="button"], // 1
|
||||
input[type="reset"],
|
||||
html input[type="button"],
|
||||
// 1 input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; // 2
|
||||
cursor: pointer; // 3
|
||||
|
||||
@ -5,7 +5,6 @@
|
||||
// Global resets to common HTML elements and more for easier usage by Bootstrap.
|
||||
// Adds additional rules on top of Normalize.css, including several overrides.
|
||||
|
||||
|
||||
// Reset the box-sizing
|
||||
//
|
||||
// Change from `box-sizing: content-box` to `border-box` so that when you add
|
||||
@ -29,7 +28,6 @@ html {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
|
||||
// Make viewport responsive
|
||||
//
|
||||
// @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
|
||||
@ -46,10 +44,11 @@ html {
|
||||
// Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,
|
||||
// `.class-name { @import "bootstrap"; }`).
|
||||
@at-root {
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Reset HTML, body, and more
|
||||
//
|
||||
@ -65,7 +64,7 @@ html {
|
||||
// See https://github.com/twbs/bootstrap/issues/18543
|
||||
-ms-overflow-style: scrollbar;
|
||||
// Changes the default tap highlight to be completely transparent in iOS.
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@ -92,7 +91,6 @@ body {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Typography
|
||||
//
|
||||
@ -101,9 +99,14 @@ body {
|
||||
//
|
||||
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
|
||||
// margin for easier control within type scales as it avoids margin collapsing.
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
// Reset margins on paragraphs
|
||||
@ -116,9 +119,7 @@ p {
|
||||
}
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr[title],
|
||||
// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
|
||||
abbr[data-original-title] {
|
||||
abbr[title] {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted $abbr-border-color;
|
||||
}
|
||||
@ -148,7 +149,7 @@ dt {
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-left: 0; // Undo browser default
|
||||
}
|
||||
|
||||
@ -156,7 +157,6 @@ blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Links
|
||||
//
|
||||
@ -175,7 +175,6 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Code
|
||||
//
|
||||
@ -187,7 +186,6 @@ pre {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Figures
|
||||
//
|
||||
@ -198,7 +196,6 @@ figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Images
|
||||
//
|
||||
@ -211,7 +208,6 @@ img {
|
||||
// For the rationale behind this, see the comments on the `.img-fluid` class.
|
||||
}
|
||||
|
||||
|
||||
// iOS "clickable elements" fix for role="button"
|
||||
//
|
||||
// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
|
||||
@ -222,7 +218,6 @@ img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
|
||||
//
|
||||
// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
|
||||
@ -245,7 +240,6 @@ textarea {
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
@ -268,7 +262,6 @@ th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Forms
|
||||
//
|
||||
@ -321,10 +314,10 @@ legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
// border: 0;
|
||||
// border: 0;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
@ -338,9 +331,9 @@ input[type="search"] {
|
||||
// todo: needed?
|
||||
output {
|
||||
display: inline-block;
|
||||
// font-size: $font-size-base;
|
||||
// line-height: $line-height;
|
||||
// color: $input-color;
|
||||
// font-size: $font-size-base;
|
||||
// line-height: $line-height;
|
||||
// color: $input-color;
|
||||
}
|
||||
|
||||
// Always hide an element with the `hidden` HTML attribute (from PureCSS).
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Typography
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body text
|
||||
// -------------------------
|
||||
|
||||
@ -21,37 +20,70 @@ p {
|
||||
// -------------------------
|
||||
|
||||
// Ex: 14px base font * 85% = about 12px
|
||||
small { font-size: 85%; }
|
||||
strong { font-weight: bold; }
|
||||
em { font-style: italic; color: $headings-color; }
|
||||
cite { font-style: normal; }
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
color: $headings-color;
|
||||
}
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Utility classes
|
||||
.muted { color: $text-muted; }
|
||||
.muted {
|
||||
color: $text-muted;
|
||||
}
|
||||
a.muted:hover,
|
||||
a.muted:focus { color: darken($text-muted, 10%); }
|
||||
a.muted:focus {
|
||||
color: darken($text-muted, 10%);
|
||||
}
|
||||
|
||||
.text-warning { color: $warning-text-color; }
|
||||
.text-warning {
|
||||
color: $warning-text-color;
|
||||
}
|
||||
a.text-warning:hover,
|
||||
a.text-warning:focus { color: darken($warning-text-color, 10%); }
|
||||
a.text-warning:focus {
|
||||
color: darken($warning-text-color, 10%);
|
||||
}
|
||||
|
||||
.text-error { color: $error-text-color; }
|
||||
.text-error {
|
||||
color: $error-text-color;
|
||||
}
|
||||
a.text-error:hover,
|
||||
a.text-error:focus { color: darken($error-text-color, 10%); }
|
||||
a.text-error:focus {
|
||||
color: darken($error-text-color, 10%);
|
||||
}
|
||||
|
||||
.text-info { color: $info-text-color; }
|
||||
.text-info {
|
||||
color: $info-text-color;
|
||||
}
|
||||
a.text-info:hover,
|
||||
a.text-info:focus { color: darken($info-text-color, 10%); }
|
||||
a.text-info:focus {
|
||||
color: darken($info-text-color, 10%);
|
||||
}
|
||||
|
||||
.text-success { color: $success-text-color; }
|
||||
.text-success {
|
||||
color: $success-text-color;
|
||||
}
|
||||
a.text-success:hover,
|
||||
a.text-success:focus { color: darken($success-text-color, 10%); }
|
||||
a { cursor: pointer; }
|
||||
a.text-success:focus {
|
||||
color: darken($success-text-color, 10%);
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.text-link { text-decoration: underline; }
|
||||
.text-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline:0 none !important;
|
||||
outline: 0 none !important;
|
||||
}
|
||||
|
||||
a[disabled] {
|
||||
@ -59,16 +91,32 @@ a[disabled] {
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.text-left { text-align: left; }
|
||||
.text-right { text-align: right; }
|
||||
.text-center { text-align: center; }
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
//
|
||||
// Headings
|
||||
//
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
margin-bottom: $headings-margin-bottom;
|
||||
font-family: $headings-font-family;
|
||||
font-weight: $headings-font-weight;
|
||||
@ -76,12 +124,30 @@ h1, h2, h3, h4, h5, h6,
|
||||
color: $headings-color;
|
||||
}
|
||||
|
||||
h1, .h1 { font-size: $font-size-h1; }
|
||||
h2, .h2 { font-size: $font-size-h2; }
|
||||
h3, .h3 { font-size: $font-size-h3; }
|
||||
h4, .h4 { font-size: $font-size-h4; }
|
||||
h5, .h5 { font-size: $font-size-h5; }
|
||||
h6, .h6 { font-size: $font-size-h6; }
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: $font-size-h1;
|
||||
}
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: $font-size-h2;
|
||||
}
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: $font-size-h3;
|
||||
}
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: $font-size-h5;
|
||||
}
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: $font-size-h6;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: $lead-font-size;
|
||||
@ -106,7 +172,6 @@ h6, .h6 { font-size: $font-size-h6; }
|
||||
font-weight: $display4-weight;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Horizontal rules
|
||||
//
|
||||
@ -118,7 +183,6 @@ hr {
|
||||
border-top: $hr-border-width solid $hr-border-color;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Emphasis
|
||||
//
|
||||
@ -135,16 +199,16 @@ small,
|
||||
|
||||
mark,
|
||||
.mark {
|
||||
padding: .2em;
|
||||
padding: 0.2em;
|
||||
background: $alert-warning-bg;
|
||||
}
|
||||
|
||||
|
||||
// Lists
|
||||
// --------------------------------------------------
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
padding: 0;
|
||||
}
|
||||
ul ul,
|
||||
@ -209,12 +273,11 @@ dd {
|
||||
// ----
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr[title],
|
||||
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
|
||||
abbr[data-original-title] {
|
||||
abbr[title] {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted $gray-2;
|
||||
}
|
||||
|
||||
abbr.initialism {
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
@ -236,7 +299,7 @@ blockquote {
|
||||
line-height: $line-height-base;
|
||||
color: $gray-2;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
content: "\2014 \00A0";
|
||||
}
|
||||
}
|
||||
|
||||
@ -253,10 +316,10 @@ blockquote {
|
||||
}
|
||||
small {
|
||||
&:before {
|
||||
content: '';
|
||||
content: "";
|
||||
}
|
||||
&:after {
|
||||
content: '\00A0 \2014';
|
||||
content: "\00A0 \2014";
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -279,11 +342,10 @@ address {
|
||||
}
|
||||
|
||||
a.external-link {
|
||||
color: $external-link-color;
|
||||
color: $external-link-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.link {
|
||||
color: $link-color;
|
||||
cursor: pointer;
|
||||
@ -302,14 +364,16 @@ a.external-link {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
padding-left: $spacer*1.5;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
table {
|
||||
td, th {
|
||||
padding: $spacer*.5 $spacer;
|
||||
td,
|
||||
th {
|
||||
padding: $spacer*0.5 $spacer;
|
||||
}
|
||||
th {
|
||||
font-weight: normal;
|
||||
@ -317,7 +381,9 @@ a.external-link {
|
||||
}
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border: 1px solid $table-border;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
@ -334,7 +400,8 @@ a.external-link {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul:last-child, ol:last-child {
|
||||
ul:last-child,
|
||||
ol:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@ -342,4 +409,3 @@ a.external-link {
|
||||
.no-wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
12
public/sass/base/font-awesome/_animated.scss
vendored
12
public/sass/base/font-awesome/_animated.scss
vendored
@ -3,32 +3,32 @@
|
||||
|
||||
.#{$fa-css-prefix}-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
}
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,24 +2,40 @@
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em $fa-border-color;
|
||||
border-radius: .1em;
|
||||
padding: 0.2em 0.25em 0.15em;
|
||||
border: solid 0.08em $fa-border-color;
|
||||
border-radius: 0.1em;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
||||
.#{$fa-css-prefix}-pull-left {
|
||||
float: left;
|
||||
}
|
||||
.#{$fa-css-prefix}-pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
||||
&.#{$fa-css-prefix}-pull-left {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
&.#{$fa-css-prefix}-pull-right {
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Deprecated as of 4.4.0 */
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
&.pull-left {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
&.pull-right {
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
4
public/sass/base/font-awesome/_core.scss
vendored
4
public/sass/base/font-awesome/_core.scss
vendored
@ -3,10 +3,10 @@
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base}
|
||||
FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
2700
public/sass/base/font-awesome/_icons.scss
vendored
2700
public/sass/base/font-awesome/_icons.scss
vendored
File diff suppressed because it is too large
Load Diff
16
public/sass/base/font-awesome/_larger.scss
vendored
16
public/sass/base/font-awesome/_larger.scss
vendored
@ -7,7 +7,15 @@
|
||||
line-height: (3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
||||
.#{$fa-css-prefix}-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.#{$fa-css-prefix}-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.#{$fa-css-prefix}-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.#{$fa-css-prefix}-5x {
|
||||
font-size: 5em;
|
||||
}
|
||||
|
||||
4
public/sass/base/font-awesome/_list.scss
vendored
4
public/sass/base/font-awesome/_list.scss
vendored
@ -5,7 +5,9 @@
|
||||
padding-left: 0;
|
||||
margin-left: $fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
> li {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.#{$fa-css-prefix}-li {
|
||||
position: absolute;
|
||||
|
||||
15
public/sass/base/font-awesome/_mixins.scss
vendored
15
public/sass/base/font-awesome/_mixins.scss
vendored
@ -3,29 +3,28 @@
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base}
|
||||
FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
||||
|
||||
// Only display content to screen readers. A la Bootstrap 4.
|
||||
//
|
||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
||||
@ -37,7 +36,7 @@
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
21
public/sass/base/font-awesome/_path.scss
vendored
21
public/sass/base/font-awesome/_path.scss
vendored
@ -2,14 +2,19 @@
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-family: "FontAwesome";
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}");
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}")
|
||||
format("embedded-opentype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}")
|
||||
format("woff2"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}")
|
||||
format("woff"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}")
|
||||
format("truetype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular")
|
||||
format("svg");
|
||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@ -1,12 +1,22 @@
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
.#{$fa-css-prefix}-rotate-90 {
|
||||
@include fa-icon-rotate(90deg, 1);
|
||||
}
|
||||
.#{$fa-css-prefix}-rotate-180 {
|
||||
@include fa-icon-rotate(180deg, 2);
|
||||
}
|
||||
.#{$fa-css-prefix}-rotate-270 {
|
||||
@include fa-icon-rotate(270deg, 3);
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
.#{$fa-css-prefix}-flip-horizontal {
|
||||
@include fa-icon-flip(-1, 1, 0);
|
||||
}
|
||||
.#{$fa-css-prefix}-flip-vertical {
|
||||
@include fa-icon-flip(1, -1, 2);
|
||||
}
|
||||
|
||||
// Hook for IE8-9
|
||||
// -------------------------
|
||||
|
||||
@ -1,5 +1,9 @@
|
||||
// Screen Readers
|
||||
// -------------------------
|
||||
|
||||
.sr-only { @include sr-only(); }
|
||||
.sr-only-focusable { @include sr-only-focusable(); }
|
||||
.sr-only {
|
||||
@include sr-only();
|
||||
}
|
||||
.sr-only-focusable {
|
||||
@include sr-only-focusable();
|
||||
}
|
||||
|
||||
15
public/sass/base/font-awesome/_stacked.scss
vendored
15
public/sass/base/font-awesome/_stacked.scss
vendored
@ -9,12 +9,19 @@
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||
.#{$fa-css-prefix}-stack-1x,
|
||||
.#{$fa-css-prefix}-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
||||
.#{$fa-css-prefix}-stack-1x {
|
||||
line-height: inherit;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.#{$fa-css-prefix}-inverse {
|
||||
color: $fa-inverse;
|
||||
}
|
||||
|
||||
15
public/sass/base/font-awesome/_variables.scss
vendored
15
public/sass/base/font-awesome/_variables.scss
vendored
@ -1,15 +1,15 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
$fa-font-path: "../fonts" !default;
|
||||
$fa-font-size-base: 14px !default;
|
||||
$fa-font-path: "../fonts" !default;
|
||||
$fa-font-size-base: 14px !default;
|
||||
$fa-line-height-base: 1 !default;
|
||||
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||
$fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: (30em / 14) !default;
|
||||
$fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: (30em / 14) !default;
|
||||
|
||||
$fa-var-500px: "\f26e";
|
||||
$fa-var-address-book: "\f2b9";
|
||||
@ -797,4 +797,3 @@ $fa-var-yoast: "\f2b1";
|
||||
$fa-var-youtube: "\f167";
|
||||
$fa-var-youtube-play: "\f16a";
|
||||
$fa-var-youtube-square: "\f166";
|
||||
|
||||
|
||||
@ -2,18 +2,17 @@
|
||||
// Alerts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// -------------------------
|
||||
|
||||
.alert {
|
||||
padding: 1.25rem 2rem 1.25rem 1.5rem;
|
||||
margin-bottom: $line-height-base;
|
||||
text-shadow: 0 2px 0 rgba(255,255,255,.5);
|
||||
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
|
||||
background: $alert-error-bg;
|
||||
position: relative;
|
||||
color: $white;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.2);
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -57,7 +56,7 @@
|
||||
.fa {
|
||||
align-self: flex-end;
|
||||
font-size: 1.5rem;
|
||||
color: rgba(255,255,255,.75)
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
&[disabled],
|
||||
&:disabled {
|
||||
cursor: $cursor-disabled;
|
||||
opacity: .65;
|
||||
opacity: 0.65;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
@ -136,10 +136,13 @@
|
||||
@include box-shadow(none);
|
||||
cursor: default;
|
||||
|
||||
&:hover, &:active, &:active:hover, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:active:hover,
|
||||
&:focus {
|
||||
color: $gray-1;
|
||||
background-color: transparent;
|
||||
border-color: $gray-1;
|
||||
border-color: $gray-1;
|
||||
}
|
||||
}
|
||||
|
||||
@ -178,8 +181,8 @@ $btn-service-icon-width: 35px;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
width: $btn-service-icon-width;
|
||||
text-align: center;
|
||||
|
||||
@ -196,4 +199,4 @@ $btn-service-icon-width: 35px;
|
||||
background-position: 50%;
|
||||
background-size: 60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -125,7 +125,6 @@
|
||||
}
|
||||
|
||||
.card-list-layout-grid {
|
||||
|
||||
.card-item-type {
|
||||
display: inline-block;
|
||||
}
|
||||
@ -156,7 +155,9 @@
|
||||
img {
|
||||
width: 6rem;
|
||||
}
|
||||
.fa, .icon-gf, .gicon {
|
||||
.fa,
|
||||
.icon-gf,
|
||||
.gicon {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
@ -187,7 +188,6 @@
|
||||
}
|
||||
|
||||
.card-list-layout-list {
|
||||
|
||||
.card-item-wrapper {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.gf-code-editor {
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
min-width: 20rem;
|
||||
flex-grow: 1;
|
||||
margin-right: 0.25rem;
|
||||
@ -7,7 +7,7 @@
|
||||
&.ace_editor {
|
||||
@include font-family-monospace();
|
||||
font-size: 1rem;
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
|
||||
@include border-radius($input-border-radius-sm);
|
||||
border: $input-btn-border-width solid $input-border-color;
|
||||
@ -26,7 +26,9 @@
|
||||
width: 550px !important;
|
||||
|
||||
.ace_scroller {
|
||||
.ace_selected, .ace_active-line, .ace_line-hover {
|
||||
.ace_selected,
|
||||
.ace_active-line,
|
||||
.ace_line-hover {
|
||||
color: $dropdownLinkColorHover;
|
||||
background-color: $dropdownLinkBackgroundHover !important;
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.sp-replacer {
|
||||
background: inherit;
|
||||
border: none;
|
||||
@ -6,7 +5,8 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sp-replacer:hover, .sp-replacer.sp-active {
|
||||
.sp-replacer:hover,
|
||||
.sp-replacer.sp-active {
|
||||
border-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
@ -18,7 +18,8 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sp-palette-container, .sp-picker-container {
|
||||
.sp-palette-container,
|
||||
.sp-picker-container {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
@import "~react-resizable/css/styles.css";
|
||||
|
||||
.panel-in-fullscreen {
|
||||
|
||||
.react-grid-layout {
|
||||
height: 100% !important;
|
||||
}
|
||||
@ -40,10 +39,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.theme-dark {
|
||||
.react-grid-item > .react-resizable-handle {
|
||||
background-image: url('../img/resize-handle-white.svg');
|
||||
background-image: url("../img/resize-handle-white.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,32 +1,32 @@
|
||||
.dashboard-list {
|
||||
.search-results-container {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
.search-results-container {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-results {
|
||||
margin-top: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.search-results-filter-row {
|
||||
height: 35px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 35px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.gf-form-button-row {
|
||||
padding-top: 0;
|
||||
.gf-form-button-row {
|
||||
padding-top: 0;
|
||||
|
||||
button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-results-filter-row__filters {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-results-filter-row__filters-item {
|
||||
width: 150px;
|
||||
margin-right: 0;
|
||||
}
|
||||
width: 150px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ $color: inherit;
|
||||
$color: $text-color;
|
||||
$useDropShadow: false;
|
||||
$attachmentOffset: 0%;
|
||||
$easing: cubic-bezier(0, 0, 0.265, 1.00);
|
||||
$easing: cubic-bezier(0, 0, 0.265, 1);
|
||||
|
||||
@include drop-theme("error", $popover-error-bg, $popover-color);
|
||||
@include drop-theme("popover", $popover-bg, $popover-color, $popover-border-color);
|
||||
@ -22,9 +22,10 @@ $easing: cubic-bezier(0, 0, 0.265, 1.00);
|
||||
&.drop-open {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drop-element, .drop-element * {
|
||||
.drop-element,
|
||||
.drop-element * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Dropdown menus
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
||||
.dropup,
|
||||
.dropdown {
|
||||
@ -31,9 +30,9 @@
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: top;
|
||||
border-top: 4px solid $text-color-weak;
|
||||
border-top: 4px solid $text-color-weak;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@ -138,7 +137,6 @@
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
|
||||
// Hover/Focus state
|
||||
// -----------
|
||||
.dropdown-menu > li > a:hover,
|
||||
|
||||
@ -2,8 +2,6 @@
|
||||
// FILTER CONTROLS
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// Filters
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@ -16,8 +14,6 @@
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Actions
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
|
||||
@ -2,8 +2,6 @@
|
||||
// FILTER LIST
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// List
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@ -23,8 +21,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Card
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@ -57,7 +53,6 @@
|
||||
padding: 5px 50px 5px 5px;
|
||||
}
|
||||
|
||||
|
||||
.filter-list-card-status {
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
@ -72,17 +67,17 @@
|
||||
text-transform: uppercase;
|
||||
|
||||
&.online {
|
||||
background-image: url('/img/online.svg');
|
||||
background-image: url("/img/online.svg");
|
||||
color: $online;
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background-image: url('/img/warn-tiny.svg');
|
||||
background-image: url("/img/warn-tiny.svg");
|
||||
color: $warn;
|
||||
}
|
||||
|
||||
&.critical {
|
||||
background-image: url('/img/critical.svg');
|
||||
background-image: url("/img/critical.svg");
|
||||
color: $critical;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,8 +2,6 @@
|
||||
// FILTER TABLE
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// Table
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.page-dashboard .footer {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@ -7,7 +7,7 @@
|
||||
padding: 5rem 0 1rem 0;
|
||||
font-size: $font-size-sm;
|
||||
position: relative;
|
||||
width: 98%; /* was causing horiz scrollbars - need to examine */
|
||||
width: 98%; /* was causing horiz scrollbars - need to examine */
|
||||
|
||||
a {
|
||||
color: $footer-link-color;
|
||||
@ -25,7 +25,7 @@
|
||||
display: inline-block;
|
||||
padding-right: 2px;
|
||||
&::after {
|
||||
content: ' | ';
|
||||
content: " | ";
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
@ -33,7 +33,7 @@
|
||||
li:last-child {
|
||||
&::after {
|
||||
padding-left: 0;
|
||||
content: '';
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
$gf-form-margin: 3px;
|
||||
$input-border: 1px solid $input-border-color;
|
||||
|
||||
|
||||
.gf-form {
|
||||
margin-bottom: $gf-form-margin;
|
||||
display: flex;
|
||||
@ -48,7 +47,7 @@ $input-border: 1px solid $input-border-color;
|
||||
padding-left: 35px;
|
||||
|
||||
&:focus + .gf-form-input-icon {
|
||||
color: $text-muted
|
||||
color: $text-muted;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -83,7 +82,8 @@ $input-border: 1px solid $input-border-color;
|
||||
|
||||
.gf-form-button-row {
|
||||
padding-top: $spacer * 1.5;
|
||||
a, button {
|
||||
a,
|
||||
button {
|
||||
margin-right: $spacer;
|
||||
}
|
||||
}
|
||||
@ -103,7 +103,7 @@ $input-border: 1px solid $input-border-color;
|
||||
|
||||
&--grow {
|
||||
flex-grow: 1;
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
}
|
||||
|
||||
&--error {
|
||||
@ -198,7 +198,9 @@ $input-border: 1px solid $input-border-color;
|
||||
cursor: $cursor-disabled;
|
||||
}
|
||||
|
||||
&.gf-size-auto { width: auto; }
|
||||
&.gf-size-auto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&--dropdown {
|
||||
padding-right: $input-padding-x*2;
|
||||
@ -211,7 +213,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $text-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@ -243,8 +245,8 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: $input-bg;
|
||||
|
||||
select.gf-form-input {
|
||||
text-indent: .01px;
|
||||
text-overflow: '';
|
||||
text-indent: 0.01px;
|
||||
text-overflow: "";
|
||||
padding-right: $input-padding-x*4;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
|
||||
@ -268,7 +270,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $text-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
@ -318,7 +320,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $input-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@ -348,7 +350,7 @@ $input-border: 1px solid $input-border-color;
|
||||
}
|
||||
|
||||
&--header {
|
||||
margin-bottom: $gf-form-margin
|
||||
margin-bottom: $gf-form-margin;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -8,9 +8,9 @@
|
||||
margin-right: $gf-form-margin;
|
||||
flex-grow: 1;
|
||||
color: $info-box-color;
|
||||
h5 {
|
||||
color: $info-box-color;
|
||||
}
|
||||
h5 {
|
||||
color: $info-box-color;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: $spacer;
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
|
||||
.json-formatter-row {
|
||||
font-family: monospace;
|
||||
|
||||
&, a, a:hover {
|
||||
&,
|
||||
a,
|
||||
a:hover {
|
||||
color: $json-explorer-default-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -16,9 +17,15 @@
|
||||
opacity: 0.5;
|
||||
margin-left: 1rem;
|
||||
|
||||
&::after { display: none; }
|
||||
&.json-formatter-object::after { content: "No properties"; }
|
||||
&.json-formatter-array::after { content: "[]"; }
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
&.json-formatter-object::after {
|
||||
content: "No properties";
|
||||
}
|
||||
&.json-formatter-array::after {
|
||||
content: "[]";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,19 +34,33 @@
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.json-formatter-number { color: $json-explorer-number-color; }
|
||||
.json-formatter-boolean { color: $json-explorer-boolean-color; }
|
||||
.json-formatter-null { color: $json-explorer-null-color; }
|
||||
.json-formatter-undefined { color: $json-explorer-undefined-color; }
|
||||
.json-formatter-function { color: $json-explorer-function-color; }
|
||||
.json-formatter-date { background-color: fade($json-explorer-default-color, 5%); }
|
||||
.json-formatter-number {
|
||||
color: $json-explorer-number-color;
|
||||
}
|
||||
.json-formatter-boolean {
|
||||
color: $json-explorer-boolean-color;
|
||||
}
|
||||
.json-formatter-null {
|
||||
color: $json-explorer-null-color;
|
||||
}
|
||||
.json-formatter-undefined {
|
||||
color: $json-explorer-undefined-color;
|
||||
}
|
||||
.json-formatter-function {
|
||||
color: $json-explorer-function-color;
|
||||
}
|
||||
.json-formatter-date {
|
||||
background-color: fade($json-explorer-default-color, 5%);
|
||||
}
|
||||
.json-formatter-url {
|
||||
text-decoration: underline;
|
||||
color: $json-explorer-url-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.json-formatter-bracket { color: $json-explorer-bracket-color; }
|
||||
.json-formatter-bracket {
|
||||
color: $json-explorer-bracket-color;
|
||||
}
|
||||
.json-formatter-key {
|
||||
color: $json-explorer-key-color;
|
||||
cursor: pointer;
|
||||
@ -51,7 +72,9 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.json-formatter-array-comma { margin-right: 4px; }
|
||||
.json-formatter-array-comma {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.json-formatter-toggler {
|
||||
line-height: 1.2rem;
|
||||
@ -71,7 +94,7 @@
|
||||
// Inline preview on hover (optional)
|
||||
> a > .json-formatter-preview-text {
|
||||
opacity: 0;
|
||||
transition: opacity .15s ease-in;
|
||||
transition: opacity 0.15s ease-in;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@ -81,7 +104,7 @@
|
||||
|
||||
// Open state
|
||||
&.json-formatter-open {
|
||||
> .json-formatter-toggler-link .json-formatter-toggler::after{
|
||||
> .json-formatter-toggler-link .json-formatter-toggler::after {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
> .json-formatter-children::after {
|
||||
@ -95,4 +118,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -8,7 +8,8 @@ json-tree {
|
||||
&::before {
|
||||
pointer-events: none;
|
||||
}
|
||||
&::before, & > .json-tree-key {
|
||||
&::before,
|
||||
& > .json-tree-key {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@ -23,7 +24,8 @@ json-tree {
|
||||
ul {
|
||||
padding-left: $spacer;
|
||||
}
|
||||
li, ul {
|
||||
li,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
li {
|
||||
@ -33,22 +35,23 @@ json-tree {
|
||||
color: $variable;
|
||||
padding: 5px 10px 5px 15px;
|
||||
&::after {
|
||||
content: ':';
|
||||
content: ":";
|
||||
}
|
||||
}
|
||||
json-node.expandable {
|
||||
&::before {
|
||||
content: '\25b6';
|
||||
content: "\25b6";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
font-size: 8px;
|
||||
transition: transform .1s ease;
|
||||
transition: transform 0.1s ease;
|
||||
}
|
||||
&.expanded::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
.json-tree-leaf-value, .json-tree-branch-preview {
|
||||
.json-tree-leaf-value,
|
||||
.json-tree-branch-preview {
|
||||
word-break: break-all;
|
||||
}
|
||||
.json-tree-branch-preview {
|
||||
@ -56,6 +59,6 @@ json-tree {
|
||||
font-style: italic;
|
||||
max-width: 40%;
|
||||
height: 1.5em;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
position: fixed;
|
||||
z-index: $zindex-modal;
|
||||
width: 100%;
|
||||
background: $page-bg;
|
||||
background: $page-bg;
|
||||
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
||||
@include background-clip(padding-box);
|
||||
outline: none;
|
||||
@ -77,7 +77,7 @@
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
padding: 14px 15px 15px;
|
||||
border-top: 1px solid $panel-bg;
|
||||
border-top: 1px solid $panel-bg;
|
||||
background-color: $panel-bg;
|
||||
text-align: right; // right align buttons
|
||||
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
||||
@ -139,7 +139,8 @@
|
||||
.share-modal-big-icon {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 2rem;
|
||||
.fa, .icon-gf {
|
||||
.fa,
|
||||
.icon-gf {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
@ -173,5 +174,3 @@
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
padding-left: 40px;
|
||||
@ -19,7 +18,6 @@
|
||||
border-bottom: $navbarBorder;
|
||||
}
|
||||
|
||||
|
||||
.dashboard-page--settings-open {
|
||||
.navbar {
|
||||
@include navbar-alt-look();
|
||||
@ -40,7 +38,7 @@
|
||||
}
|
||||
|
||||
.panel-in-fullscreen {
|
||||
.navbar {
|
||||
.navbar {
|
||||
@include navbar-alt-look();
|
||||
}
|
||||
|
||||
@ -168,4 +166,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
// Navs
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// BASE CLASS
|
||||
// ----------
|
||||
|
||||
@ -55,7 +54,7 @@
|
||||
|
||||
// Actual tabs (as links)
|
||||
.nav-tabs > li > a {
|
||||
padding: 0.40rem 1rem 0.35rem 1rem;
|
||||
padding: 0.4rem 1rem 0.35rem 1rem;
|
||||
margin-right: $spacer/2;
|
||||
line-height: $line-height-base;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.editor-row {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.page-header-canvas {
|
||||
background: $page-header-bg;
|
||||
box-shadow: $page-header-shadow;
|
||||
@ -140,7 +139,7 @@
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -14px; // half of square's length
|
||||
@ -157,7 +156,8 @@
|
||||
background: linear-gradient(135deg, $btn-inverse-bg, $btn-inverse-bg-hl);
|
||||
|
||||
// stylish arrow design using box shadow
|
||||
box-shadow: 2px -2px 0 2px rgb(35, 31, 31), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 2px -2px 0 2px rgb(35, 31, 31),
|
||||
3px -3px 0 2px rgba(255, 255, 255, 0.1);
|
||||
|
||||
// 5px - for rounded arrows and
|
||||
// 50px - to prevent hover glitches on the border created using shadows*/
|
||||
@ -169,4 +169,3 @@
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.add-panel {
|
||||
height: 100%;
|
||||
}
|
||||
@ -66,4 +65,3 @@
|
||||
.add-panel__item-img {
|
||||
height: calc(100% - 15px);
|
||||
}
|
||||
|
||||
|
||||
@ -9,4 +9,3 @@
|
||||
width: 100%;
|
||||
height: calc(100% - 30px);
|
||||
}
|
||||
|
||||
|
||||
@ -1,19 +1,17 @@
|
||||
|
||||
// Colours
|
||||
$progress-color-dark: $panel-bg !default;
|
||||
$progress-color: $panel-bg !default;
|
||||
$progress-color-light: $panel-bg !default;
|
||||
$progress-color-dark: $panel-bg !default;
|
||||
$progress-color: $panel-bg !default;
|
||||
$progress-color-light: $panel-bg !default;
|
||||
$progress-color-grey-light: $body-bg !default;
|
||||
$progress-color-shadow: $panel-border !default;
|
||||
$progress-color-grey: $iconContainerBackground !default;
|
||||
$progress-color-grey-dark: $iconContainerBackground !default;
|
||||
$progress-color-shadow: $panel-border !default;
|
||||
$progress-color-grey: $iconContainerBackground !default;
|
||||
$progress-color-grey-dark: $iconContainerBackground !default;
|
||||
|
||||
// Sizing
|
||||
$marker-size: 60px !default;
|
||||
$marker-size-half: ($marker-size / 2);
|
||||
$path-height: 2px !default;
|
||||
$path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
$marker-size: 60px !default;
|
||||
$marker-size-half: ($marker-size / 2);
|
||||
$path-height: 2px !default;
|
||||
$path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
.dashlist-cta-close-btn {
|
||||
color: $text-color-weak;
|
||||
@ -52,9 +50,9 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
// For a flexbox bug in firefox that wont allow the text overflow on the text
|
||||
min-width: $marker-size;
|
||||
|
||||
&::after {
|
||||
&::after {
|
||||
right: -50%;
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
@ -96,7 +94,7 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
-webkit-text-fill-color: transparent;
|
||||
background: $brand-gradient;
|
||||
-webkit-background-clip: text;
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -154,17 +152,18 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
.progress-marker {
|
||||
color: $text-color-weak;
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
font-size: 35px;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
a.progress-link {
|
||||
&:hover {
|
||||
.progress-marker, .progress-text {
|
||||
.progress-marker,
|
||||
.progress-text {
|
||||
color: $link-hover-color;
|
||||
}
|
||||
&:hover .progress-marker.completed {
|
||||
&:hover .progress-marker.completed {
|
||||
color: $online;
|
||||
}
|
||||
}
|
||||
|
||||
@ -70,19 +70,19 @@
|
||||
font-size: 85%;
|
||||
text-align: left;
|
||||
&.current::before {
|
||||
content: "Current: "
|
||||
content: "Current: ";
|
||||
}
|
||||
&.max::before {
|
||||
content: "Max: "
|
||||
content: "Max: ";
|
||||
}
|
||||
&.min::before {
|
||||
content: "Min: "
|
||||
content: "Min: ";
|
||||
}
|
||||
&.total::before {
|
||||
content: "Total: "
|
||||
content: "Total: ";
|
||||
}
|
||||
&.avg::before {
|
||||
content: "Avg: "
|
||||
content: "Avg: ";
|
||||
}
|
||||
}
|
||||
|
||||
@ -124,15 +124,17 @@
|
||||
float: none;
|
||||
|
||||
.graph-legend-alias::after {
|
||||
content: '(right-y)';
|
||||
content: "(right-y)";
|
||||
padding: 0 5px;
|
||||
color: $text-color-weak;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
td, .graph-legend-alias, .graph-legend-icon, .graph-legend-value {
|
||||
td,
|
||||
.graph-legend-alias,
|
||||
.graph-legend-icon,
|
||||
.graph-legend-value {
|
||||
float: none;
|
||||
display: table-cell;
|
||||
white-space: nowrap;
|
||||
@ -149,7 +151,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.graph-legend-value {
|
||||
.graph-legend-value {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@ -167,9 +169,13 @@
|
||||
}
|
||||
|
||||
.graph-legend-value {
|
||||
&.current, &.max, &.min, &.total, &.avg {
|
||||
&.current,
|
||||
&.max,
|
||||
&.min,
|
||||
&.total,
|
||||
&.avg {
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -184,7 +190,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.graph-legend-series-hidden {
|
||||
.graph-legend-value,
|
||||
.graph-legend-alias {
|
||||
@ -252,7 +257,7 @@
|
||||
max-width: 650px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.graph-tooltip-value {
|
||||
display: table-cell;
|
||||
@ -263,7 +268,6 @@
|
||||
}
|
||||
|
||||
.graph-annotation {
|
||||
|
||||
.label-tag {
|
||||
margin-right: 4px;
|
||||
margin-top: 8px;
|
||||
@ -396,7 +400,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--T0{
|
||||
&--T0 {
|
||||
right: -104px;
|
||||
width: 129px;
|
||||
|
||||
@ -419,10 +423,10 @@
|
||||
position: relative;
|
||||
|
||||
&--critical {
|
||||
background-color: rgba(237, 46, 24, 0.60);
|
||||
background-color: rgba(237, 46, 24, 0.6);
|
||||
}
|
||||
&--warning {
|
||||
background-color: rgba(247, 149, 32, 0.60);
|
||||
background-color: rgba(247, 149, 32, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
|
||||
.heatmap-crosshair {
|
||||
line {
|
||||
stroke: darken($red,15%);
|
||||
stroke: darken($red, 15%);
|
||||
stroke-width: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@ -36,14 +36,14 @@
|
||||
}
|
||||
|
||||
.pluginlist-message--update {
|
||||
&:hover {
|
||||
&:hover {
|
||||
border-bottom: 1px solid $text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.pluginlist-message--enable{
|
||||
.pluginlist-message--enable {
|
||||
color: $external-link-color;
|
||||
&:hover {
|
||||
&:hover {
|
||||
border-bottom: 1px solid $external-link-color;
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,5 +22,3 @@
|
||||
#flotGagueValue0 {
|
||||
font-weight: bold; //please dont hurt me for this!
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -114,7 +114,7 @@
|
||||
background: $list-item-bg;
|
||||
border-top: 2px solid $body-bg;
|
||||
border-bottom: 2px solid $body-bg;
|
||||
height: 2.0em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.query-part {
|
||||
background-color: lighten($input-label-bg, 5%);
|
||||
|
||||
@ -8,4 +7,3 @@
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -76,4 +76,3 @@
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
@ -15,8 +15,8 @@
|
||||
.ps__rail-x {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
height: 15px;
|
||||
/* there must be 'bottom' or 'top' for ps__rail-x */
|
||||
bottom: 0px;
|
||||
@ -27,8 +27,8 @@
|
||||
.ps__rail-y {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
width: 15px;
|
||||
/* there must be 'right' or 'left' for ps__rail-y */
|
||||
right: 0;
|
||||
@ -80,7 +80,6 @@
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* MS supports */
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps {
|
||||
@ -115,20 +114,46 @@
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:start:decrement,
|
||||
::-webkit-scrollbar-button:end:increment { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:decrement { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:increment { display: none; }
|
||||
::-webkit-scrollbar-button:vertical:decrement { display: none; }
|
||||
::-webkit-scrollbar-button:vertical:increment { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:horizontal:increment:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:vertical:decrement:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:vertical:increment:active {background-image: none; }
|
||||
::-webkit-scrollbar-track-piece { background-color: transparent; }
|
||||
::-webkit-scrollbar-button:end:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
height: 50px;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
color-stop(0%, $scrollbarBackground),
|
||||
color-stop(100%, $scrollbarBackground2)
|
||||
);
|
||||
border: 1px solid $scrollbarBorder;
|
||||
border-top: 1px solid $scrollbarBorder;
|
||||
border-left: 1px solid $scrollbarBorder;
|
||||
@ -136,7 +161,13 @@
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
width: 50px;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0%, $scrollbarBackground),
|
||||
color-stop(100%, $scrollbarBackground2)
|
||||
);
|
||||
border: 1px solid $scrollbarBorder;
|
||||
border-top: 1px solid $scrollbarBorder;
|
||||
border-left: 1px solid $scrollbarBorder;
|
||||
|
||||
@ -84,14 +84,15 @@
|
||||
}
|
||||
|
||||
.search-filter-box-link {
|
||||
display:block;
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
i, img {
|
||||
i,
|
||||
img {
|
||||
font-size: 20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@ -113,7 +114,7 @@
|
||||
|
||||
.selected {
|
||||
.search-result-tag {
|
||||
opacity: 0.70;
|
||||
opacity: 0.7;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@ -134,7 +135,8 @@
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
|
||||
&:hover, &.selected {
|
||||
&:hover,
|
||||
&.selected {
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
@ -176,7 +178,8 @@
|
||||
white-space: nowrap;
|
||||
padding: 0px;
|
||||
|
||||
&:hover, &.selected {
|
||||
&:hover,
|
||||
&.selected {
|
||||
background: $list-item-hover-bg;
|
||||
}
|
||||
}
|
||||
@ -215,7 +218,8 @@
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
transition: all 0.2s ease-in-out;
|
||||
.fa-star, .fa-star-o {
|
||||
.fa-star,
|
||||
.fa-star-o {
|
||||
color: $orange;
|
||||
line-height: 37px;
|
||||
}
|
||||
@ -235,7 +239,6 @@
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
|
||||
.search-container {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@ -30,5 +30,3 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.shortcut-category {
|
||||
float: left;
|
||||
font-size: $font-size-sm;
|
||||
@ -44,4 +43,3 @@
|
||||
color: $btn-inverse-text-color;
|
||||
box-shadow: inset 0 -1px 0 $btn-inverse-bg-hl;
|
||||
}
|
||||
|
||||
|
||||
@ -71,8 +71,8 @@
|
||||
// important to overlap it otherwise it can be hidden
|
||||
// again by the mouse getting outside the hover space
|
||||
left: $side-menu-width - 2px;
|
||||
@include animation('dropdown-anim 150ms ease-in-out 100ms forwards');
|
||||
z-index: $zindex-sidemenu;
|
||||
@include animation("dropdown-anim 150ms ease-in-out 100ms forwards");
|
||||
z-index: $zindex-sidemenu;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -96,7 +96,7 @@
|
||||
border-radius: 50%;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
box-shadow: 0 0 14px 2px rgba(255,255,255, 0.05);
|
||||
box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
@ -116,10 +116,12 @@
|
||||
height: 35px;
|
||||
display: inline-block;
|
||||
|
||||
.fa, .icon-gf, .gicon {
|
||||
.fa,
|
||||
.icon-gf,
|
||||
.gicon {
|
||||
color: $side-menu-link-color;
|
||||
position: relative;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
@ -173,7 +175,7 @@ li.sidemenu-org-switcher {
|
||||
|
||||
.sidemenu__logo {
|
||||
display: block;
|
||||
padding: 0.4rem 1.0rem 0.4rem 0.65rem;
|
||||
padding: 0.4rem 1rem 0.4rem 0.65rem;
|
||||
min-height: $navbarHeight;
|
||||
position: relative;
|
||||
|
||||
@ -244,7 +246,7 @@ li.sidemenu-org-switcher {
|
||||
}
|
||||
|
||||
.sidemenu-icon {
|
||||
display: none
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-menu--sidemenu {
|
||||
|
||||
@ -8,7 +8,8 @@
|
||||
margin: 0 0 $panel-margin 0;
|
||||
}
|
||||
|
||||
.annotation-disabled, .annotation-disabled a {
|
||||
.annotation-disabled,
|
||||
.annotation-disabled a {
|
||||
color: $link-color-disabled;
|
||||
}
|
||||
|
||||
@ -52,7 +53,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.variable-link-wrapper {
|
||||
.variable-link-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
@ -66,28 +67,28 @@
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background-color: $dropdownBackground;
|
||||
box-shadow: 0 0 25px 0 rgba(0,0,0,0.4);
|
||||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
|
||||
z-index: 1000;
|
||||
font-size: $font-size-base;
|
||||
border-radius: 3px 3px 0 0;
|
||||
border: 1px solid $tight-form-func-bg;
|
||||
|
||||
&.multi {
|
||||
.selected {
|
||||
.variable-option-icon{
|
||||
background: url($checkboxImageUrl) 0px -18px no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
.selected {
|
||||
.variable-option-icon {
|
||||
background: url($checkboxImageUrl) 0px -18px no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.single {
|
||||
.variable-option-icon {
|
||||
display: none;
|
||||
}
|
||||
.selected {
|
||||
background-color: $tight-form-func-highlight-bg;
|
||||
}
|
||||
}
|
||||
&.single {
|
||||
.variable-option-icon {
|
||||
display: none;
|
||||
}
|
||||
.selected {
|
||||
background-color: $tight-form-func-highlight-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.variable-options-wrapper {
|
||||
@ -135,7 +136,8 @@
|
||||
}
|
||||
|
||||
.variable-option {
|
||||
&:hover, &.highlighted {
|
||||
&:hover,
|
||||
&.highlighted {
|
||||
background-color: $blue-dark;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
position: relative;
|
||||
max-width: 4.5rem;
|
||||
flex-grow: 1;
|
||||
min-width: 4.0rem;
|
||||
min-width: 4rem;
|
||||
margin-right: $gf-form-margin;
|
||||
|
||||
input {
|
||||
@ -30,7 +30,8 @@
|
||||
border-radius: $input-border-radius;
|
||||
}
|
||||
|
||||
input + label::before, input + label::after {
|
||||
input + label::before,
|
||||
input + label::after {
|
||||
@include buttonBackground($input-bg, $input-bg);
|
||||
|
||||
display: block;
|
||||
@ -60,11 +61,10 @@
|
||||
color: lighten($orange, 10%);
|
||||
text-shadow: $text-shadow-strong;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input + label::before {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: "FontAwesome";
|
||||
content: "\f096"; // square-o
|
||||
color: $text-color-weak;
|
||||
transition: transform 0.4s;
|
||||
@ -77,7 +77,7 @@
|
||||
color: $orange;
|
||||
text-shadow: $text-shadow-strong;
|
||||
|
||||
font-family: 'FontAwesome';
|
||||
font-family: "FontAwesome";
|
||||
transition: transform 0.4s;
|
||||
transform: rotateY(180deg);
|
||||
backface-visibility: hidden;
|
||||
@ -107,7 +107,8 @@
|
||||
border: none;
|
||||
}
|
||||
|
||||
input + label::before, input + label::after {
|
||||
input + label::before,
|
||||
input + label::after {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
@ -148,7 +149,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
gf-form-switch[disabled] {
|
||||
gf-form-switch[disabled] {
|
||||
.gf-form-label,
|
||||
.gf-form-switch input + label {
|
||||
cursor: default;
|
||||
|
||||
@ -44,14 +44,18 @@
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
content: ' ';
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
top: 0;
|
||||
background-image: linear-gradient(to right, #ffd500 0%, #ff4400 99%, #ff4400 100%);
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
#ffd500 0%,
|
||||
#ff4400 99%,
|
||||
#ff4400 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -3,17 +3,16 @@
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 4px;
|
||||
font-size: $font-size-base * .846;
|
||||
font-size: $font-size-base * 0.846;
|
||||
font-weight: bold;
|
||||
line-height: 14px; // ensure proper line-height if floated
|
||||
color: $white;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
background-color: $gray-1;
|
||||
}
|
||||
|
||||
|
||||
// Labels & Badges
|
||||
.label-tag {
|
||||
background-color: $purple;
|
||||
@ -25,7 +24,7 @@
|
||||
padding: 2px 6px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 1px rgba($white,.2);
|
||||
box-shadow: 0 0 1px rgba($white, 0.2);
|
||||
.icon-tag {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
@ -34,8 +33,6 @@
|
||||
}
|
||||
|
||||
.label-tag:hover {
|
||||
opacity: 0.85;
|
||||
opacity: 0.85;
|
||||
background-color: darken($purple, 10%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -22,16 +22,17 @@
|
||||
color: white;
|
||||
|
||||
[data-role="remove"] {
|
||||
margin-left:8px;
|
||||
cursor:pointer;
|
||||
&::after{
|
||||
margin-left: 8px;
|
||||
cursor: pointer;
|
||||
&::after {
|
||||
content: "x";
|
||||
padding:0px 2px;
|
||||
padding: 0px 2px;
|
||||
}
|
||||
&:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
||||
0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
&:active {
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -90,7 +90,7 @@
|
||||
}
|
||||
|
||||
.input-datetime-format {
|
||||
color: $link-color-disabled
|
||||
color: $link-color-disabled;
|
||||
}
|
||||
|
||||
.fa {
|
||||
@ -118,4 +118,3 @@
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-left;
|
||||
}
|
||||
|
||||
|
||||
@ -11,11 +11,25 @@
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
@include opacity(0);
|
||||
&.in { @include opacity(100); }
|
||||
&.top { margin-top: -3px; padding: 5px 0; }
|
||||
&.right { margin-left: 3px; padding: 0 5px; }
|
||||
&.bottom { margin-top: 3px; padding: 5px 0; }
|
||||
&.left { margin-left: -3px; padding: 0 5px; }
|
||||
&.in {
|
||||
@include opacity(100);
|
||||
}
|
||||
&.top {
|
||||
margin-top: -3px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
&.right {
|
||||
margin-left: 3px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
&.bottom {
|
||||
margin-top: 3px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
&.left {
|
||||
margin-left: -3px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Wrapper for the tooltip content
|
||||
@ -70,13 +84,13 @@
|
||||
}
|
||||
|
||||
.grafana-tooltip {
|
||||
position : absolute;
|
||||
position: absolute;
|
||||
top: -1000;
|
||||
left: 0;
|
||||
color: $tooltipColor;
|
||||
padding: 10px;
|
||||
font-size: 11pt;
|
||||
font-weight : 200;
|
||||
font-weight: 200;
|
||||
background-color: $tooltipBackground;
|
||||
border-radius: 5px;
|
||||
z-index: 9999;
|
||||
@ -92,4 +106,3 @@
|
||||
.grafana-tip {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
// typeahead max height
|
||||
.typeahead {
|
||||
max-height: 300px;
|
||||
@ -8,4 +7,3 @@
|
||||
.typeahead strong {
|
||||
color: $yellow;
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.page-kiosk-mode {
|
||||
dashnav {
|
||||
display: none;
|
||||
@ -7,8 +6,7 @@
|
||||
|
||||
.playlist-active,
|
||||
.user-activity-low {
|
||||
.react-resizable-handle
|
||||
.add-row-panel-hint,
|
||||
.react-resizable-handle .add-row-panel-hint,
|
||||
.dash-row-menu-container,
|
||||
.navbar-button--refresh,
|
||||
.navbar-buttons--zoom,
|
||||
@ -37,4 +35,3 @@
|
||||
transform: translate3d(40px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.edit-tab-with-sidemenu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -29,7 +28,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.edit-tab-with-sidemenu {
|
||||
flex-direction: column;
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
@import "variables";
|
||||
@import "variables.dark";
|
||||
@import "grafana";
|
||||
|
||||
|
||||
@ -1,52 +1,52 @@
|
||||
[
|
||||
"grafana_wordmark",
|
||||
"worldping",
|
||||
"raintank_wordmark",
|
||||
"raintank_r-icn",
|
||||
"check-alt",
|
||||
"check",
|
||||
"collector",
|
||||
"dashboard",
|
||||
"panel",
|
||||
"datasources",
|
||||
"endpoint-tiny",
|
||||
"endpoint",
|
||||
"page",
|
||||
"filter",
|
||||
"status",
|
||||
"monitoring",
|
||||
"monitoring-tiny",
|
||||
"jump-to-dashboard",
|
||||
"warning",
|
||||
"nodata",
|
||||
"critical",
|
||||
"crit",
|
||||
"online",
|
||||
"event-error",
|
||||
"event",
|
||||
"sadface",
|
||||
"private-collector",
|
||||
"alert-disabled",
|
||||
"refresh",
|
||||
"save",
|
||||
"share",
|
||||
"star",
|
||||
"search",
|
||||
"remove",
|
||||
"video",
|
||||
"bulk_action",
|
||||
"grabber",
|
||||
"users",
|
||||
"globe",
|
||||
"snapshot",
|
||||
"play-grafana-icon",
|
||||
"grafana-icon",
|
||||
"email",
|
||||
"stopwatch",
|
||||
"skull",
|
||||
"probe",
|
||||
"apps",
|
||||
"scale",
|
||||
"pending",
|
||||
"verified"
|
||||
]
|
||||
"grafana_wordmark",
|
||||
"worldping",
|
||||
"raintank_wordmark",
|
||||
"raintank_r-icn",
|
||||
"check-alt",
|
||||
"check",
|
||||
"collector",
|
||||
"dashboard",
|
||||
"panel",
|
||||
"datasources",
|
||||
"endpoint-tiny",
|
||||
"endpoint",
|
||||
"page",
|
||||
"filter",
|
||||
"status",
|
||||
"monitoring",
|
||||
"monitoring-tiny",
|
||||
"jump-to-dashboard",
|
||||
"warning",
|
||||
"nodata",
|
||||
"critical",
|
||||
"crit",
|
||||
"online",
|
||||
"event-error",
|
||||
"event",
|
||||
"sadface",
|
||||
"private-collector",
|
||||
"alert-disabled",
|
||||
"refresh",
|
||||
"save",
|
||||
"share",
|
||||
"star",
|
||||
"search",
|
||||
"remove",
|
||||
"video",
|
||||
"bulk_action",
|
||||
"grabber",
|
||||
"users",
|
||||
"globe",
|
||||
"snapshot",
|
||||
"play-grafana-icon",
|
||||
"grafana-icon",
|
||||
"email",
|
||||
"stopwatch",
|
||||
"skull",
|
||||
"probe",
|
||||
"apps",
|
||||
"scale",
|
||||
"pending",
|
||||
"verified"
|
||||
]
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.ui-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
.page-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: $spacer*2;
|
||||
padding-left: $spacer*2;
|
||||
padding-right: $spacer*2;
|
||||
max-width: 980px;
|
||||
@include clearfix();
|
||||
@ -50,7 +50,8 @@
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
|
||||
> a, > button {
|
||||
> a,
|
||||
> button {
|
||||
margin-left: $spacer;
|
||||
}
|
||||
}
|
||||
@ -65,7 +66,9 @@
|
||||
}
|
||||
|
||||
.sidebar-content {
|
||||
width: calc(100% - #{$page-sidebar-width + $page-sidebar-margin}); // sidebar width + margin
|
||||
width: calc(
|
||||
100% - #{$page-sidebar-width + $page-sidebar-margin}
|
||||
); // sidebar width + margin
|
||||
}
|
||||
|
||||
.sidebar-container {
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
@mixin keyframes($animation-name) {
|
||||
@-webkit-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-moz-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-ms-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-o-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-webkit-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-moz-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-ms-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-o-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation($str) {
|
||||
|
||||
@ -1,19 +1,22 @@
|
||||
|
||||
// Button backgrounds
|
||||
// ------------------
|
||||
@mixin buttonBackground($startColor, $endColor, $text-color: #fff, $textShadow: 0px 1px 0 rgba(0,0,0,.1)) {
|
||||
@mixin buttonBackground($startColor, $endColor, $text-color: #fff, $textShadow: 0px 1px 0 rgba(0,0,0,0.1)) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
@include gradientBar($startColor, $endColor, $text-color, $textShadow);
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
color: $text-color;
|
||||
background-image: none;
|
||||
background-color: $startColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Button sizes
|
||||
@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
|
||||
padding: $padding-y $padding-x;
|
||||
@ -32,14 +35,14 @@
|
||||
@include hover {
|
||||
color: #fff;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: #fff;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
&:active,
|
||||
@ -47,14 +50,14 @@
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
border-color: $color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: #fff;
|
||||
background-color: darken($color, 17%);
|
||||
border-color: darken($color, 25%);
|
||||
border-color: darken($color, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
@mixin drop-theme($themeName, $theme-bg, $theme-color, $border-color: $theme-bg) {
|
||||
.drop-element.drop-#{$themeName} {
|
||||
max-width: 100%;
|
||||
@ -89,7 +88,8 @@
|
||||
left: $popover-arrow-size * 2;
|
||||
}
|
||||
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle
|
||||
.drop-content {
|
||||
margin-top: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -99,7 +99,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle
|
||||
.drop-content {
|
||||
margin-top: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -109,7 +110,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle
|
||||
.drop-content {
|
||||
margin-bottom: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -119,7 +121,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle
|
||||
.drop-content {
|
||||
margin-bottom: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -130,7 +133,8 @@
|
||||
}
|
||||
|
||||
// Top and bottom corners
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom
|
||||
.drop-content {
|
||||
margin-top: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -140,7 +144,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom
|
||||
.drop-content {
|
||||
margin-top: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -150,7 +155,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top
|
||||
.drop-content {
|
||||
margin-bottom: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -160,7 +166,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top
|
||||
.drop-content {
|
||||
margin-bottom: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -171,7 +178,8 @@
|
||||
}
|
||||
|
||||
// Side corners
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left
|
||||
.drop-content {
|
||||
margin-right: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -181,7 +189,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
|
||||
&.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right
|
||||
.drop-content {
|
||||
margin-left: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -191,7 +200,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left
|
||||
.drop-content {
|
||||
margin-right: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -201,7 +211,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
|
||||
&.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right
|
||||
.drop-content {
|
||||
margin-left: $popover-arrow-size;
|
||||
|
||||
&:before {
|
||||
@ -236,44 +247,55 @@
|
||||
}
|
||||
}
|
||||
// Centers and middles
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-center .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-center
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 50% calc(100% + #{$attachmentOffset});
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-center .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-center
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 50% (-$attachmentOffset);
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-right.#{$themePrefix}-element-attached-middle .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-right.#{$themePrefix}-element-attached-middle
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: calc(100% + #{$attachmentOffset}) 50%;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-left.#{$themePrefix}-element-attached-middle .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-left.#{$themePrefix}-element-attached-middle
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: -($attachmentOffset 50%);
|
||||
}
|
||||
// Top and bottom corners
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 0 (-$attachmentOffset);
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 100% (-$attachmentOffset);
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 0 calc(100% + #{$attachmentOffset});
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: 100% calc(100% + #{$attachmentOffset});
|
||||
}
|
||||
// Side corners
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: calc(100% + #{$attachmentOffset}) 0;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: (-$attachmentOffset) 0;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: calc(100% + #{$attachmentOffset}) 100%;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right .#{$themePrefix}-content {
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
|
||||
.#{$themePrefix}-content {
|
||||
transform-origin: (-$attachmentOffset) 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -41,7 +41,8 @@
|
||||
&:focus {
|
||||
border-color: $input-border-focus;
|
||||
outline: none;
|
||||
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px $input-box-shadow-focus;
|
||||
$shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
|
||||
0 0 5px $input-box-shadow-focus;
|
||||
@include box-shadow($shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
max-width: 100%;
|
||||
min-height: 1px;
|
||||
padding-right: ($grid-gutter-width / 2);
|
||||
padding-left: ($grid-gutter-width / 2);
|
||||
padding-left: ($grid-gutter-width / 2);
|
||||
}
|
||||
}
|
||||
|
||||
@ -29,16 +29,17 @@
|
||||
@each $modifier in (pull, push) {
|
||||
@for $i from 0 through $columns {
|
||||
.#{$modifier}-#{$breakpoint}-#{$i} {
|
||||
@include make-col-modifier($modifier, $i, $columns)
|
||||
@include make-col-modifier($modifier, $i, $columns);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// `$columns - 1` because offsetting by the width of an entire row isn't possible
|
||||
@for $i from 0 through ($columns - 1) {
|
||||
@if $breakpoint-counter != 1 or $i != 0 { // Avoid emitting useless .col-xs-offset-0
|
||||
@if $breakpoint-counter != 1 or $i != 0 {
|
||||
// Avoid emitting useless .col-xs-offset-0
|
||||
.offset-#{$breakpoint}-#{$i} {
|
||||
@include make-col-modifier(offset, $i, $columns)
|
||||
@include make-col-modifier(offset, $i, $columns);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,14 +5,13 @@
|
||||
@mixin make-container($gutter: $grid-gutter-width) {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: ($gutter / 2);
|
||||
padding-left: ($gutter / 2);
|
||||
padding-right: ($gutter / 2);
|
||||
@if not $enable-flex {
|
||||
@include clearfix();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// For each breakpoint, define the maximum width of the container in a media query
|
||||
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
|
||||
@each $breakpoint, $container-max-width in $max-widths {
|
||||
@ -29,7 +28,7 @@
|
||||
} @else {
|
||||
@include clearfix();
|
||||
}
|
||||
margin-left: ($gutter / -2);
|
||||
margin-left: ($gutter / -2);
|
||||
margin-right: ($gutter / -2);
|
||||
}
|
||||
|
||||
@ -37,7 +36,7 @@
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-right: ($grid-gutter-width / 2);
|
||||
padding-left: ($grid-gutter-width / 2);
|
||||
padding-left: ($grid-gutter-width / 2);
|
||||
|
||||
@if $enable-flex {
|
||||
flex: 0 0 percentage($size / $columns);
|
||||
|
||||
@ -3,23 +3,29 @@
|
||||
// See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
|
||||
// Currently shimmed by https://github.com/twbs/mq4-hover-shim
|
||||
@media (hover: hover) {
|
||||
&:hover { @content }
|
||||
&:hover {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
&:hover {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@else {
|
||||
&:hover { @content }
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hover-focus {
|
||||
@if $enable-hover-media-query {
|
||||
&:focus { @content }
|
||||
@include hover { @content }
|
||||
}
|
||||
@else {
|
||||
&:focus {
|
||||
@content;
|
||||
}
|
||||
@include hover {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
&:focus,
|
||||
&:hover {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -28,15 +34,16 @@
|
||||
@if $enable-hover-media-query {
|
||||
&,
|
||||
&:focus {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
@include hover { @content }
|
||||
}
|
||||
@else {
|
||||
@include hover {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
&,
|
||||
&:focus,
|
||||
&:hover {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -45,15 +52,16 @@
|
||||
@if $enable-hover-media-query {
|
||||
&:focus,
|
||||
&:active {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
@include hover { @content }
|
||||
}
|
||||
@else {
|
||||
@include hover {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
&:focus,
|
||||
&:active,
|
||||
&:hover {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
@mixin clearfix() {
|
||||
&::after {
|
||||
content: "";
|
||||
@ -73,7 +72,6 @@
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
@ -110,7 +108,6 @@
|
||||
@include font-shorthand($size, $weight, $lineHeight);
|
||||
}
|
||||
|
||||
|
||||
// FORMS
|
||||
// --------------------------------------------------
|
||||
|
||||
@ -122,7 +119,6 @@
|
||||
@include box-sizing(border-box); // Makes inputs behave like true block-level elements
|
||||
}
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
@ -146,13 +142,13 @@
|
||||
}
|
||||
@mixin border-bottom-right-radius($radius) {
|
||||
-webkit-border-bottom-right-radius: $radius;
|
||||
-moz-border-radius-bottomright: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
-moz-border-radius-bottomright: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
}
|
||||
@mixin border-bottom-left-radius($radius) {
|
||||
-webkit-border-bottom-left-radius: $radius;
|
||||
-moz-border-radius-bottomleft: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
-moz-border-radius-bottomleft: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
}
|
||||
|
||||
// Single Side Border Radius
|
||||
@ -241,21 +237,21 @@
|
||||
// CSS3 Content Columns
|
||||
@mixin content-columns($columnCount, $columnGap: $gridGutterWidth) {
|
||||
-webkit-column-count: $columnCount;
|
||||
-moz-column-count: $columnCount;
|
||||
column-count: $columnCount;
|
||||
-moz-column-count: $columnCount;
|
||||
column-count: $columnCount;
|
||||
-webkit-column-gap: $columnGap;
|
||||
-moz-column-gap: $columnGap;
|
||||
column-gap: $columnGap;
|
||||
-moz-column-gap: $columnGap;
|
||||
column-gap: $columnGap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
@mixin hyphens($mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode;
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode;
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
@ -269,16 +265,26 @@
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
@mixin background($color: $white, $alpha: 1) {
|
||||
background-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
|
||||
background-color: hsla(
|
||||
hue($color),
|
||||
saturation($color),
|
||||
lightness($color),
|
||||
$alpha
|
||||
);
|
||||
}
|
||||
@mixin border($color: $white, $alpha: 1) {
|
||||
border-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
|
||||
border-color: hsla(
|
||||
hue($color),
|
||||
saturation($color),
|
||||
lightness($color),
|
||||
$alpha
|
||||
);
|
||||
@include background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
@mixin gradientBar($primaryColor, $secondaryColor, $text-color: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
@mixin gradientBar($primaryColor, $secondaryColor, $text-color: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,0.25)) {
|
||||
color: $text-color;
|
||||
text-shadow: $textShadow;
|
||||
@include gradient-vertical($primaryColor, $secondaryColor);
|
||||
@ -288,37 +294,66 @@
|
||||
// Gradients
|
||||
@mixin gradient-horizontal($startColor: #555, $endColor: #333) {
|
||||
background-color: $endColor;
|
||||
background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
$startColor,
|
||||
$endColor
|
||||
); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
@mixin gradient-vertical($startColor: #555, $endColor: #333) {
|
||||
background-color: mix($startColor, $endColor, 60%);
|
||||
background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10
|
||||
background-image: linear-gradient(
|
||||
to bottom,
|
||||
$startColor,
|
||||
$endColor
|
||||
); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
@mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) {
|
||||
background-color: $endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: linear-gradient($deg, $startColor, $endColor); // Standard, IE10
|
||||
background-image: linear-gradient(
|
||||
$deg,
|
||||
$startColor,
|
||||
$endColor
|
||||
); // Standard, IE10
|
||||
}
|
||||
|
||||
@mixin gradient-horizontal-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
|
||||
background-color: mix($midColor, $endColor, 80%);
|
||||
background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor);
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
$startColor,
|
||||
$midColor $colorStop,
|
||||
$endColor
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
|
||||
background-color: mix($midColor, $endColor, 80%);
|
||||
background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
|
||||
background-image: linear-gradient(
|
||||
$startColor,
|
||||
$midColor $colorStop,
|
||||
$endColor
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@mixin gradient-radial($innerColor: #555, $outerColor: #333) {
|
||||
background-color: $outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($innerColor), to($outerColor));
|
||||
background-image: -webkit-gradient(
|
||||
radial,
|
||||
center center,
|
||||
0,
|
||||
center center,
|
||||
460,
|
||||
from($innerColor),
|
||||
to($outerColor)
|
||||
);
|
||||
background-image: -webkit-radial-gradient(circle, $innerColor, $outerColor);
|
||||
background-image: -moz-radial-gradient(circle, $innerColor, $outerColor);
|
||||
background-image: -o-radial-gradient(circle, $innerColor, $outerColor);
|
||||
@ -327,7 +362,16 @@
|
||||
|
||||
@mixin striped($color: #555, $angle: 45deg) {
|
||||
background-color: $color;
|
||||
background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(
|
||||
$angle,
|
||||
rgba(255, 255, 255, 0.15) 25%,
|
||||
transparent 25%,
|
||||
transparent 50%,
|
||||
rgba(255, 255, 255, 0.15) 50%,
|
||||
rgba(255, 255, 255, 0.15) 75%,
|
||||
transparent 75%,
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
@mixin left-brand-border($color: transparent) {
|
||||
@ -336,7 +380,11 @@
|
||||
|
||||
@mixin left-brand-border-gradient() {
|
||||
border: none;
|
||||
border-image: linear-gradient(rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
|
||||
border-image: linear-gradient(
|
||||
rgba(255, 213, 0, 1) 0%,
|
||||
rgba(255, 68, 0, 1) 99%,
|
||||
rgba(255, 68, 0, 1) 100%
|
||||
);
|
||||
border-image-slice: 1;
|
||||
border-style: solid;
|
||||
border-top: 0;
|
||||
@ -368,4 +416,3 @@
|
||||
color: $list-item-link-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.admin-settings-section {
|
||||
color: $variable;
|
||||
font-weight: bold;
|
||||
|
||||
@ -41,7 +41,8 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.icon-gf, .fa {
|
||||
.icon-gf,
|
||||
.fa {
|
||||
font-size: 200%;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
@ -102,7 +103,7 @@
|
||||
|
||||
.panel-alert-state {
|
||||
&--alerting {
|
||||
box-shadow: 0 0 10px rgba($critical,0.5);
|
||||
box-shadow: 0 0 10px rgba($critical, 0.5);
|
||||
position: relative;
|
||||
|
||||
.panel-alert-icon:before {
|
||||
@ -112,18 +113,18 @@
|
||||
}
|
||||
|
||||
&--alerting::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px rgba($critical,1);
|
||||
box-shadow: 0 0 10px rgba($critical, 1);
|
||||
opacity: 0;
|
||||
animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
|
||||
animation: alerting-panel 1.6s cubic-bezier(1, 0.1, 0.73, 1) 0s infinite
|
||||
alternate;
|
||||
}
|
||||
|
||||
|
||||
&--ok {
|
||||
.panel-alert-icon:before {
|
||||
color: $online;
|
||||
|
||||
@ -19,7 +19,7 @@ div.flot-text {
|
||||
&--solo {
|
||||
.panel-container {
|
||||
border: none;
|
||||
z-index: $zindex-sidemenu + 1
|
||||
z-index: $zindex-sidemenu + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -98,7 +98,7 @@ div.flot-text {
|
||||
}
|
||||
|
||||
.panel-loading {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 0px;
|
||||
z-index: 800;
|
||||
@ -184,7 +184,7 @@ div.flot-text {
|
||||
}
|
||||
}
|
||||
|
||||
.panel-hover-highlight {
|
||||
.panel-hover-highlight {
|
||||
.panel-menu-toggle {
|
||||
visibility: visible;
|
||||
transition: opacity 0.1s ease-in 0.2s;
|
||||
@ -213,7 +213,7 @@ div.flot-text {
|
||||
span {
|
||||
display: inline-block;
|
||||
@include brand-bottom-border();
|
||||
padding: 0.5rem .5rem .2rem .5rem;
|
||||
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
//
|
||||
// Layout
|
||||
//
|
||||
@ -9,60 +8,74 @@
|
||||
}
|
||||
|
||||
.error-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.error-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.error-space-between {justify-content: space-between;}
|
||||
.error-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.graph-box {
|
||||
width: 62%;
|
||||
padding: 2rem 1rem;
|
||||
width: 62%;
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
width: 38%;
|
||||
padding: 2rem 1rem 2rem;
|
||||
width: 38%;
|
||||
padding: 2rem 1rem 2rem;
|
||||
}
|
||||
|
||||
.graph-percentage {padding: 0 0 1.5rem;}
|
||||
.graph-percentage {
|
||||
padding: 0 0 1.5rem;
|
||||
}
|
||||
|
||||
.image-box {padding: .5rem}
|
||||
.image-box {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.left-margin{padding: 0 0 0 5rem;}
|
||||
.left-margin {
|
||||
padding: 0 0 0 5rem;
|
||||
}
|
||||
|
||||
.current-box {justify-content: flex-end;}
|
||||
.current-box {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
//
|
||||
// Text
|
||||
//
|
||||
|
||||
.current-text {
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
line-height: 1rem;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.error-link {color: $orange;}
|
||||
.error-link {
|
||||
color: $orange;
|
||||
}
|
||||
|
||||
.error-minus {
|
||||
color: #7eb26d;
|
||||
padding: 0 .5rem;
|
||||
line-height: 1.5rem;
|
||||
color: #7eb26d;
|
||||
padding: 0 0.5rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.graph-percentage p {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
line-height: 1rem;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.graph-text {margin: 0;}
|
||||
.graph-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.graph-box {
|
||||
@ -84,7 +97,7 @@
|
||||
}
|
||||
|
||||
.info-box {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.error-full-width {
|
||||
|
||||
@ -29,10 +29,13 @@
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
&:before, &:after {
|
||||
&:before,
|
||||
&:after {
|
||||
}
|
||||
|
||||
&:after { left: -40px; }
|
||||
&:after {
|
||||
left: -40px;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-line-number {
|
||||
@ -44,7 +47,9 @@
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.diff-line-number-hide { visibility: hidden; }
|
||||
.diff-line-number-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.diff-line-icon {
|
||||
color: $diff-json-icon;
|
||||
@ -58,28 +63,49 @@
|
||||
.diff-json-new,
|
||||
.diff-json-old,
|
||||
.diff-json-deleted,
|
||||
.diff-json-added, {
|
||||
.diff-json-added {
|
||||
color: $diff-json-changed-fg;
|
||||
|
||||
& .diff-line-number { color: $diff-json-changed-num; }
|
||||
& .diff-line-number {
|
||||
color: $diff-json-changed-num;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-json-new { background-color: $diff-json-new; }
|
||||
.diff-json-old { background-color: $diff-json-old; }
|
||||
.diff-json-added { background-color: $diff-json-added; }
|
||||
.diff-json-deleted { background-color: $diff-json-deleted; }
|
||||
.diff-json-new {
|
||||
background-color: $diff-json-new;
|
||||
}
|
||||
.diff-json-old {
|
||||
background-color: $diff-json-old;
|
||||
}
|
||||
.diff-json-added {
|
||||
background-color: $diff-json-added;
|
||||
}
|
||||
.diff-json-deleted {
|
||||
background-color: $diff-json-deleted;
|
||||
}
|
||||
|
||||
.diff-value {
|
||||
user-select: all;
|
||||
}
|
||||
|
||||
// Basic
|
||||
.diff-circle { margin-right: .5em; }
|
||||
.diff-circle-changed { color: #f59433; }
|
||||
.diff-circle-added { color: #29D761; }
|
||||
.diff-circle-deleted { color: #fd474a; }
|
||||
.diff-circle {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.diff-circle-changed {
|
||||
color: #f59433;
|
||||
}
|
||||
.diff-circle-added {
|
||||
color: #29d761;
|
||||
}
|
||||
.diff-circle-deleted {
|
||||
color: #fd474a;
|
||||
}
|
||||
|
||||
.diff-item-added, .diff-item-deleted { list-style: none; }
|
||||
.diff-item-added,
|
||||
.diff-item-deleted {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.diff-group {
|
||||
background: $diff-group-bg;
|
||||
@ -88,7 +114,9 @@
|
||||
padding: 10px 15px;
|
||||
margin: 1rem 0;
|
||||
|
||||
& .diff-group { padding: 0 5px; }
|
||||
& .diff-group {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-group-name {
|
||||
@ -100,20 +128,24 @@
|
||||
}
|
||||
|
||||
.diff-summary-key {
|
||||
padding-left: .25em;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
|
||||
.diff-list {
|
||||
padding-left: 40px;
|
||||
|
||||
& .diff-list { padding-left: 0; }
|
||||
& .diff-list {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-item {
|
||||
color: $gray-2;
|
||||
line-height: 2.5;
|
||||
|
||||
& > div { display: inline; }
|
||||
& > div {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-item-changeset {
|
||||
@ -125,7 +157,7 @@
|
||||
border-radius: 3px;
|
||||
color: $diff-label-fg;
|
||||
display: inline;
|
||||
font-size: .95rem;
|
||||
font-size: 0.95rem;
|
||||
margin: 0 5px;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
@ -160,7 +192,7 @@
|
||||
|
||||
.diff-change-group {
|
||||
width: 100%;
|
||||
color: rgba(223,224,225, .6);
|
||||
color: rgba(223, 224, 225, 0.6);
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
|
||||
@ -44,7 +44,7 @@ select:-webkit-autofill:focus {
|
||||
.login-form-input {
|
||||
border: 1px solid $login-border;
|
||||
border-radius: 4px;
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
|
||||
&:focus {
|
||||
border: 1px solid $login-border;
|
||||
@ -55,9 +55,9 @@ select:-webkit-autofill:focus {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
margin-top: .5rem
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.login-button-forgot-password {
|
||||
@ -95,7 +95,7 @@ select:-webkit-autofill:focus {
|
||||
color: $link-color;
|
||||
position: relative;
|
||||
font-size: 2rem;
|
||||
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
|
||||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@ -211,7 +211,7 @@ select:-webkit-autofill:focus {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
margin-top: 1rem
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.login-signup-title {
|
||||
@ -328,7 +328,6 @@ select:-webkit-autofill:focus {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.login-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -364,14 +363,15 @@ select:-webkit-autofill:focus {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
&:before,
|
||||
&:after {
|
||||
backface-visibility: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -388,6 +388,12 @@ select:-webkit-autofill:focus {
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
background-image: -webkit-radial-gradient(center center, ellipse farthest-corner, transparent 0%, transparent 10%, rgba(18, 22, 29, 1) 100%);
|
||||
z-index:2;
|
||||
background-image: -webkit-radial-gradient(
|
||||
center center,
|
||||
ellipse farthest-corner,
|
||||
transparent 0%,
|
||||
transparent 10%,
|
||||
rgba(18, 22, 29, 1) 100%
|
||||
);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@ -27,7 +27,6 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.playlist-search-field-wrapper {
|
||||
input {
|
||||
width: 100%;
|
||||
@ -50,18 +49,20 @@
|
||||
display: block;
|
||||
line-height: 28px;
|
||||
|
||||
.search-item:hover, .search-item.selected {
|
||||
.search-item:hover,
|
||||
.search-item.selected {
|
||||
background-color: $list-item-hover-bg;
|
||||
}
|
||||
|
||||
.selected {
|
||||
.search-result-tag {
|
||||
opacity: 0.70;
|
||||
opacity: 0.7;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.fa-star, .fa-star-o {
|
||||
.fa-star,
|
||||
.fa-star-o {
|
||||
padding-left: 13px;
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.get-more-plugins-link {
|
||||
color: $gray-3;
|
||||
font-size: $font-size-sm;
|
||||
@ -28,4 +27,3 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
@ -19,4 +19,4 @@
|
||||
position: absolute;
|
||||
margin-left: 9rem;
|
||||
width: 194px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -9,9 +9,15 @@
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
.color-card-body-bg { background-color: $body-bg; }
|
||||
.color-card-page-bg { background-color: $page-bg; }
|
||||
.color-card-gray { background-color: $gray-1; }
|
||||
.color-card-body-bg {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
.color-card-page-bg {
|
||||
background-color: $page-bg;
|
||||
}
|
||||
.color-card-gray {
|
||||
background-color: $gray-1;
|
||||
}
|
||||
|
||||
.style-guide-button-list {
|
||||
padding: $spacer;
|
||||
@ -25,4 +31,3 @@
|
||||
font-size: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
|
||||
|
||||
[ng\:cloak], [ng-cloak], .ng-cloak {
|
||||
[ng\:cloak],
|
||||
[ng-cloak],
|
||||
.ng-cloak {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -2,31 +2,57 @@
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
// Flex column reordering
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
.flex-#{$breakpoint}-first { order: -1; }
|
||||
.flex-#{$breakpoint}-last { order: 1; }
|
||||
.flex-#{$breakpoint}-first {
|
||||
order: -1;
|
||||
}
|
||||
.flex-#{$breakpoint}-last {
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Alignment for every item
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
.flex-items-#{$breakpoint}-top { align-items: flex-start; }
|
||||
.flex-items-#{$breakpoint}-middle { align-items: center; }
|
||||
.flex-items-#{$breakpoint}-bottom { align-items: flex-end; }
|
||||
.flex-items-#{$breakpoint}-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-middle {
|
||||
align-items: center;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
// Alignment per item
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
.flex-#{$breakpoint}-top { align-self: flex-start; }
|
||||
.flex-#{$breakpoint}-middle { align-self: center; }
|
||||
.flex-#{$breakpoint}-bottom { align-self: flex-end; }
|
||||
.flex-#{$breakpoint}-top {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.flex-#{$breakpoint}-middle {
|
||||
align-self: center;
|
||||
}
|
||||
.flex-#{$breakpoint}-bottom {
|
||||
align-self: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
// Horizontal alignment of item
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
.flex-items-#{$breakpoint}-left { justify-content: flex-start; }
|
||||
.flex-items-#{$breakpoint}-center { justify-content: center; }
|
||||
.flex-items-#{$breakpoint}-right { justify-content: flex-end; }
|
||||
.flex-items-#{$breakpoint}-around { justify-content: space-around; }
|
||||
.flex-items-#{$breakpoint}-between { justify-content: space-between; }
|
||||
.flex-items-#{$breakpoint}-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.flex-items-#{$breakpoint}-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,33 +2,42 @@
|
||||
|
||||
.m-x-auto {
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
@each $prop, $abbrev in (margin: m, padding: p) {
|
||||
@each $size, $lengths in $spacers {
|
||||
$length-x: map-get($lengths, x);
|
||||
$length-y: map-get($lengths, y);
|
||||
$length-x: map-get($lengths, x);
|
||||
$length-y: map-get($lengths, y);
|
||||
|
||||
.#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides
|
||||
.#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; }
|
||||
.#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; }
|
||||
.#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; }
|
||||
.#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; }
|
||||
.#{$abbrev}-a-#{$size} {
|
||||
#{$prop}: $length-y $length-x !important;
|
||||
} // a = All sides
|
||||
.#{$abbrev}-t-#{$size} {
|
||||
#{$prop}-top: $length-y !important;
|
||||
}
|
||||
.#{$abbrev}-r-#{$size} {
|
||||
#{$prop}-right: $length-x !important;
|
||||
}
|
||||
.#{$abbrev}-b-#{$size} {
|
||||
#{$prop}-bottom: $length-y !important;
|
||||
}
|
||||
.#{$abbrev}-l-#{$size} {
|
||||
#{$prop}-left: $length-x !important;
|
||||
}
|
||||
|
||||
// Axes
|
||||
.#{$abbrev}-x-#{$size} {
|
||||
#{$prop}-right: $length-x !important;
|
||||
#{$prop}-left: $length-x !important;
|
||||
#{$prop}-right: $length-x !important;
|
||||
#{$prop}-left: $length-x !important;
|
||||
}
|
||||
.#{$abbrev}-y-#{$size} {
|
||||
#{$prop}-top: $length-y !important;
|
||||
#{$prop}-top: $length-y !important;
|
||||
#{$prop}-bottom: $length-y !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Positioning
|
||||
|
||||
.pos-f-t {
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
font-weight: bold;
|
||||
line-height: $line-height-base;
|
||||
color: $black;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
@ -47,7 +47,6 @@ button.close {
|
||||
// Utility classes
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Quick floats
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
|
||||
@ -1,10 +1,7 @@
|
||||
input[type=text].ng-dirty.ng-invalid {
|
||||
input[type="text"].ng-dirty.ng-invalid {
|
||||
}
|
||||
|
||||
input.validation-error,
|
||||
input.ng-dirty.ng-invalid {
|
||||
box-shadow: inset 0 0px 5px $red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user