| Current Path : /home/ereika83/www/wp-content/plugins/wpmudev-updates/assets/src/scss/widget-ui/ |
| Current File : /home/ereika83/www/wp-content/plugins/wpmudev-updates/assets/src/scss/widget-ui/_variables.scss |
$prefix: '.wpmudui'; // ==================================== // Global styles // Font basics $font: 'Roboto', sans-serif; $font-normal: 400; $font-medium: 500; $letter-spacing: -0.025em; // Google Fonts $google-fonts: true; $google-fonts--url: 'https://fonts.googleapis.com/css?family=Roboto:400,500'; // Icons Font $font-icon--path: '~@wpmudev/shared-ui/dist/fonts/'; $font-icon--version: '2.0.10'; // Breakpoints $breakpoints: ( sm: 782px, md: 960px, lg: 1280px ); // Other basics $border-radius: 3px; $transition: 0.2s ease; // ==================================== // WordPress Dashboard Analytics Widget $widget-prefix: 'analytics'; $widget-gutter: 12px; $widget-spacing: 10px; // Tooltips $widget-tooltip--border-radius: 4px; $widget-tooltip--background: #333333; $widget-tooltip--color: #FFFFFF; $widget-tooltip--font-size: 12px; $widget-tooltip--line-height: 18px; // Label $widget-label--color: #72777C; $widget-label--font-size: 14px; $widget-label--line-height: 20px; // Input $widget-input--border-width: 1px; $widget-input--border-style: solid; $widget-input--border-color: #DDDDDD; $widget-input--background: #FFFFFF; $widget-input--color: #32373C; $widget-input--font-size: 13px; $widget-input--line-height: 15px; $widget-input--active-border-color: #5B9DD9; // Select $widget-select--width: 109px; $widget-select--height: 30px; $widget-select--border-width: 1px; $widget-select--border-style: solid; $widget-select--border-color: #DDDDDD; $widget-select--background: #FFFFFF; $widget-select--font-size: 13px; $widget-select--line-height: 15px; $widget-select--hover-border-color: #5B9DD9; // Button $widget-button--width: 98px; $widget-button--height: 30px; $widget-button--border-width: 1px; $widget-button--border-style: solid; $widget-button--border-color: #CCCCCC; $widget-button--background: #F7F7F7; $widget-button--box-shadow: 0 1px 0 0 #CCCCCC; $widget-button--color: #555555; $widget-button--font-size: 13px; $widget-button--line-height: 28px; $widget-button--icon-width: 30px; $widget-button--icon-size: 12px; $widget-button--hover-border-color: #999999; $widget-button--active-background: #EEEEEE; // Tabs $widget-tabs--border-width: 1px; $widget-tabs--border-style: solid; $widget-tabs--border-color: transparent; $widget-tabs--color: #0073AA; $widget-tabs--font-size: 14px; $widget-tabs--line-height: 20px; $widget-tabs--font-weight: 400; $widget-tabs--current-border-color: #23282D; $widget-tabs--current-color: #23282D; // Search form $widget-form--background: #F2F2F2; // Chart option $widget-chop--border-width: 4px; $widget-chop--border-style: solid; $widget-chop--border-color: transparent; $widget-chop--background: transparent; $widget-chop--color: #23282D; $widget-chop--color-up: #1ABC9C; $widget-chop--color-down: #FF6D6D; $widget-chop--current-border-color: rgba(0,133,186,0.98); $widget-chop--title-font-size: 14px; $widget-chop--title-line-height: 20px; $widget-chop--value-color: #72777C; $widget-chop--value-font-size: 18px; $widget-chop--value-line-height: 22px; $widget-chop--trend-font-size: 11px; $widget-chop--trend-line-height: 11px; // Table $widget-table--thead-background: #F2F2F2; $widget-table--thead-color: #23282D; $widget-table--thead-font-size: 14px; $widget-table--thead-line-height: 20px; $widget-table--tbody-color: #72777C; $widget-table--tbody-font-size: 14px; $widget-table--tbody-line-height: 20px; $widget-table--tbody-icon-size: 14px; $widget-table--tbody-trend-icon: 11px; $widget-table--tbody-trend-up: #1ABC9C; $widget-table--tbody-trend-down: #FF6D6D; $widget-table--tbody-hover-background: #FAFAFA; $widget-table--tbody-hover-color: #0073AA; // Autocomplete $widget-autocomplete--border-width: 1px; $widget-autocomplete--border-style: solid; $widget-autocomplete--border-color: #DDDDDD; $widget-autocomplete--background: #FFFFFF; $widget-autocomplete--item-color: #32373C; $widget-autocomplete--item-font-size: 13px; $widget-autocomplete--item-line-height: 22px; $widget-autocomplete--focus-background: #5897FB; $widget-autocomplete--focus-color: #FFFFFF; // Pagination $widget-pagination--border-width: 1px; $widget-pagination--border-style: solid; $widget-pagination--border-color: #EEEEEE;