X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/4f231d1bf088b75dca874472962a61da720d0e67..refs/pull/1462/head:/resources/assets/sass/_variables.scss diff --git a/resources/assets/sass/_variables.scss b/resources/assets/sass/_variables.scss index 3e864aaa4..041b70edf 100644 --- a/resources/assets/sass/_variables.scss +++ b/resources/assets/sass/_variables.scss @@ -1,14 +1,12 @@ // Variables /////////////// -// Sizes -$max-width: 1400px; - // Screen breakpoints +$xxl: 1400px; $xl: 1100px; $ipad-width: 1028px; // Is actually 1024 but we go over to ensure functionality. $l: 1000px; -$m: 800px; +$m: 880px; $s: 600px; $xs: 400px; $xxs: 360px; @@ -16,6 +14,9 @@ $screen-lg: 1200px; $screen-md: 992px; $screen-sm: 768px; +// List of screen sizes +$screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl)); + // Spacing (Margins+Padding) $-xxxl: 64px; $-xxl: 48px; @@ -26,25 +27,33 @@ $-s: 12px; $-xs: 6px; $-xxs: 3px; +// List of our spacing sizes +$spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl)); + // Fonts -$heading: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif; -$text: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif; -$fs-m: 15px; -$fs-s: 14px; +$text: -apple-system, BlinkMacSystemFont, +"Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell", +"Fira Sans", "Droid Sans", "Helvetica Neue", +sans-serif; +$mono: "Lucida Console", "DejaVu Sans Mono", "Ubunto Mono", Monaco, monospace; +$heading: $text; +$fs-m: 14px; +$fs-s: 12px; // Colours $primary: #0288D1; $primary-dark: #0288D1; -$secondary: #e27b41; -$positive: #52A256; -$negative: #E84F4F; +$secondary: #cf4d03; +$positive: #0f7d15; +$negative: #ab0f0e; $info: $primary; $warning: $secondary; $primary-faded: rgba(21, 101, 192, 0.15); // Item Colors +$color-bookshelf: #af5a5a; $color-book: #009688; -$color-chapter: #ef7c3c; +$color-chapter: #d7804a; $color-page: $primary; $color-page-draft: #9A60DA; @@ -55,7 +64,6 @@ $text-light: #EEE; // Shadows $bs-light: 0 0 4px 1px #CCC; $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26); -$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13); - -// comments -$comment-border: #DDD; \ No newline at end of file +$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-hover: 0 2px 2px 1px rgba(0,0,0,.13); \ No newline at end of file