IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15901 from grafana/8px-system-margins

Browse Source 
8px system margins
This commit is contained in:
Torkel Ödegaard
2019-03-12 12:31:31 +01:00
committed by GitHub
parent 4ed1fdf754 a418697453
commit 51c06a8c46
9 changed files with 51 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/grafana-ui/src/themes/_variables.scss.tmpl.ts
View File

@@ -17,7 +17,12 @@ $enable-hover-media-query: false !default;
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
$spacer: ${theme.spacing.m} !default;
$space-xs: ${theme.spacing.xs} !default;
$space-sm: ${theme.spacing.s} !default;
$space-md: ${theme.spacing.m} !default;
$space-lg: ${theme.spacing.l} !default;
$space-xl: ${theme.spacing.xl} !default;
$spacer: ${theme.spacing.d} !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
$spacers: (

10
packages/grafana-ui/src/themes/default.ts
View File

@@ -43,10 +43,12 @@ const theme: GrafanaThemeCommons = {
xl: '1200px',
},
spacing: {
xs: '0',
s: '3px',
m: '14px',
l: '21px',
d: '14px',
xs: '4px',
s: '8px',
m: '16px',
l: '24px',
xl: '32px',
gutter: '30px',
},
border: {

2
packages/grafana-ui/src/types/theme.ts
View File

@@ -48,10 +48,12 @@ export interface GrafanaThemeCommons {
};
};
spacing: {
d: string;
xs: string;
s: string;
m: string;
l: string;
xl: string;
gutter: string;
};
border: {