summaryrefslogtreecommitdiffstats
path: root/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss
diff options
context:
space:
mode:
authorSudarshan Kumar <sudarshan.kumar@att.com>2019-12-06 22:50:16 +0530
committerSudarshan Kumar <sudarshan.kumar@att.com>2019-12-10 21:41:01 +0530
commitf446cfb57f14004d6b34b137f8fa9802f6fdbdf6 (patch)
tree3470b3a5991cd5a5d281dbbca39e449fb3648f0a /portal-FE-common/src/styles/bootstrap/_breadcrumb.scss
parentffd9af970318c1f5a0bad46d7aad5d4611414aae (diff)
Added portal-FE-common - angular upgrade code
Added Layout Component- Footeter, global-search, header, header-menu, search-user, sidebar, tabbar, userbar and also added Account Onbaording changes Issue-ID: PORTAL-795 Change-Id: I815add150ba12c868c1b0f80f3dfcdf4ea804d70 Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>
Diffstat (limited to 'portal-FE-common/src/styles/bootstrap/_breadcrumb.scss')
-rw-r--r--portal-FE-common/src/styles/bootstrap/_breadcrumb.scss38
1 files changed, 38 insertions, 0 deletions
diff --git a/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss b/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss
new file mode 100644
index 00000000..25b9d85a
--- /dev/null
+++ b/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss
@@ -0,0 +1,38 @@
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+ margin-bottom: $breadcrumb-margin-bottom;
+ list-style: none;
+ background-color: $breadcrumb-bg;
+ @include border-radius($border-radius);
+}
+
+.breadcrumb-item {
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
+ + .breadcrumb-item::before {
+ display: inline-block; // Suppress underlining of the separator in modern browsers
+ padding-right: $breadcrumb-item-padding;
+ padding-left: $breadcrumb-item-padding;
+ color: $breadcrumb-divider-color;
+ content: "#{$breadcrumb-divider}";
+ }
+
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+ // without `<ul>`s. The `::before` pseudo-element generates an element
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+ //
+ // To trick IE into suppressing the underline, we give the pseudo-element an
+ // underline and then immediately remove it.
+ + .breadcrumb-item:hover::before {
+ text-decoration: underline;
+ }
+ // stylelint-disable-next-line no-duplicate-selectors
+ + .breadcrumb-item:hover::before {
+ text-decoration: none;
+ }
+
+ &.active {
+ color: $breadcrumb-active-color;
+ }
+}