No notes defined.
<div class="sds-shortcutMenu dropdown-menu sds-stackMd" aria-labelledby="mspShortCutMenu">
<div class="sds-shortcutMenu__box sds-stackMd">
<div class="h5">Mes ajouts rétroactifs</div>
<div class="row row-xs no-bottom-gutter flex-nowrap">
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm -success100">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-checkin"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">Entrée oubliée</p>
</button>
</div>
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm -primary100">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-checkout"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">Sortie oubliée</p>
</button>
</div>
</div>
</div>
<div class="sds-shortcutMenu__box sds-stackMd">
<div class="h5">Mes demandes</div>
<div class="row row-xs">
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-vacation"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">Congé</p>
</button>
</div>
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-vacation"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">CET</p>
</button>
</div>
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-house"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">Télétravail</p>
</button>
</div>
</div>
</div>
<div class="sds-shortcutMenu__box sds-stackMd">
<div class="h5">Parking</div>
<div class="row row-xs">
<div class="col-auto">
<button type="button" class="sds-btnTile sds-stackSm">
<span class="sds-iconCircle -secondary10 sds-btnTile__icon" aria-hidden="true">
<span class="sds-icon sds-icon-vacation"></span>
</span>
<p class="sds-textBold sds-textHelperSmall">Réserver une place</p>
</button>
</div>
</div>
</div>
</div>
<div class="{{ namespace }}shortcutMenu dropdown-menu {{ namespace }}stackMd{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}"
aria-labelledby="{{ id }}">
<div class="{{ namespace }}shortcutMenu__box {{ namespace }}stackMd">
<div class="h5">Mes ajouts rétroactifs</div>
<div class="row row-xs no-bottom-gutter flex-nowrap">
<div class="col-auto">
{% render '@btn-tile--success-100' %}
</div>
<div class="col-auto">
{% render '@btn-tile--primary-100',{
icon : "icon-checkout",
text: "Sortie oubliée"
}, true %}
</div>
</div>
</div>
<div class="{{ namespace }}shortcutMenu__box {{ namespace }}stackMd">
<div class="h5">Mes demandes</div>
<div class="row row-xs">
<div class="col-auto">
{% render '@btn-tile',{
icon : "icon-vacation",
text: "Congé"
}, true %}
</div>
<div class="col-auto">
{% render '@btn-tile',{
icon : "icon-vacation",
text: "CET"
}, true %}
</div>
<div class="col-auto">
{% render '@btn-tile',{
icon : "icon-house",
text: "Télétravail"
}, true %}
</div>
</div>
</div>
<div class="{{ namespace }}shortcutMenu__box {{ namespace }}stackMd">
<div class="h5">Parking</div>
<div class="row row-xs">
<div class="col-auto">
{% render '@btn-tile',{
icon : "icon-vacation",
text: "Réserver une place"
}, true %}
</div>
</div>
</div>
</div>
.#{$namespace}shortcutMenu {
/* Save root element context for easy access if nesting is needed */
$self: &;
/* variables specific to current element */
$element-specific-variables: "";
/* properties of current element + media queries */
padding: map-deep-get($token-spacer-unit-map, "16");
/* Pseudo Elements */
&::before {
}
&::after {
}
/*
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 */
// shortcutMenu__childElement
&__box {
padding: map-deep-get($token-spacer-unit-map, "16");
background-color: map-deep-get($token-color-brand-map, "secondary", "06");
border-radius: map-deep-get($token-radius-map, "8");
}
/* modifiers */
// shortcutMenu -altStyle
&.-altStyle {
// follows same logic as base element
}
/* random parent element */
/*
*
* Syntax : .randomParentElt & {}
*
*/
/* Pseudo Classes */
&:hover {
@media (hover: hover) {
}
}
&:focus {
}
&:active {
}
&:focus,
&:active {
}
}