red-ui/apps/red-ui/src/styles.scss
2021-09-27 22:42:15 +03:00

50 lines
1.4 KiB
SCSS

/* You can add global styles to this file, and also import other style files */
@use 'variables' as vars;
@use 'common-functions';
@use 'common-variables';
@use 'assets/styles/red-theme';
@include common-variables.configure(
$iqser-primary: vars.$primary,
$iqser-primary-rgb: common-functions.hexToRgb(vars.$primary),
$iqser-primary-2: vars.$primary-2,
$iqser-accent: vars.$accent,
$iqser-accent-rgb: common-functions.hexToRgb(vars.$accent),
$iqser-disabled: vars.$grey-7,
$iqser-not-disabled-table-item: vars.$grey-8,
$iqser-btn-bg-hover: vars.$btn-bg-hover,
$iqser-btn-bg: vars.$btn-bg,
$iqser-warn: vars.$warn,
$iqser-white: vars.$white,
$iqser-separator: vars.$separator,
$iqser-quick-filter-border: vars.$quick-filter-border,
$iqser-grey-2: vars.$grey-2,
$iqser-grey-3: vars.$grey-3,
$iqser-grey-4: vars.$grey-4,
$iqser-grey-5: vars.$grey-5,
$iqser-grey-6: vars.$grey-6,
$iqser-helpmode-primary: vars.$green-2
);
.monaco-diff-editor {
.editor.original {
right: 30px !important; // diffOverviewRuler size
left: unset !important;
}
.editor.modified {
left: 0 !important;
width: unset !important;
}
.diffOverview {
.diffOverviewRuler.original {
left: 15px !important;
}
.diffOverviewRuler.modified {
right: 15px !important;
}
}
}