UNPKG

ffr-components

Version:

Fiori styled UI components

16 lines • 7.24 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-side-nav .fd-side-nav__group .fd-side-nav__title .fd-side-nav__list .fd-side-nav__item .fd-side-nav__link (.has-child, .is-active, .is-expanded) .fd-side-nav__sublist .fd-side-nav__subitem .fd-side-nav__sublink (.is-active) */.fd-side-nav{background-color:#fff;min-width:249px;font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;overflow:auto}.hcb .fd-side-nav{color:#fff}.hcw .fd-side-nav{color:#000}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__group{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;list-style:none;margin:0}.hcb .fd-side-nav__group{color:#fff}.hcw .fd-side-nav__group{color:#000}.fd-side-nav__group:after,.fd-side-nav__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__title{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;display:block;margin:0;padding:8px 20px;font-size:12px;line-height:1.33333;font-weight:400;text-transform:uppercase;color:#6a6d70;background:#fafafa}.hcb .fd-side-nav__title{color:#fff}.hcw .fd-side-nav__title{color:#000}.fd-side-nav__title:after,.fd-side-nav__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__list,.fd-side-nav__sublist{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hcb .fd-side-nav__list,.hcb .fd-side-nav__sublist{color:#fff}.hcw .fd-side-nav__list,.hcw .fd-side-nav__sublist{color:#000}.fd-side-nav__list:after,.fd-side-nav__list:before,.fd-side-nav__sublist:after,.fd-side-nav__sublist:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__sublist[aria-hidden=true]{display:none}.fd-side-nav__item,.fd-side-nav__subitem{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0}.hcb .fd-side-nav__item,.hcb .fd-side-nav__subitem{color:#fff}.hcw .fd-side-nav__item,.hcw .fd-side-nav__subitem{color:#000}.fd-side-nav__item:after,.fd-side-nav__item:before,.fd-side-nav__subitem:after,.fd-side-nav__subitem:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__link,.fd-side-nav__sublink{color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 35px 10px 20px;color:#51555a;text-decoration:none;font-size:14px;line-height:1.42857;font-weight:400}.hcb .fd-side-nav__link,.hcb .fd-side-nav__sublink{color:#fff}.hcw .fd-side-nav__link,.hcw .fd-side-nav__sublink{color:#000}.fd-side-nav__link:after,.fd-side-nav__link:before,.fd-side-nav__sublink:after,.fd-side-nav__sublink:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__link:hover,.fd-side-nav__sublink:hover{background-color:#fafafa;color:#085caf}.hcb .fd-side-nav__link:hover,.hcb .fd-side-nav__sublink:hover{color:#7a5100}.hcw .fd-side-nav__link:hover,.hcw .fd-side-nav__sublink:hover{color:#fff}.fd-side-nav__link.is-expanded,.fd-side-nav__link.is-selected,.fd-side-nav__link[aria-expanded=true],.fd-side-nav__link[aria-selected=true],.fd-side-nav__sublink.is-expanded,.fd-side-nav__sublink.is-selected,.fd-side-nav__sublink[aria-expanded=true],.fd-side-nav__sublink[aria-selected=true]{color:#51555a;background-color:rgba(10,110,209,.07);font-weight:700}.fd-side-nav__link.is-disabled,.fd-side-nav__link[aria-disabled=true],.fd-side-nav__sublink.is-disabled,.fd-side-nav__sublink[aria-disabled=true]{color:#6a6d70}.fd-side-nav__link.has-child{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI2MkMiIGQ9Ik0xMS45MzUgMS40NzVMNi4xODggNy45MjdhLjI2NC4yNjQgMCAwMS0uMzc4IDBMLjA2NSAxLjQ3NWEuMjM2LjIzNiAwIDAxLjAyNi0uMzQzTDEuMzgxLjA1OGEuMjUzLjI1MyAwIDAxLjE2My0uMDU5TDEuNTYzIDBhLjI1Mi4yNTIgMCAwMS4xNzEuMDg1bDQuMjY1IDQuODggNC4yNjctNC44OGEuMjUyLjI1MiAwIDAxLjM1Mi0uMDI3bDEuMjkxIDEuMDc0Yy4wNS4wNDIuMDgxLjEwMi4wODYuMTY2YS4yMzYuMjM2IDAgMDEtLjA2LjE3N3oiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:right 14px top 15px}.fd-side-nav__link.is-expanded,.fd-side-nav__link[aria-expanded=true]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4wNjUgNy41MjVsNS43NDctNi40NTJhLjI2NC4yNjQgMCAwMS4zNzggMGw1Ljc0NSA2LjQ1MmEuMjM2LjIzNiAwIDAxLS4wMjYuMzQzbC0xLjI5IDEuMDc0YS4yNTMuMjUzIDAgMDEtLjE2My4wNTlMMTAuNDM3IDlhLjI1Mi4yNTIgMCAwMS0uMTcxLS4wODVsLTQuMjY1LTQuODgtNC4yNjcgNC44OGEuMjUyLjI1MiAwIDAxLS4zNTIuMDI3TC4wOTEgNy44NjhhLjI0Mi4yNDIgMCAwMS0uMDg2LS4xNjYuMjM2LjIzNiAwIDAxLjA2LS4xNzd6IiBmaWxsPSIjMjEyNjJDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.fd-side-nav__sublink{font-weight:400;padding-left:40px}.fd-side-nav__sublink[aria-hidden=true]{display:none}.fd-side-nav__icon{padding-right:10px;margin-top:-1px}.fd-side-nav__icon.sap-icon--m,.fd-side-nav__icon.sap-icon--s{margin-top:0}.fd-side-nav__icon.sap-icon--l{margin-top:-2px}.fd-side-nav__icon.sap-icon--xl{margin-top:-4px}.fd-side-nav--icons{min-width:auto}.fd-side-nav--icons .fd-side-nav__link,.fd-side-nav--icons .fd-side-nav__sublink{padding:10px 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-side-nav--icons .fd-side-nav__icon{padding-right:0}