diff --git a/scss/_reboot.scss b/scss/_reboot.scss index ab6174a260..bf42aec4cb 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -185,7 +185,8 @@ h6 { p { margin-top: 0; margin-bottom: $paragraph-margin-bottom; - // todo lm: @extend %body-medium; + // todo lm: Decide if we keep this as-is or not. + // @extend %body-medium; } @@ -205,7 +206,7 @@ abbr[title] { // Address address { - margin-bottom: 1rem; + margin-bottom: $ouds-space-fixed-medium; // OUDS mod: instead of `1rem` font-style: normal; line-height: inherit; } @@ -287,7 +288,7 @@ dd { // Blockquote blockquote { - margin: 0 0 1rem; + margin: 0 0 $ouds-space-fixed-medium; // OUDS mod: instead of `0 0 1rem` } // OUDS mod: No italic @@ -389,7 +390,7 @@ samp { pre { display: block; margin-top: 0; // 1 - margin-bottom: 1rem; // 2 + margin-bottom: $ouds-space-fixed-medium; // 2 // OUDS mod: instead of `1rem` overflow: auto; // 3 @extend %code-medium; // OUDS mod: instead of `@include font-size($code-font-size)` color: $pre-color; diff --git a/scss/_type.scss b/scss/_type.scss index 15f537e36a..c4fda5e7c2 100644 --- a/scss/_type.scss +++ b/scss/_type.scss @@ -31,7 +31,6 @@ font-weight: $lead-font-weight; } -// OUDS mod: no @each // Type display classes @each $display, $font-size in $display-font-sizes { .display-#{$display} { @@ -43,8 +42,6 @@ @extend #{$font-size}; // OUDS mod: instead of `@include font-size($font-size)` } } -// End mod - // // Emphasis diff --git a/scss/_variables.scss b/scss/_variables.scss index a693778226..cd1b7c09af 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -537,7 +537,7 @@ $icon-link-icon-transform: translate3d(.25em, 0, 0) !default; // // Style p element. -$paragraph-margin-bottom: 1rem !default; +$paragraph-margin-bottom: $ouds-space-fixed-medium !default; // OUDS mod: instead of `1rem` // Grid breakpoints @@ -763,7 +763,7 @@ $font-sizes: ( // scss-docs-end font-sizes // scss-docs-start headings-variables -$headings-margin-bottom: $spacer !default; // OUDS mod +$headings-margin-bottom: $ouds-space-fixed-medium !default; // OUDS mod: instead of `$spacer * .5` $headings-font-family: null !default; $headings-font-style: null !default; $headings-font-weight: $ouds-font-weight-web-heading !default; @@ -812,12 +812,12 @@ $text-muted: var(--#{$prefix}secondary-color) !default; // Depr // OUDS mod: no $initialism-font-size -$blockquote-margin-y: $spacer !default; +$blockquote-margin-y: $ouds-space-fixed-medium !default; // OUDS mod: instead of `1rem` // OUDS mod: no `$blockquote-font-size` $blockquote-footer-color: var(--#{$prefix}secondary-color) !default; // OUDS mod: instead of `$gray-600` // OUDS mod: no `$blockquote-footer-font-size` -$hr-margin-y: $spacer !default; +$hr-margin-y: $ouds-space-fixed-medium !default; $hr-color: inherit !default; // fusv-disable diff --git a/site/content/docs/0.0/content/reboot.md b/site/content/docs/0.0/content/reboot.md index e8d35bd10c..671e49b2d9 100644 --- a/site/content/docs/0.0/content/reboot.md +++ b/site/content/docs/0.0/content/reboot.md @@ -139,6 +139,7 @@ The `
` element has been simplified. Similar to browser defaults, `
`s are {{< example >}}
+{{< /example >}} -{{< /example >}}

Build fast, responsive sites with OUDS Web

-

+

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

-

+

OUDS Web is a Bootstrap based, Orange branded accessible and ergonomic components library.