No notes defined.
<nav class="sds-linkTabs -small">
<ul class="sds-linkTabs__inner nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#identification">Identification</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#activite">Activité</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#choixBanque">Choix de la banque</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#beneff">Bénéficiaire effectif</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#representants">Représentants</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#titrisation">Titrisation</a>
</li>
</ul>
</nav>
{% render "@snet-link-tabs",cpbLinkTabsOptions,true %}
export default class LinkTabs {
constructor() {
this.setActiveItem()
}
setActiveItem () {
let linkTabItem = document.querySelector()
arraySparse.forEach((element) => {
console.log({ element });
numCallbackRuns++;
});
}
}
/* variables specific to current element */
$link-tabs-bottom-overflow-offset: map-deep-get($token-spacer-inset-map, "md");
$link-tabs-gradient-cover-width: 2em;
.#{$namespace}linkTabs {
/* Save root element context for easy access if nesting is needed */
$self: &;
/* properties of current element + media queries */
overflow: hidden;
margin-bottom: -($link-tabs-bottom-overflow-offset);
position: relative;
background-color: $snet-frame-bg-global;
background-color: var(--comp-snet-frame-background);
/* Pseudo Elements */
&::before {}
&::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: $link-tabs-bottom-overflow-offset;
width: $link-tabs-gradient-cover-width;
pointer-events: none;
@include gradient-directional(var(--comp-snet-frame-background) ,rgba(map-deep-get($token-color-grayscale-map,"0"), 0),0%,100%,-90deg);
}
/*
Include elements that are linked to the current element but have to reside at the root level of the stylesheet
(e.g: keyframes)
*/
@at-root {
}
/* children - write selector in full in comments in order to facilitate search */
// linkTabs__childElement
&__inner {
// follows same logic as parent
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
white-space: nowrap;
padding-bottom: $link-tabs-bottom-overflow-offset;
padding-right: $link-tabs-gradient-cover-width;
A,
BUTTON {
&:focus-visible {
outline-style: solid !important;
outline-width: map-deep-get($design-tokens, "comp-button-pressed-border-width") !important;
outline-offset: -(map-deep-get($design-tokens, "comp-button-pressed-border-width")) !important;
@include custom-prop-fallback("outline-color", "comp-subheader-link-active-text-color", true, true);
}
}
}
/* modifiers */
// linkTabs -altStyle
&.-altStyle {
// follows same logic as base element
}
/* random parent element */
/*
*
* Syntax : .randomParentElt & {}
*
*/
/* Pseudo Classes */
&:hover {
@media (hover: hover) {
}
}
&:focus {
}
&:active {
}
&:focus,
&:active {
}
}