No notes defined.
<!-- Default -->
<div class="sds-embed sds-blogEmbed sds-box sds-stackXl">
<img class="sds-embed__logo img-fluid" src="../../media/logos/logo-bcee-secondary.svg" alt="Spuerkeess.lu Logo">
<div class="sds-stackXl">
<div class="h3">Le blog autour de vos finances</div>
<div class="row row-sm row-cols-md-2">
<div class="col-12">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</div>
<div class="col-12">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</div>
</div>
<div class="sds-blogEmbed__btn text-right">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-btn__text">Voir blog Spuerkeess</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</div>
<!-- Loading -->
<div class="sds-embed sds-blogEmbed sds-box sds-stackXl">
<img class="sds-embed__logo img-fluid" src="../../media/logos/logo-bcee-secondary.svg" alt="Spuerkeess.lu Logo">
<div class="sds-stackXl">
<div class="h3"><span class="sds-skeletonUnit -skeletonUnitH3"></span></div>
<div class="row row-sm row-cols-md-2">
<div class="col-12">
<span class="sds-skeletonUnit -floating"></span>
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</div>
<div class="col-12">
<span class="sds-skeletonUnit -floating"></span>
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</div>
</div>
<div class="sds-blogEmbed__btn text-right">
<span class="sds-skeletonUnit -skeletonUnitBtn"></span>
</div>
</div>
</div>
<!-- Default -->
<div class="{{ namespace }}embed {{ namespace }}blogEmbed {{ namespace }}box {{ namespace }}stackXl{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
<img class="{{ namespace }}embed__logo img-fluid" src="{{ (mediaPath + "/logos/logo-bcee-secondary.svg") | path }}" alt="Spuerkeess.lu Logo">
<div class="{{ namespace }}stackXl">
<div class="h3">{{ title }}</div>
<div class="row row-sm row-cols-md-2">
<div class="col-12">
{% render '@spk-blog-article' %}
</div>
<div class="col-12">
{% render '@spk-blog-article' %}
</div>
</div>
<div class="{{ namespace }}blogEmbed__btn text-right">
{% render '@btn-secondary--icon-right',{
eltType: "a",
icon: "icon-arrownext",
text: "Voir blog Spuerkeess"
}, true %}
</div>
</div>
</div>
<!-- Loading -->
<div class="{{ namespace }}embed {{ namespace }}blogEmbed {{ namespace }}box {{ namespace }}stackXl{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
<img class="{{ namespace }}embed__logo img-fluid" src="{{ (mediaPath + "/logos/logo-bcee-secondary.svg") | path }}" alt="Spuerkeess.lu Logo">
<div class="{{ namespace }}stackXl">
<div class="h3">{% render '@skeleton-unit--h3' %}</div>
<div class="row row-sm row-cols-md-2">
<div class="col-12">
{% render '@skeleton-unit',{
classes: ["-floating"]
},true %}
{% render '@spk-blog-article' %}
</div>
<div class="col-12">
{% render '@skeleton-unit',{
classes: ["-floating"]
},true %}
{% render '@spk-blog-article' %}
</div>
</div>
<div class="{{ namespace }}blogEmbed__btn text-right">
{% render '@skeleton-unit--btn' %}
</div>
</div>
</div>
/* variables specific to current element */
$element-specific-variables: "";
.#{$namespace}blogEmbed {
/* Save root element context for easy access if nesting is needed */
$self: &;
/* properties of current element + media queries */
position: relative;
/* 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 */
// blogEmbed__childElement
&__btn {
@include media-breakpoint-up(md){
position: absolute;
top: map-deep-get($token-spacer-inset-map, "lg");
right: map-deep-get($token-spacer-inset-map, "lg");
margin-top: 0 !important;
}
}
/* modifiers */
// blogEmbed -altStyle
&.-altStyle {
// follows same logic as base element
}
/* random parent element */
/*
*
* Syntax : .randomParentElt & {}
*
*/
/* Pseudo Classes */
&:hover {
@media (hover: hover) {
}
}
&:focus {
}
&:active {
}
&:focus,
&:active {
}
}