BookStack/resources/sass/_html.scss

@use "mixins";
@use "vars";

* {
  box-sizing: border-box;
  outline-color: var(--color-primary);
  outline-width: 1px;
}

*:focus {
  outline-style: dotted;
}

html {
  height: 100%;
  overflow-y: scroll;
  background-color: #F2F2F2;
  &.flexbox {
    overflow-y: hidden;
  }
  &.dark-mode {
    background-color: #111;
  }
}

body {
  font-size: vars.$fs-m;
  line-height: 1.6;
  @include mixins.lightDark(color, #444, #AAA);
  -webkit-font-smoothing: antialiased;
  height: 100%;
  display: flex;
  flex-direction: column;
}
SASS: Updated to use modules and address deprecations Changes the name of our spacing variables due to the prefixing -/_ meaning private in the use of new "use" rather than include. All now modular too, so all variables/mixins are accessed via their package. Also renamed variables file to vars for simpler/cleaner access/writing. eg. '$-m' is now 'vars.$m' 2024-12-09 13:25:35 +00:00			`@use "mixins";`
			`@use "vars";`

Initial commit 2015-07-12 20:01:42 +01:00			`* {`
Rolled out redesign across application 2015-08-31 11:43:28 +01:00			`box-sizing: border-box;`
Set a default outline color and width - Applied since the browser defaults caused outlines to appear very large in some cases. - Set default color to use app primary color, to help them blend into the design a little. For #1738 2019-12-16 13:15:11 +00:00			`outline-color: var(--color-primary);`
			`outline-width: 1px;`
Made a mass of accessibility improvements - Changed default focus styles - Updated dropdowns with keyboard navigation - Updated modals with esc exiting - Added accessibility attirbutes where needed - Made many more elements focusable - Updated hover effects of many items to also apply when focused within Related to #1320 and #1198 2019-08-24 18:26:28 +01:00			`}`

			`*:focus {`
			`outline-style: dotted;`
Initial commit 2015-07-12 20:01:42 +01:00			`}`
Updated table styling to ideally by more predictable Set styles to be fixed and not cut text. 2016-09-06 20:47:34 +01:00
Initial commit 2015-07-12 20:01:42 +01:00			`html {`
Rolled out redesign across application 2015-08-31 11:43:28 +01:00			`height: 100%;`
Forced browser scrollbar, Added custom theme compatible logo Also removed link to search all pages if no pages mached search on global search page. Closes #74. 2016-03-13 14:00:24 +00:00			`overflow-y: scroll;`
Started reworking of page-show design - Updated core toolbar & breadcrumb design 2018-10-21 20:05:11 +01:00			`background-color: #F2F2F2;`
Forced browser scrollbar, Added custom theme compatible logo Also removed link to search all pages if no pages mached search on global search page. Closes #74. 2016-03-13 14:00:24 +00:00			`&.flexbox {`
			`overflow-y: hidden;`
			`}`
Started work on supporting a dark-mode - Most elements done, but still need to do editors, tables and final pass. - Toggled only by quick js check at the moment, checking via css media query. Need to make into user-preference toggle. For #1234 2020-04-10 22:38:29 +01:00			`&.dark-mode {`
			`background-color: #111;`
			`}`
Initial commit 2015-07-12 20:01:42 +01:00			`}`
Updated table styling to ideally by more predictable Set styles to be fixed and not cut text. 2016-09-06 20:47:34 +01:00
Initial commit 2015-07-12 20:01:42 +01:00			`body {`
SASS: Updated to use modules and address deprecations Changes the name of our spacing variables due to the prefixing -/_ meaning private in the use of new "use" rather than include. All now modular too, so all variables/mixins are accessed via their package. Also renamed variables file to vars for simpler/cleaner access/writing. eg. '$-m' is now 'vars.$m' 2024-12-09 13:25:35 +00:00			`font-size: vars.$fs-m;`
Rolled out redesign across application 2015-08-31 11:43:28 +01:00			`line-height: 1.6;`
SASS: Updated to use modules and address deprecations Changes the name of our spacing variables due to the prefixing -/_ meaning private in the use of new "use" rather than include. All now modular too, so all variables/mixins are accessed via their package. Also renamed variables file to vars for simpler/cleaner access/writing. eg. '$-m' is now 'vars.$m' 2024-12-09 13:25:35 +00:00			`@include mixins.lightDark(color, #444, #AAA);`
Rolled out redesign across application 2015-08-31 11:43:28 +01:00			`-webkit-font-smoothing: antialiased;`
Add footer element, styles, and associated settings 2020-03-18 22:28:06 -05:00			`height: 100%;`
			`display: flex;`
			`flex-direction: column;`
Merge branch 'footer-links' of git://github.com/james-geiger/BookStack into james-geiger-footer-links 2021-01-30 22:03:16 +00:00			`}`