BookStack/resources/sass/_html.scss

* {
  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: $fs-m;
  line-height: 1.6;
  @include lightDark(color, #444, #AAA);
  -webkit-font-smoothing: antialiased;
}
Initial commit 2015-07-12 21:01:42 +02:00			`* {`
Rolled out redesign across application 2015-08-31 12:43:28 +02: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 14:15:11 +01: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 19:26:28 +02:00			`}`

			`*:focus {`
			`outline-style: dotted;`
Initial commit 2015-07-12 21:01:42 +02:00			`}`
Updated table styling to ideally by more predictable Set styles to be fixed and not cut text. 2016-09-06 21:47:34 +02:00
Initial commit 2015-07-12 21:01:42 +02:00			`html {`
Rolled out redesign across application 2015-08-31 12:43:28 +02: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 15:00:24 +01:00			`overflow-y: scroll;`
Started reworking of page-show design - Updated core toolbar & breadcrumb design 2018-10-21 21:05:11 +02: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 15:00:24 +01: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 23:38:29 +02:00			`&.dark-mode {`
			`background-color: #111;`
			`}`
Initial commit 2015-07-12 21:01:42 +02:00			`}`
Updated table styling to ideally by more predictable Set styles to be fixed and not cut text. 2016-09-06 21:47:34 +02:00
Initial commit 2015-07-12 21:01:42 +02:00			`body {`
Rolled out redesign across application 2015-08-31 12:43:28 +02:00			`font-size: $fs-m;`
			`line-height: 1.6;`
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 23:38:29 +02:00			`@include lightDark(color, #444, #AAA);`
Rolled out redesign across application 2015-08-31 12:43:28 +02:00			`-webkit-font-smoothing: antialiased;`
Neated some stock styles 2015-07-21 22:16:26 +02:00			`}`