<div class="gov-carousel">
<gov-flex gap="l" class="gov-card-flex" responsive="false">
<article>
<gov-card aria-labelledby="bezpecnost1">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost1" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost2">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost2" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost3">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost3" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost4">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost4" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost5">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost5" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost6">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost6" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost7">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost7" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost8">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost8" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost9">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost9" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
<article>
<gov-card aria-labelledby="bezpecnost10">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="bezpecnost10" class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
</gov-flex>
</header>
<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
<div class="gov-button-group">
<gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
Zjistit více
</gov-button>
</div>
</gov-flex>
</gov-card>
</article>
</gov-flex>
</div>
<div class="gov-carousel">
<gov-flex gap="l" class="gov-card-flex" responsive="false">
{{#each card}}
<article>
{{> @card-default this }}
</article>
{{/each}}
{{#each card-button}}
<article>
{{> @card-button this }}
</article>
{{/each}}
</gov-flex>
</div>
{
"card": [
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost1",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost2",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost3",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost4",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost5",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost6",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost7",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost8",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost9",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
},
{
"heading": {
"tag": "h3",
"name": "Odbor společné zahraniční a bezpečnostní politiky EU",
"id": "bezpecnost10",
"classes": [
"gov-card__headline"
]
},
"text": "<p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>",
"button": [
{
"text": "Zjistit více",
"aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
"color": "primary",
"type": "outlined",
"size": "s",
"expanded": true
}
]
}
]
}
@import "../../../../styles/mixins";
.gov-carousel {
position: relative;
&:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 90px;
height: 100%;
background: linear-gradient(270deg, var(--background-page) 0%, rgba(245, 245, 245, 0.00) 100%);
}
@include mq($from: sm) {
&:after {
width: 190px;
}
}
}
.gov-card-flex {
position: relative;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding: rem-calc(8 10 14 10);
@include scrollbar();
article {
flex: 0 0 rem-calc(300);
scroll-snap-align: start;
}
}
No notes defined.