diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-09 01:37:22 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-13 23:45:54 +0300 |
commit | a88f752908a6188f72274550e0cfe1418cb27f63 (patch) | |
tree | 537ea8621e2f29184230d7edab6d54bcd4194231 /src/assets/styles/vendor-overrides/bootstrap | |
parent | c3fb64e248f23a732e3bcce0664dddf3f16f5b9a (diff) | |
download | webui-vue-a88f752908a6188f72274550e0cfe1418cb27f63.tar.xz |
Restructure Sass files
- Consolidate all bootstrap partials
- Combine all vendor overrides with BMC custom styles
- Updated paths for Vuepress docs
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1a9f68bdf90edae0d1e38f36ac670bf6426ec8a5
Diffstat (limited to 'src/assets/styles/vendor-overrides/bootstrap')
11 files changed, 0 insertions, 360 deletions
diff --git a/src/assets/styles/vendor-overrides/bootstrap/_alert.scss b/src/assets/styles/vendor-overrides/bootstrap/_alert.scss deleted file mode 100644 index 0b7b518a..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_alert.scss +++ /dev/null @@ -1,64 +0,0 @@ -.alert { - display: flex; - padding: $spacer; - border-width: 0 0 0 3px; - color: $gray-800; - margin-bottom: $spacer; - - &.small { - padding: $spacer / 2; - font-size: 1rem; - } - - .close { - font-weight: 300; - opacity: 1; - } - - .alert-icon { - display: inline-flex; - align-items: center; - margin-right: $spacer; - margin-bottom: $spacer; - - @include media-breakpoint-up(sm) { - margin-bottom: 0; - } - } - - .alert-content { - flex: 1 1 auto; - } - - .alert-title { - margin-bottom: $spacer / 2; - } - - .alert-msg { - p + p { - margin-bottom: $spacer; - } - - p:last-of-type { - margin-bottom: 0; - } - } - - &.alert-info { - border-left-color: $info; - background-color: $info-light; - fill: $info; - } - - &.alert-danger { - border-left-color: $danger; - background-color: $danger-light; - fill: $danger; - } - - &.alert-warning { - border-left-color: $warning; - background-color: $warning-light; - fill: $warning; - } - }
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_badge.scss b/src/assets/styles/vendor-overrides/bootstrap/_badge.scss deleted file mode 100644 index 7acd73a0..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_badge.scss +++ /dev/null @@ -1,21 +0,0 @@ -.badge-pill { - // Need to explicitly set border-radius - // for pill variant because global $enable-rounded - // Bootstrap setting removes rounded pill style - border-radius: 10rem; - fill: currentColor; - font-weight: 400; - line-height: 1.5; - display: inline-flex; - .close { - font-size: 1em; - margin-left: $spacer/2; - font-weight: inherit; - color: inherit; - } -} - -.badge-primary { - background-color: $info-light; - color: $info; -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_bootstrap-grid.scss b/src/assets/styles/vendor-overrides/bootstrap/_bootstrap-grid.scss deleted file mode 100644 index 7ad7c81b..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_bootstrap-grid.scss +++ /dev/null @@ -1,8 +0,0 @@ -.container-xl { - // Fluid layout container class sets 100% - // width until xl breakpoint. Once a max-width - // is set, setting the left margin to 0 is needed - // so the content doesn't center align - // https://bootstrap-vue.org/docs/components/layout#fluid-width-container - margin-left: 0; -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_buttons.scss b/src/assets/styles/vendor-overrides/bootstrap/_buttons.scss deleted file mode 100644 index b9b8073b..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_buttons.scss +++ /dev/null @@ -1,43 +0,0 @@ -.btn { - font-weight: $headings-font-weight; - padding-top: $spacer / 2; - padding-right: $spacer; - padding-bottom: $spacer / 2; - padding-left: $spacer; - - // Buttons with SVGs and text expect - // text to be wrapped in a span element - svg + span { - margin-left: $spacer / 4; - } -} - -.btn-primary { - fill: currentColor; -} - -.btn-secondary { - fill: currentColor; -} - -.btn-link { - fill: $primary; - text-decoration: none !important; - - &:focus { - box-shadow: $btn-focus-box-shadow; - } - &:hover { - fill: darken($primary, 15%); - } -} - -.btn:disabled { - color: $gray-600; - fill: currentColor; - - &:not(.btn-link) { - border-color: $gray-400; - background-color: $gray-400; - } -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss b/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss deleted file mode 100644 index c7d39548..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss +++ /dev/null @@ -1,22 +0,0 @@ -.dropdown-item { - padding-left: $spacer/2; -} - -.b-dropdown-form { - padding: $spacer/2; - .form-group { - margin-bottom: $spacer/2; - } -} - -// Adding component style to global stylesheet because -// single-file component scoped styles aren't -// being applied to dynamically appended elements -// The overflow menu should be above the table - -.table-filter { - .dropdown-menu { - z-index: $zindex-dropdown + 1; - padding: 0; - } -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_forms.scss b/src/assets/styles/vendor-overrides/bootstrap/_forms.scss deleted file mode 100644 index 8d3ed9e4..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_forms.scss +++ /dev/null @@ -1,56 +0,0 @@ -.form-text { - margin-top: -$spacer / 4; - margin-bottom: $spacer / 2; - color: $gray-800; -} - -.col-form-label { - color: $gray-800; - font-size: 14px; -} - -.form-group { - margin-bottom: $spacer * 2; -} - -.custom-select, -.custom-control-label, -.form-control { - //important needed to override validation colors on radio labels - color: $dark !important; - font-size: 16px; - border-color: $gray-400 !important; - &.is-invalid, - &:invalid { - border-bottom: 2px solid $danger !important; - } -} - -.custom-control { - .custom-control-input[disabled=disabled] { - & + .custom-control-label { - // Disabled label for checkbox, radio, - // switch bootstrap form components - color: $gray-700!important; - } - } -} - -.b-form-tag-remove { - // X button to remove tag - font-weight: normal; -} - -.b-form-tags-button { - // Add button inside input field - white-space: nowrap; - margin-right: -$spacer; - &.btn-link-primary { - color: $primary; - fill: currentColor; - } -} - -.form-background { - background-color: $container-bgd; -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_index.scss b/src/assets/styles/vendor-overrides/bootstrap/_index.scss deleted file mode 100644 index 8f80e5c4..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_index.scss +++ /dev/null @@ -1,12 +0,0 @@ -// OpenBMC Global Style Overrides of out of the box -// Bootstrap styles -@import "./alert"; -@import "./badge"; -@import "./bootstrap-grid"; -@import "./buttons"; -@import "./dropdown"; -@import "./forms"; -@import "./modal"; -@import "./pagination"; -@import "./tables"; -@import "./toasts";
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_modal.scss b/src/assets/styles/vendor-overrides/bootstrap/_modal.scss deleted file mode 100644 index 5d3b6014..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_modal.scss +++ /dev/null @@ -1,7 +0,0 @@ -.modal-header { - .close { - font-weight: normal; - color: $dark; - opacity: 1; - } -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss b/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss deleted file mode 100644 index 4fed21ba..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss +++ /dev/null @@ -1,20 +0,0 @@ -.table-pagination-select { - display: flex; - flex-direction: row-reverse; - select { - width: fit-content; - } - label { - margin-left: $spacer; - line-height: $spacer * 2; - } -} - -.b-pagination { - .page-item.active button { - color: $dark; - background-color: $white; - border-color: $border-color; - box-shadow: inset 0px -3px $primary; - } -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_tables.scss b/src/assets/styles/vendor-overrides/bootstrap/_tables.scss deleted file mode 100644 index b20feb0d..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_tables.scss +++ /dev/null @@ -1,63 +0,0 @@ -.table { - position: relative; - z-index: $zindex-dropdown; - - td { - border-top: 1px solid $gray-300; - border-bottom: 1px solid $gray-300; - &:first-of-type { - border-left: 1px solid $gray-300; - } - &:last-of-type { - border-right: 1px solid $gray-300; - } - } - - // thead-light added for specificiy - .thead-light th { - border: none; - color: $dark; - } - - .status-icon svg { - width: 1rem; - height: auto; - } - - .b-table-has-details { - td { - border-bottom: none; - } - .table-row-expand svg { - transform: rotate(180deg); - } - } - - .b-table-details { - background-color: $light; - td { - padding-left: calc(50px + (#{$table-cell-padding} * 2)); - } - dl { - margin: 0; - } - dt { - display: inline-block; - margin-right: $spacer / 2; - } - dd { - display: inline-block; - } - } - - .table-row-expand { - width: 50px; - .btn { - padding: 0; - width: 50px; - } - svg { - fill: $dark; - } - } -}
\ No newline at end of file diff --git a/src/assets/styles/vendor-overrides/bootstrap/_toasts.scss b/src/assets/styles/vendor-overrides/bootstrap/_toasts.scss deleted file mode 100644 index 9295b17e..00000000 --- a/src/assets/styles/vendor-overrides/bootstrap/_toasts.scss +++ /dev/null @@ -1,44 +0,0 @@ -.b-toaster { - top: 75px!important; // make sure toasts do not hide top header -} - -.toast { - padding: $spacer/2 $spacer/2 $spacer/2 $spacer; - border-width: 0 0 0 3px; - .close { - font-weight: 300; - opacity: 1; - } -} - -.toast-header { - background-color: inherit!important; //override specificity - border: none; - color: $dark!important; //override specificity - padding-bottom: 0; -} - -.toast-body { - color: $dark; - padding-top: 0; -} - -.b-toast-success .toast { - border-left-color: $success!important; - background-color: $success-light; -} - -.b-toast-info .toast { - border-left-color: $info!important; - background-color: $info-light; -} - -.b-toast-danger .toast { - border-left-color: $danger!important; - background-color: $danger-light; -} - -.b-toast-warning .toast { - border-left-color: $warning!important; - background-color: $warning-light; -}
\ No newline at end of file |