-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(overrides): Re-adding overrides and additions
- Loading branch information
1 parent
d210db5
commit 1393e28
Showing
6 changed files
with
1,910 additions
and
1,625 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| //--------------------------------------------------------------------------------------- | ||
| // Additions are for extra classes not found in the normal Bootstrap | ||
| // WARNING: Do not create alot of new things here, remember always try to tweak and variable | ||
| // or override bootstrap css before trying to create something new. | ||
| //--------------------------------------------------------------------------------------- | ||
| // sass-lint:disable force-element-nesting, force-pseudo-nesting | ||
|
|
||
| // The label element is no longer bolded by default, neither is this class defined | ||
| .control-label { | ||
| font-weight: 700; | ||
| } | ||
|
|
||
| // Remove background and left padding on page breadcrumbs | ||
| .breadcrumb.page-breadcrumb { | ||
| background: transparent; | ||
| margin-bottom: 10px; | ||
| margin-top: -5px; | ||
| padding-left: 0; | ||
| } | ||
|
|
||
| // Option to keep footer at the bottom of the page | ||
| @each $breakpoint in map-keys($grid-breakpoints) { | ||
| $infix: breakpoint-infix($breakpoint, $grid-breakpoints); | ||
|
|
||
| @include media-breakpoint-up($breakpoint) { | ||
|
|
||
| // Set on html element to keep footer at bottom of window short pages | ||
| .fill-height#{$infix} { | ||
| height: 100%; | ||
|
|
||
| body, | ||
| .fill-body { | ||
| display: flex; | ||
| flex-flow: column nowrap; | ||
| min-height: 100%; | ||
| } | ||
|
|
||
| // Apply to extra container element(s) around the main | ||
| .fill-body { | ||
| flex: auto; | ||
| } | ||
|
|
||
| header, | ||
| .header, | ||
| footer, | ||
| .footer { | ||
| flex: none; | ||
| } | ||
|
|
||
| main, | ||
| .main { | ||
| flex: auto; | ||
| overflow: auto; | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| $info-alert-border-level: -4; | ||
|
|
||
| // Request a theme color level | ||
| @function panel-border-level($color-name: "primary") { | ||
| @if ($color-name =='info' or $color-name =='warning') { | ||
| @return $info-alert-border-level; | ||
| } | ||
|
|
||
| @return $alert-border-level; | ||
| } | ||
|
|
||
| // Add panel-success, panel-info etc. equivalents (like bootstrap v3) | ||
| @each $color, $value in (primary, secondary, success, info, warning, danger) { | ||
| .card-#{$color} { | ||
| border-color: theme-color-level($color, panel-border-level($color)); | ||
|
|
||
| >.card-header { | ||
| @include gradient-bg(theme-color-level($color, $alert-bg-scale)); | ||
| border-color: theme-color-level($color, panel-border-level($color)); | ||
| color: theme-color-level($color, $alert-color-scale); | ||
| } | ||
|
|
||
| >.card-footer { | ||
| border-color: theme-color-level($color, panel-border-level($color)); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,31 @@ | ||
| @font-face { | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Regular.woff2") format('woff2'), | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Regular.woff2") format('woff2'), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-Regular.woff") format("woff"); | ||
| font-weight: 400; | ||
| font-style: normal; | ||
| font-family: "BCSans"; | ||
| font-weight: normal; | ||
| font-style: normal; | ||
| font-family: "BCSans"; | ||
| } | ||
|
|
||
| @font-face { | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-BoldItalic.woff2") format("woff2"), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-BoldItalic.woff") format("woff"); | ||
| font-weight: 700; | ||
| font-style: italic; | ||
| font-family: "BCSans"; | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Bold.woff2") format("woff2"), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-Bold.woff") format("woff"); | ||
| font-weight: bold; | ||
| font-style: normal; | ||
| font-family: "BCSans"; | ||
| } | ||
|
|
||
| @font-face { | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Italic.woff2") format("woff2"), | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Italic.woff2") format("woff2"), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-Italic.woff") format("woff"); | ||
| font-weight: 400; | ||
| font-style: italic; | ||
| font-family: "BCSans"; | ||
| font-weight: normal; | ||
| font-style: italic; | ||
| font-family: "BCSans"; | ||
| } | ||
|
|
||
| @font-face { | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-Bold.woff2") format("woff2"), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-Bold.woff") format("woff"); | ||
| font-weight: 700; | ||
| font-style: normal; | ||
| font-family: "BCSans"; | ||
| } | ||
| src: url("#{$bcgov-font-path}/bc-sans/BCSans-BoldItalic.woff2") format("woff2"), | ||
| url("#{$bcgov-font-path}/bc-sans/BCSans-BoldItalic.woff") format("woff"); | ||
| font-weight: bold; | ||
| font-style: italic; | ||
| font-family: "BCSans"; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,115 @@ | ||
| //--------------------------------------------------------------------------------------- | ||
| // Overrides Bootstrap classes are change here, consider changing a variable before | ||
| // overriding classes. | ||
| //--------------------------------------------------------------------------------------- | ||
| // Reference: http://www2.gov.bc.ca/gov/content/governments/services-for-government/policies-procedures/web-content-development-guides/developers-guide/css-elements | ||
| // sass-lint:disable force-element-nesting, force-pseudo-nesting | ||
|
|
||
| .nav-link, | ||
| .navbar-brand, | ||
| .page-link, | ||
| a.btn { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| // Highlight focused links | ||
| a:not(.btn):focus { | ||
| color: $link-hover-color; | ||
| } | ||
|
|
||
| .nav-tabs .nav-link:not(.active) { | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| background-color: $control-link-bg; | ||
| border-color: $control-link-border-color; | ||
| color: $control-link-color; | ||
| } | ||
| } | ||
|
|
||
| // Add focus ring to btn-link, highlight as regular link | ||
| .btn.btn-link { | ||
| text-decoration: underline; | ||
|
|
||
| &:focus, | ||
| &.focus { | ||
| box-shadow: 0 0 0 $btn-focus-width $btn-link-outline-color; | ||
| color: $link-hover-color; | ||
| } | ||
| } | ||
|
|
||
| .list-group .list-group-item-action { | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| text-decoration: underline; | ||
| } | ||
| } | ||
|
|
||
| // Header, adds the gold bottom border and shadow | ||
| header nav { | ||
| background-color: $primary-nav; | ||
| border-bottom: 2px solid $bcgold; | ||
|
|
||
| &.shadow { | ||
| box-shadow: 0 3px 3px 1px $header-box-shadow-color; | ||
| } | ||
| } | ||
|
|
||
| // Add spacing around content (use p-* to override) | ||
| main { | ||
| padding-bottom: 40px; | ||
| padding-top: 20px; | ||
| } | ||
|
|
||
| // Underline navbar links when active | ||
| .navbar-nav .nav-link { | ||
|
|
||
| &:hover, | ||
| &:focus { | ||
| text-decoration: underline; | ||
| } | ||
| } | ||
|
|
||
| // Set footer background, add gold border above | ||
| footer nav { | ||
| background-color: $primary-nav; | ||
| border-top: 2px solid $bcgold; | ||
| } | ||
|
|
||
| // Only sibling list items in footer get left border | ||
| @each $breakpoint in map-keys($grid-breakpoints) { | ||
| $infix: breakpoint-infix($breakpoint, $grid-breakpoints); | ||
|
|
||
| footer .navbar-expand#{$infix} .nav-item+.nav-item { | ||
| @include media-breakpoint-up($breakpoint) { | ||
| border-left: 1px solid $footer-separator-color; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Stronger border colour | ||
| .alert.alert-info { | ||
| border-color: theme-color-level(info, -4); | ||
| } | ||
|
|
||
| .alert.alert-warning { | ||
| border-color: theme-color-level(warning, -4); | ||
| } | ||
|
|
||
| .btn-success, | ||
| .btn-success:hover, | ||
| .btn-success:active, | ||
| .btn-success:visited { | ||
| color: white; | ||
| } | ||
|
|
||
| .btn-danger, | ||
| .btn-danger:hover, | ||
| .btn-danger:active, | ||
| .btn-danger:visited { | ||
| color: white; | ||
| } | ||
|
|
||
| $component-active-bg: $primary; | ||
| $nav-pills-link-active-color: white; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,13 @@ | ||
| @import "bootstrap/scss/functions"; | ||
|
|
||
| @import "variables"; | ||
|
|
||
| // Now bring in the rest of bootstrap! | ||
| @import "bootstrap/scss/bootstrap"; | ||
|
|
||
| // Overrides of bootstrap classes | ||
| @import "overrides"; | ||
|
|
||
| // Import the additions to bootstrap base | ||
| @import "additions"; | ||
|
|
||
| // Import the font(s) | ||
| @import "fonts"; | ||
| @import "fonts"; |