[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 // Tabs 2 3 .nav.nav-tabs { 4 padding: 0; 5 margin: 0; 6 background-color: $cassiopeia-tabs-header-bg; 7 border: 1px solid $cassiopeia-border-color; 8 border-bottom: 0; 9 border-radius: $border-radius $border-radius 0 0; 10 box-shadow: 0 1px $white inset, 0 2px 3px -3px hsla(0, 0%, 0%, .15), 0 -4px 0 hsla(0, 0%, 0%, .05) inset, $cassiopeia-box-shadow; 11 12 .nav-item { 13 margin-bottom: 0; 14 margin-left: 0; 15 16 &:first-of-type .nav-link { 17 18 &.active { 19 border-radius: $border-radius 0 0; 20 box-shadow: -1px 0 1px -1px hsla(0, 0%, 0%, .06), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); 21 } 22 23 } 24 25 &:last-of-type .nav-link { 26 box-shadow: -1px 0 0 hsla(0, 0%, 0%, .05), 1px 0 0 hsla(0, 0%, 0%, .05); 27 28 &.active { 29 box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, .08), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); 30 } 31 32 } 33 34 } 35 36 .nav-link { 37 position: relative; 38 padding: .75em 1em; 39 color: var(--cassiopeia-color-primary); 40 border: 0; 41 border-top-left-radius: 0; 42 border-top-right-radius: 0; 43 box-shadow: -1px 0 0 hsla(0, 0%, 0%, .05); 44 45 &.active { 46 background-color: $cassiopeia-tabs-active-bg; 47 background-image: linear-gradient(to bottom, hsla(0, 0%, 0%,0), hsla(0, 0%, 0%, .05) 100%); 48 border-right: 0; 49 border-left: 0; 50 border-top-left-radius: 0; 51 border-top-right-radius: 0; 52 box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, .08), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); 53 54 &::after { 55 position: absolute; 56 right: 0; 57 bottom: -1px; 58 left: 0; 59 height: 5px; 60 content: ""; 61 background-color: $cassiopeia-tabs-active-highlight; 62 opacity: .8; 63 } 64 65 } 66 67 } 68 69 } 70 71 .nav-tabs + .tab-content { 72 padding: 15px; 73 background: $white; 74 border: 1px solid; 75 border-color: $cassiopeia-border-color; 76 border-radius: 0 0 $border-radius $border-radius; 77 box-shadow: $cassiopeia-box-shadow; 78 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |