discourse/app/assets/stylesheets/common/base/exception.scss

.error-page {
  text-align: center;
  padding-top: 2em;

  .face {
    font-size: 4.286em;
  }
  .reason {
    font-size: var(--font-up-4);
  }
  .url {
    font-style: italic;
    font-size: var(--font-down-1);
  }
  .desc {
    margin-top: 16px;
    .d-icon-circle-check {
      color: var(--success);
    }
  }
  .buttons {
    align-items: center;
    display: inline-flex;
    margin-top: 15px;

    button {
      margin: 0 20px;
    }
  }
}
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`.error-page {`
			`text-align: center;`
			`padding-top: 2em;`

			`.face {`
UX: Removing px font defintions and replacing with em 2017-12-18 14:49:11 -06:00			`font-size: 4.286em;`
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`}`
			`.reason {`
DEV: Use css var font sizes (#18518) For consistency and and the ability to change all font sizes at once in the dev tools 2022-10-12 08:31:59 -05:00			`font-size: var(--font-up-4);`
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`}`
			`.url {`
			`font-style: italic;`
DEV: Use css var font sizes (#18518) For consistency and and the ability to change all font sizes at once in the dev tools 2022-10-12 08:31:59 -05:00			`font-size: var(--font-down-1);`
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`}`
			`.desc {`
			`margin-top: 16px;`
DEV: remap all core icons for fontawesome 6 upgrade (#28715) Followup to 7d8974d02f7360b324b446868463e950fe92883f Co-authored-by: David Taylor <david@taylorhq.com> 2024-09-13 10:50:52 -05:00			`.d-icon-circle-check {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-03 21:57:10 -05:00			`color: var(--success);`
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`}`
			`}`
			`.buttons {`
FIX: Don't change the button height when spinner appears on the exception page. 2020-06-01 07:15:23 -05:00			`align-items: center;`
UX: center align exceptions page button on mobile 2016-03-28 11:41:08 -05:00			`display: inline-flex;`
FEATURE: Nice error handling page 2014-06-16 13:25:33 -05:00			`margin-top: 15px;`

			`button {`
			`margin: 0 20px;`
			`}`
			`}`
			`}`