Infra-Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-10-01 01:36:00 -04:00
Code Issues Packages Projects Releases Wiki Activity
31272e60b6
BookStack/resources/sass/_variables.scss

94 lines
3.1 KiB
SCSS
Raw Normal View History

Initial commit
2015-07-12 15:01:42 -04:00
// Variables
///////////////
// Screen breakpoints
Notifications: Extracted watch options, updated UI further
2023-07-31 10:23:28 -04:00
$xxxl: 1700px;
Added responsive functionality to tri-layout view.
2018-12-08 18:34:06 -05:00
$xxl: 1400px;
Initial commit
2015-07-12 15:01:42 -04:00
$xl: 1100px;
$l: 1000px;
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile.
2018-10-16 13:49:16 -04:00
$m: 880px;
Initial commit
2015-07-12 15:01:42 -04:00
$s: 600px;
$xs: 400px;
$xxs: 360px;
Actioned some todo items, Cleaned old grid css
2019-04-07 04:57:48 -04:00
// List of screen sizes
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile.
2018-10-16 13:49:16 -04:00
$screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl));
Initial commit
2015-07-12 15:01:42 -04:00
// Spacing (Margins+Padding)
$-xxxl: 64px;
$-xxl: 48px;
$-xl: 32px;
$-l: 24px;
$-m: 16px;
$-s: 12px;
$-xs: 6px;
$-xxs: 3px;
Actioned some todo items, Cleaned old grid css
2019-04-07 04:57:48 -04:00
// List of our spacing sizes
Added user filter to audit log Included testing to cover. Closes #2472
2021-03-21 11:04:32 -04:00
$spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl), ('auto', auto));
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile.
2018-10-16 13:49:16 -04:00
Initial commit
2015-07-12 15:01:42 -04:00
// Fonts
Updated fonts to be defined via CSS variables Exports system remains separate due to lacking css variable support.
2023-06-14 07:53:48 -04:00
$font-body: -apple-system, BlinkMacSystemFont,
Removed included fonts, Set to use system fonts. All font definitions moved into _text.scss. Needs override documentation to complete. Relates to #423.
2017-08-19 09:33:55 -04:00
"Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
Updated fonts to be defined via CSS variables Exports system remains separate due to lacking css variable support.
2023-06-14 07:53:48 -04:00
$font-mono: "Lucida Console", "DejaVu Sans Mono", "Ubuntu Mono", Monaco, monospace;
Started looking at the books listing design
2018-12-01 11:29:57 -05:00
$fs-m: 14px;
$fs-s: 12px;
Initial commit
2015-07-12 15:01:42 -04:00
// Colours
CSS: Updated status colors to be CSS variables, Added dark variants Needed some level of harcoding though due to callouts using colors, which can't be css colors as DOMPDF won't understand these. Use css variables elsewhere and added new dark variants to fit a bit better.
2023-06-13 10:52:33 -04:00
$positive: #0f7d15;
$negative: #ab0f0e;
$info: #0288D1;
$warning: #cf4d03;
$positive-dark: #4aa850;
$negative-dark: #e85c5b;
$info-dark: #0288D1;
$warning-dark: #de8a5a;
Updated fonts to be defined via CSS variables Exports system remains separate due to lacking css variable support.
2023-06-14 07:53:48 -04:00
// Text colours
$text-dark: #444;
// Shadows
$bs-light: 0 0 4px 1px #CCC;
$bs-dark: 0 0 4px 1px rgba(0, 0, 0, 0.5);
$bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
$bs-large: 0 1px 6px 1px rgba(22, 22, 22, 0.2);
$bs-card: 0 1px 6px -1px rgba(0, 0, 0, 0.1);
$bs-card-dark: 0 1px 6px -1px rgba(0, 0, 0, 0.5);
$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
// CSS root variables
Converted primary color use to css variable - Removed all existing SCSS usage of primary color. - Cut down custom styles injection to just be css vars. - Reduced button styles so default button is primary. - Updated button styles to lighten/brighten on hover & active states even when a custom color is set. - Removed unused scss color vars. - Updated default BookStack blue to achieve better accessibility.
2019-08-25 07:40:04 -04:00
:root {
Updated fonts to be defined via CSS variables Exports system remains separate due to lacking css variable support.
2023-06-14 07:53:48 -04:00
--font-body: #{$font-body};
--font-code: #{$font-mono};
Tweaked entity color palette for accessibility Also converted entity colors to CSS variables for easier instance customization. Related to #1320
2019-08-26 09:37:53 -04:00
--color-primary: #206ea7;
--color-primary-light: rgba(32,110,167,0.15);
Rolled out use of seperate link color style
2023-01-28 11:06:11 -05:00
--color-link: #206ea7;
Tweaked entity color palette for accessibility Also converted entity colors to CSS variables for easier instance customization. Related to #1320
2019-08-26 09:37:53 -04:00
--color-page: #206ea7;
--color-page-draft: #7e50b1;
--color-chapter: #af4d0d;
--color-book: #077b70;
--color-bookshelf: #a94747;
Started removal of non-view permission queries Updated ajax search and entity selector usage to display and handle items that the user does not have permission to interact with. Started logic changes to not allow permission type to be passed around, with views instead being the fixed sole permission.
2022-07-13 10:23:03 -04:00
CSS: Updated status colors to be CSS variables, Added dark variants Needed some level of harcoding though due to callouts using colors, which can't be css colors as DOMPDF won't understand these. Use css variables elsewhere and added new dark variants to fit a bit better.
2023-06-13 10:52:33 -04:00
--color-positive: #{$positive};
--color-negative: #{$negative};
--color-info: #{$info};
--color-warning: #{$warning};
Started removal of non-view permission queries Updated ajax search and entity selector usage to display and handle items that the user does not have permission to interact with. Started logic changes to not allow permission type to be passed around, with views instead being the fixed sole permission.
2022-07-13 10:23:03 -04:00
--bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(0, 0, 0,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
}
:root.dark-mode {
--bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(255, 255, 255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
Cleaned up dark mode styles inc. setting browser color scheme Forces browser colorscheme based on BookStack color scheme, via 'color-scheme' css property. Sets proper dark mode colors for some previously missed areas like templates and attachment control buttons. Also fixed search bar icon position for some search inputs.
2022-11-28 07:38:30 -05:00
color-scheme: only dark;
CSS: Updated status colors to be CSS variables, Added dark variants Needed some level of harcoding though due to callouts using colors, which can't be css colors as DOMPDF won't understand these. Use css variables elsewhere and added new dark variants to fit a bit better.
2023-06-13 10:52:33 -04:00
--color-positive: #4aa850;
--color-negative: #e85c5b;
--color-warning: #de8a5a;
Cleaned up dark mode styles inc. setting browser color scheme Forces browser colorscheme based on BookStack color scheme, via 'color-scheme' css property. Sets proper dark mode colors for some previously missed areas like templates and attachment control buttons. Also fixed search bar icon position for some search inputs.
2022-11-28 07:38:30 -05:00
}
:root:not(.dark-mode) {
color-scheme: only light;
Updated fonts to be defined via CSS variables Exports system remains separate due to lacking css variable support.
2023-06-14 07:53:48 -04:00
}
Reference in New Issue Copy Permalink