From 18ee2bc87aca2717fe2f1313c36e233ceca30069 Mon Sep 17 00:00:00 2001 From: Alf Eaton Date: Thu, 22 Aug 2024 10:44:38 +0100 Subject: [PATCH] Delete unused Bootstrap LESS files (#19849) GitOrigin-RevId: 80f802c67164f317ab68c13ef4e4e7dcf6fbc7ea --- .../stylesheets/components/breadcrumbs.less | 25 -- .../stylesheets/components/carousel.less | 238 ---------------- .../frontend/stylesheets/components/code.less | 62 ----- .../stylesheets/components/jumbotron.less | 43 --- .../stylesheets/components/media.less | 53 ---- .../stylesheets/components/pager.less | 53 ---- .../stylesheets/components/panels.less | 254 ------------------ .../stylesheets/components/wells.less | 28 -- 8 files changed, 756 deletions(-) delete mode 100755 services/web/frontend/stylesheets/components/breadcrumbs.less delete mode 100755 services/web/frontend/stylesheets/components/carousel.less delete mode 100755 services/web/frontend/stylesheets/components/code.less delete mode 100755 services/web/frontend/stylesheets/components/jumbotron.less delete mode 100755 services/web/frontend/stylesheets/components/media.less delete mode 100755 services/web/frontend/stylesheets/components/pager.less delete mode 100755 services/web/frontend/stylesheets/components/panels.less delete mode 100755 services/web/frontend/stylesheets/components/wells.less diff --git a/services/web/frontend/stylesheets/components/breadcrumbs.less b/services/web/frontend/stylesheets/components/breadcrumbs.less deleted file mode 100755 index 5053a0d969..0000000000 --- a/services/web/frontend/stylesheets/components/breadcrumbs.less +++ /dev/null @@ -1,25 +0,0 @@ -// -// Breadcrumbs -// -------------------------------------------------- - -.breadcrumb { - padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; - margin-bottom: @line-height-computed; - list-style: none; - background-color: @breadcrumb-bg; - border-radius: @border-radius-base; - - > li { - display: inline-block; - - + li:before { - content: '@{breadcrumb-separator}\00a0'; // Unicode space added since inline-block means non-collapsing white-space - padding: 0 5px; - color: @breadcrumb-color; - } - } - - > .active { - color: @breadcrumb-active-color; - } -} diff --git a/services/web/frontend/stylesheets/components/carousel.less b/services/web/frontend/stylesheets/components/carousel.less deleted file mode 100755 index 8ee14eaa94..0000000000 --- a/services/web/frontend/stylesheets/components/carousel.less +++ /dev/null @@ -1,238 +0,0 @@ -// -// Carousel -// -------------------------------------------------- - -// Wrapper for the slide container and indicators -.carousel { - position: relative; -} - -.carousel-inner { - position: relative; - overflow: hidden; - width: 100%; - - > .item { - display: none; - position: relative; - .transition(0.6s ease-in-out left); - - // Account for jankitude on images - > img, - > a > img { - &:extend(.img-responsive); - line-height: 1; - } - } - - > .active, - > .next, - > .prev { - display: block; - } - - > .active { - left: 0; - } - - > .next, - > .prev { - position: absolute; - top: 0; - width: 100%; - } - - > .next { - left: 100%; - } - > .prev { - left: -100%; - } - > .next.left, - > .prev.right { - left: 0; - } - - > .active.left { - left: -100%; - } - > .active.right { - left: 100%; - } -} - -// Left/right controls for nav -// --------------------------- - -.carousel-control { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: @carousel-control-width; - .opacity(@carousel-control-opacity); - font-size: @carousel-control-font-size; - color: @carousel-control-color; - text-align: center; - text-shadow: @carousel-text-shadow; - // We can't have this transition here because WebKit cancels the carousel - // animation if you trip this while in the middle of another animation. - - // Set gradients for backgrounds - &.left { - // prettier-ignore - #gradient > - .horizontal( - @start-color: rgba(0, 0, 0, 0.5) ; @end-color: rgba(0, 0, 0, 0.0001) - ); - } - &.right { - left: auto; - right: 0; - // prettier-ignore - #gradient > - .horizontal( - @start-color: rgba(0, 0, 0, 0.0001) ; @end-color: rgba(0, 0, 0, 0.5) - ); - } - - // Hover/focus state - &:hover, - &:focus { - outline: none; - color: @carousel-control-color; - text-decoration: none; - .opacity(0.9); - } - - // Toggles - .icon-prev, - .icon-next, - .glyphicon-chevron-left, - .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - } - .icon-prev, - .glyphicon-chevron-left { - left: 50%; - } - .icon-next, - .glyphicon-chevron-right { - right: 50%; - } - .icon-prev, - .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; - font-family: serif; - } - - .icon-prev { - &:before { - content: '\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) - } - } - .icon-next { - &:before { - content: '\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) - } - } -} - -// Optional indicator pips -// -// Add an unordered list with the following class and add a list item for each -// slide your carousel holds. - -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - margin-left: -30%; - padding-left: 0; - list-style: none; - text-align: center; - - li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - border: 1px solid @carousel-indicator-border-color; - border-radius: 10px; - cursor: pointer; - - // IE8-9 hack for event handling - // - // Internet Explorer 8-9 does not support clicks on elements without a set - // `background-color`. We cannot use `filter` since that's not viewed as a - // background color by the browser. Thus, a hack is needed. - // - // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we - // set alpha transparency for the best results possible. - background-color: #000 \9; // IE8 - background-color: rgba(0, 0, 0, 0); // IE9 - } - .active { - margin: 0; - width: 12px; - height: 12px; - background-color: @carousel-indicator-active-bg; - } -} - -// Optional captions -// ----------------------------- -// Hidden by default for smaller viewports -.carousel-caption { - position: absolute; - left: 15%; - right: 15%; - bottom: 20px; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: @carousel-caption-color; - text-align: center; - text-shadow: @carousel-text-shadow; - & .btn { - text-shadow: none; // No shadow for button elements in carousel-caption - } -} - -// Scale up controls for tablets and up -@media screen and (min-width: @screen-sm-min) { - // Scale up the controls a smidge - .carousel-control { - .glyphicon-chevron-left, - .glyphicon-chevron-right, - .icon-prev, - .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - font-size: 30px; - } - } - - // Show and left align the captions - .carousel-caption { - left: 20%; - right: 20%; - padding-bottom: 30px; - } - - // Move up the indicators - .carousel-indicators { - bottom: 20px; - } -} diff --git a/services/web/frontend/stylesheets/components/code.less b/services/web/frontend/stylesheets/components/code.less deleted file mode 100755 index 88aca006ce..0000000000 --- a/services/web/frontend/stylesheets/components/code.less +++ /dev/null @@ -1,62 +0,0 @@ -// -// Code (inline and block) -// -------------------------------------------------- - -// Inline and block code styles -code, -kbd, -pre, -samp { - font-family: @font-family-monospace; -} - -// Inline code -code { - padding: 2px 4px; - font-size: 90%; - color: @code-color; - background-color: @code-bg; - white-space: nowrap; - border-radius: @border-radius-base; -} - -// User input typically entered via keyboard -kbd { - padding: 2px 4px; - font-size: 90%; - color: @kbd-color; - background-color: @kbd-bg; - border-radius: @border-radius-small; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -} - -// Blocks of code -pre { - display: block; - padding: ((@line-height-computed - 1) / 2); - margin: 0 0 (@line-height-computed / 2); - font-size: (@font-size-base - 1); // 14px to 13px - line-height: @line-height-base; - word-break: break-all; - word-wrap: break-word; - color: @pre-color; - background-color: @pre-bg; - border: 1px solid @pre-border-color; - border-radius: @border-radius-base; - - // Account for some code outputs that place code tags in pre tags - code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; - } -} - -// Enable scrollable blocks of code -.pre-scrollable { - max-height: @pre-scrollable-max-height; - overflow-y: scroll; -} diff --git a/services/web/frontend/stylesheets/components/jumbotron.less b/services/web/frontend/stylesheets/components/jumbotron.less deleted file mode 100755 index 1286bbebad..0000000000 --- a/services/web/frontend/stylesheets/components/jumbotron.less +++ /dev/null @@ -1,43 +0,0 @@ -// -// Jumbotron -// -------------------------------------------------- - -.jumbotron { - padding: @jumbotron-padding; - margin-bottom: @jumbotron-padding; - color: @jumbotron-color; - background-color: @jumbotron-bg; - - h1, - .h1 { - color: @jumbotron-heading-color; - } - p { - margin-bottom: (@jumbotron-padding / 2); - font-size: @jumbotron-font-size; - font-weight: 200; - } - - .container & { - border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container - } - - .container { - max-width: 100%; - } - - @media screen and (min-width: @screen-sm-min) { - padding-top: (@jumbotron-padding * 1.6); - padding-bottom: (@jumbotron-padding * 1.6); - - .container & { - padding-left: (@jumbotron-padding * 2); - padding-right: (@jumbotron-padding * 2); - } - - h1, - .h1 { - font-size: (@font-size-base * 4.5); - } - } -} diff --git a/services/web/frontend/stylesheets/components/media.less b/services/web/frontend/stylesheets/components/media.less deleted file mode 100755 index 28385ba55a..0000000000 --- a/services/web/frontend/stylesheets/components/media.less +++ /dev/null @@ -1,53 +0,0 @@ -// Media objects -// Source: http://stubbornella.org/content/?p=497 -// -------------------------------------------------- - -// Common styles -// ------------------------- - -// Clear the floats -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -// Proper spacing between instances of .media -.media, -.media .media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} - -// For images and videos, set to block -.media-object { - display: block; -} - -// Reset margins on headings for tighter default spacing -.media-heading { - margin: 0 0 5px; -} - -// Media image alignment -// ------------------------- - -.media { - > .pull-left { - margin-right: 10px; - } - > .pull-right { - margin-left: 10px; - } -} - -// Media list variation -// ------------------------- - -// Undo default ul/ol styles -.media-list { - padding-left: 0; - list-style: none; -} diff --git a/services/web/frontend/stylesheets/components/pager.less b/services/web/frontend/stylesheets/components/pager.less deleted file mode 100755 index a5f1a5f18e..0000000000 --- a/services/web/frontend/stylesheets/components/pager.less +++ /dev/null @@ -1,53 +0,0 @@ -// -// Pager pagination -// -------------------------------------------------- - -.pager { - padding-left: 0; - margin: @line-height-computed 0; - list-style: none; - text-align: center; - &:extend(.clearfix all); - li { - display: inline; - > a, - > span { - display: inline-block; - padding: 5px 14px; - background-color: @pager-bg; - border: 1px solid @pager-border; - border-radius: @pager-border-radius; - } - - > a:hover, - > a:focus { - text-decoration: none; - background-color: @pager-hover-bg; - } - } - - .next { - > a, - > span { - float: right; - } - } - - .previous { - > a, - > span { - float: left; - } - } - - .disabled { - > a, - > a:hover, - > a:focus, - > span { - color: @pager-disabled-color; - background-color: @pager-bg; - cursor: not-allowed; - } - } -} diff --git a/services/web/frontend/stylesheets/components/panels.less b/services/web/frontend/stylesheets/components/panels.less deleted file mode 100755 index b5338d4d1d..0000000000 --- a/services/web/frontend/stylesheets/components/panels.less +++ /dev/null @@ -1,254 +0,0 @@ -// -// Panels -// -------------------------------------------------- - -// Base class -.panel { - margin-bottom: @line-height-computed; - background-color: @panel-bg; - border: 1px solid transparent; - border-radius: @panel-border-radius; - .box-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); -} - -// Panel contents -.panel-body { - padding: @panel-body-padding; - &:extend(.clearfix all); -} - -// Optional heading -.panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - .border-top-radius((@panel-border-radius - 1)); - - > .dropdown .dropdown-toggle { - color: inherit; - } -} - -// Within heading, strip any `h*` tag of its default margins for spacing. -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: ceil((@font-size-base * 1.125)); - color: inherit; - - > a { - color: inherit; - } -} - -// Optional footer (stays gray in every modifier class) -.panel-footer { - padding: 10px 15px; - background-color: @panel-footer-bg; - border-top: 1px solid @panel-inner-border; - .border-bottom-radius((@panel-border-radius - 1)); -} - -// List groups in panels -// -// By default, space out list group content from panel headings to account for -// any kind of custom content between the two. - -.panel { - > .list-group { - margin-bottom: 0; - - .list-group-item { - border-width: 1px 0; - border-radius: 0; - } - - // Add border top radius for first one - &:first-child { - .list-group-item:first-child { - border-top: 0; - .border-top-radius((@panel-border-radius - 1)); - } - } - // Add border bottom radius for last one - &:last-child { - .list-group-item:last-child { - border-bottom: 0; - .border-bottom-radius((@panel-border-radius - 1)); - } - } - } -} -// Collapse space between when there's no additional content. -.panel-heading + .list-group { - .list-group-item:first-child { - border-top-width: 0; - } -} - -// Tables in panels -// -// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and -// watch it go full width. - -.panel { - > .table, - > .table-responsive > .table { - margin-bottom: 0; - } - // Add border top radius for first one - > .table:first-child, - > .table-responsive:first-child > .table:first-child { - .border-top-radius((@panel-border-radius - 1)); - - > thead:first-child, - > tbody:first-child { - > tr:first-child { - td:first-child, - th:first-child { - border-top-left-radius: (@panel-border-radius - 1); - } - td:last-child, - th:last-child { - border-top-right-radius: (@panel-border-radius - 1); - } - } - } - } - // Add border bottom radius for last one - > .table:last-child, - > .table-responsive:last-child > .table:last-child { - .border-bottom-radius((@panel-border-radius - 1)); - - > tbody:last-child, - > tfoot:last-child { - > tr:last-child { - td:first-child, - th:first-child { - border-bottom-left-radius: (@panel-border-radius - 1); - } - td:last-child, - th:last-child { - border-bottom-right-radius: (@panel-border-radius - 1); - } - } - } - } - > .panel-body + .table, - > .panel-body + .table-responsive { - border-top: 1px solid @table-border-color; - } - > .table > tbody:first-child > tr:first-child th, - > .table > tbody:first-child > tr:first-child td { - border-top: 0; - } - > .table-bordered, - > .table-responsive > .table-bordered { - border: 0; - > thead, - > tbody, - > tfoot { - > tr { - > th:first-child, - > td:first-child { - border-left: 0; - } - > th:last-child, - > td:last-child { - border-right: 0; - } - } - } - > thead, - > tbody { - > tr:first-child { - > td, - > th { - border-bottom: 0; - } - } - } - > tbody, - > tfoot { - > tr:last-child { - > td, - > th { - border-bottom: 0; - } - } - } - } - > .table-responsive { - border: 0; - margin-bottom: 0; - } -} - -// Collapsable panels (aka, accordion) -// -// Wrap a series of panels in `.panel-group` to turn them into an accordion with -// the help of our collapse JavaScript plugin. - -.panel-group { - margin-bottom: @line-height-computed; - - // Tighten up margin so it's only between panels - .panel { - margin-bottom: 0; - border-radius: @panel-border-radius; - overflow: hidden; // crop contents when collapsed - + .panel { - margin-top: 5px; - } - } - - .panel-heading { - border-bottom: 0; - + .panel-collapse .panel-body { - border-top: 1px solid @panel-inner-border; - } - } - .panel-footer { - border-top: 0; - + .panel-collapse .panel-body { - border-bottom: 1px solid @panel-inner-border; - } - } -} - -// Contextual variations -.panel-default { - .panel-variant( - @panel-default-border; @panel-default-text; @panel-default-heading-bg; - @panel-default-border - ); -} -.panel-primary { - .panel-variant( - @panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; - @panel-primary-border - ); -} -.panel-success { - .panel-variant( - @panel-success-border; @panel-success-text; @panel-success-heading-bg; - @panel-success-border - ); -} -.panel-info { - .panel-variant( - @panel-info-border; @panel-info-text; @panel-info-heading-bg; - @panel-info-border - ); -} -.panel-warning { - .panel-variant( - @panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; - @panel-warning-border - ); -} -.panel-danger { - .panel-variant( - @panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; - @panel-danger-border - ); -} diff --git a/services/web/frontend/stylesheets/components/wells.less b/services/web/frontend/stylesheets/components/wells.less deleted file mode 100755 index 743e318232..0000000000 --- a/services/web/frontend/stylesheets/components/wells.less +++ /dev/null @@ -1,28 +0,0 @@ -// -// Wells -// -------------------------------------------------- - -// Base class -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: @well-bg; - border: 1px solid @well-border; - border-radius: @border-radius-base; - .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05)); - blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); - } -} - -// Sizes -.well-lg { - padding: 24px; - border-radius: @border-radius-large; -} -.well-sm { - padding: 9px; - border-radius: @border-radius-small; -}