/*
 * notion-enhancer
 * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
 * (c) 2020 u/zenith_illinois
 * under the MIT license
 */

@import './localised.css';

/* inputs */
.notion-focusable:focus-within {
  /* var(--theme--primary) 0px 0px 0px 1px inset, */
  box-shadow: var(--theme--primary_hover) 0px 0px 0px 2px !important;
}

/* colour help button - one of the few specific classes notion does give us */
.notion-help-button {
  background: var(--theme--interactive_hover) !important;
  box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border) !important;
}

/* prevent block hover options overlaying topbar */
*:not([style*='z-index']) {
  z-index: 1;
}

/* fix highlight padding: this isn't a typo */
[style*='background:rgb('] {
  padding-bottom: 3px !important;
}

/* smooth transitions */
.notion-calendar-view-day,
.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end),
.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected,
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover,
.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
  transition: all 200ms ease !important;
}
.notion-token-remove-button {
  transition: opacity 200ms ease !important;
}
.notion-to_do-block > div > div > div[style*='background:'] {
  transition: background 200ms ease !important;
}

/* normalise inline-table size */
.notion-page-content .notion-collection_view-block {
  width: 100% !important;
}
.notion-page-content
  .notion-collection_view-block
  [style*='padding-left: 50px'],
.notion-page-content
  .notion-collection_view-block
  [style*='padding-left: 96px'],
.notion-page-content
  .notion-collection_view-block
  [style*='padding-left: 126px'] {
  padding-left: 0 !important;
}
.notion-page-content
  .notion-collection_view-block
  [style*='padding-right: 50px'],
.notion-page-content
  .notion-collection_view-block
  [style*='padding-right: 96px'],
.notion-page-content
  .notion-collection_view-block
  [style*='padding-right: 126px'] {
  padding-right: 0 !important;
}
.notion-page-content
  .notion-collection_view-block
  [style*='min-width: calc(100% - 192px);'],
.notion-page-content
  .notion-collection_view-block
  [style*='min-width: 708px;'] {
  min-width: 100% !important;
}
.notion-page-content .notion-collection_view-block > div {
  padding: 0 1px;
}

/* fix button resizing */
.notion-collection_view-block [role='button'],
.notion-collection_view_page-block [role='button'] {
  border-width: 0 !important;
}

/* page preview sizing */
.notion-peek-renderer > div:nth-child(2) {
  max-width: var(--theme--preview-width) !important;
}
.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] {
  max-width: none !important;
}

.notion-peek-renderer
  .notion-scroller.vertical
  [style*='padding-left: calc(126px + env(safe-area-inset-left));'] {
  padding-left: var(--theme--preview-padding) !important;
}
.notion-peek-renderer
  .notion-scroller.vertical
  [style*='padding-right: calc(126px + env(safe-area-inset-right));'] {
  padding-right: var(--theme--preview-padding) !important;
}
.notion-peek-renderer
  .notion-scroller.vertical
  [style*='margin-left: calc(126px + env(safe-area-inset-left));'] {
  margin-left: var(--theme--preview-padding) !important;
}
.notion-peek-renderer
  .notion-scroller.vertical
  [style*='margin-right: calc(126px + env(safe-area-inset-right));'] {
  margin-right: var(--theme--preview-padding) !important;
}
.notion-peek-renderer .notion-page-content {
  padding-left: var(--theme--preview-padding) !important;
  padding-right: var(--theme--preview-padding) !important;
  width: 100%;
}

/* prevent block hover options overlaying topbar */
.notion-topbar {
  background: var(--theme--main);
}

/* checkboxes */
.notion-to_do-block > div [role='button']:hover,
.notion-to_do-block > div [role='button']:hover .checkboxSquare,
.notion-to_do-block > div [role='button']:hover .check {
  background: var(--theme--option_hover-background) !important;
}
.notion-to_do-block > div [role='button']:hover .checkboxSquare path,
.notion-to_do-block > div [role='button']:hover .check polygon {
  fill: var(--theme--option_hover-color) !important;
}
.notion-to_do-block > div [role='button']:not(:hover) .check {
  background: var(--theme--option_active-background) !important;
}
.notion-to_do-block > div [role='button']:not(:hover) .check polygon {
  fill: var(--theme--option_active-color) !important;
}

/* fonts */
[style*='Segoe UI'] {
  font-family: var(--theme--font_sans) !important;
}
[style*='Georgia'] {
  font-family: var(--theme--font_serif) !important;
}
[style*='iawriter-mono'] {
  font-family: var(--theme--font_mono) !important;
}
[style*='SFMono-Regular'] {
  font-family: var(--theme--font_code) !important;
}
.notion-frame .notion-page-block div[placeholder='Untitled'] {
  font-size: var(--theme--font_title-size) !important;
}
[placeholder='Heading 1'] {
  font-size: var(--theme--font_heading1-size) !important;
}
[placeholder='Heading 2'] {
  font-size: var(--theme--font_heading2-size) !important;
}
[placeholder='Heading 3'] {
  font-size: var(--theme--font_heading3-size) !important;
}
.notion-frame .notion-scroller.vertical.horizontal [style*='font-size: 14px'] {
  font-size: var(--theme--font_label-size) !important;
}
.notion-frame .notion-scroller.vertical.horizontal .notion-page-content {
  font-size: var(--theme--font_body-size) !important;
}
.notion-code-block [placeholder=' '] {
  font-size: var(--theme--font_code-size) !important;
}
.notion-sidebar [style*='font-size: 14px'] {
  font-size: var(--theme--font_sidebar-size) !important;
}

/* code */
.notion-page-content .notion-code-block {
  background: var(--theme--code-background) !important;
}
.notion-code-block > div {
  color: var(--theme--code_text) !important;
}
.notion-code-block .token.function {
  color: var(--theme--code_function) !important;
}
.notion-code-block .token.keyword {
  color: var(--theme--code_keyword) !important;
}
.notion-code-block .token.tag {
  color: var(--theme--code_tag) !important;
}
.notion-code-block .token.operator {
  color: var(--theme--code_operator) !important;
}
.notion-code-block .token.important {
  color: var(--theme--code_important) !important;
}
.notion-code-block .token.property {
  color: var(--theme--code_property) !important;
}
.notion-code-block .token.builtin {
  color: var(--theme--code_builtin) !important;
}
.notion-code-block .token.attr-name {
  color: var(--theme--code_attr-name) !important;
}
.notion-code-block .token.attr-value {
  color: var(--theme--code_attr-value) !important;
}
.notion-code-block .token.comment {
  color: var(--theme--code_comment) !important;
}
.notion-code-block .token.punctuation {
  color: var(--theme--code_punctuation) !important;
}
.notion-code-block .token.doctype {
  color: var(--theme--code_doctype) !important;
}
.notion-code-block .token.number {
  color: var(--theme--code_number) !important;
}
.notion-code-block .token.string {
  color: var(--theme--code_string) !important;
}