Skip to content
Snippets Groups Projects
Commit 6416fb8e authored by Štěpán Farka's avatar Štěpán Farka
Browse files

[ADD] button with props

parent 105760ca
No related branches found
No related tags found
2 merge requests!607Pirati.cz,!575Feature/pirati cz
Pipeline #9186 passed
{"version":1,"timestamp":1660336250657,"graph":{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"v":"molecules/simple_header.hbs","value":{"compileState":"clean","lineagePattern":"templates-contact","lineagePath":"../../patterns/templates-contact/templates-contact.rendered.html"}},{"v":"molecules/twitter-box.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"pages/homepage.hbs","value":{"compileState":"clean"}},{"v":"pages/contact.hbs","value":{"compileState":"clean"}},{"v":"organisms/header.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/footer.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/twitter-section.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"templates/contact.hbs","value":{"compileState":"clean","lineagePattern":"pages-contact","lineagePath":"../../patterns/pages-contact/pages-contact.rendered.html"}},{"v":"templates/homepage.hbs","value":{"compileState":"clean","lineagePattern":"pages-homepage","lineagePath":"../../patterns/pages-homepage/pages-homepage.rendered.html"}},{"v":"atoms/flags/flag.hbs","value":{"compileState":"clean"}},{"v":"atoms/buttons/button-animated.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"atoms/icons/icons.hbs","value":{"compileState":"clean"}}],"edges":[{"v":"organisms/twitter-section.hbs","w":"molecules/twitter-box.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"atoms/buttons/button-animated.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/contact.hbs","w":"molecules/simple_header.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/footer.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/twitter-section.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/footer.hbs","value":{}},{"v":"pages/homepage.hbs","w":"templates/homepage.hbs","value":{}},{"v":"pages/contact.hbs","w":"templates/contact.hbs","value":{}}]}}
{"version":1,"timestamp":1660337644488,"graph":{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"v":"molecules/simple_header.hbs","value":{"compileState":"clean","lineagePattern":"templates-contact","lineagePath":"../../patterns/templates-contact/templates-contact.rendered.html"}},{"v":"molecules/twitter-box.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"organisms/footer.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/twitter-section.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"organisms/header.hbs","value":{"compileState":"clean","lineagePattern":"templates-homepage","lineagePath":"../../patterns/templates-homepage/templates-homepage.rendered.html"}},{"v":"templates/contact.hbs","value":{"compileState":"clean","lineagePattern":"pages-contact","lineagePath":"../../patterns/pages-contact/pages-contact.rendered.html"}},{"v":"templates/homepage.hbs","value":{"compileState":"clean","lineagePattern":"pages-homepage","lineagePath":"../../patterns/pages-homepage/pages-homepage.rendered.html"}},{"v":"pages/contact.hbs","value":{"compileState":"clean"}},{"v":"pages/homepage.hbs","value":{"compileState":"clean"}},{"v":"atoms/buttons/button-animated.hbs","value":{"compileState":"clean","lineagePattern":"organisms-twitter-section","lineagePath":"../../patterns/organisms-twitter-section/organisms-twitter-section.rendered.html"}},{"v":"atoms/icons/icons.hbs","value":{"compileState":"clean"}},{"v":"atoms/flags/flag.hbs","value":{"compileState":"clean"}}],"edges":[{"v":"templates/contact.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/contact.hbs","w":"molecules/simple_header.hbs","value":{}},{"v":"templates/contact.hbs","w":"organisms/footer.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/header.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/twitter-section.hbs","value":{}},{"v":"templates/homepage.hbs","w":"organisms/footer.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"molecules/twitter-box.hbs","value":{}},{"v":"organisms/twitter-section.hbs","w":"atoms/buttons/button-animated.hbs","value":{}},{"v":"pages/contact.hbs","w":"templates/contact.hbs","value":{}},{"v":"pages/homepage.hbs","w":"templates/homepage.hbs","value":{}}]}}
{
"btn-text": "Text na tlačítku"
"btn-text": "Text na tlačítku",
"headline": {
"short": "Cauliflower cheese cream cheese baby",
"medium": "Lancashire cheesy feet rubber cheese cheese and wine gouda the big chee"
}
}
\ No newline at end of file
<div class="container--wide mx-auto pt-8 lg:py-16 mb-16">
<h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center">
<h2 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center">
Co právě děláme
</h2>
<div class="mb-8 flex flex-wrap justify-center">
......@@ -9,6 +9,6 @@
{{> molecules-twitter-box }}
</div>
<div class="flex justify-center">
{{> atoms-button-animated }}
{{> atoms-button-animated btn-text="Zobrazit další" }}
</div>
</div>
\ No newline at end of file
......@@ -1992,6 +1992,22 @@ video {
margin-right: auto;
}
.mr-2{
margin-right: 0.5rem;
}
.mb-36{
margin-bottom: 9rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
......@@ -2024,32 +2040,20 @@ video {
margin-right: 1.25rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mr-3{
margin-right: 0.75rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mr-16{
margin-right: 4rem;
}
.mb-36{
margin-bottom: 9rem;
.mb-8{
margin-bottom: 2rem;
}
.mb-20{
......@@ -2072,10 +2076,6 @@ video {
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-32{
margin-bottom: 8rem;
}
......@@ -2088,10 +2088,6 @@ video {
margin-top: 6rem;
}
.box-content{
box-sizing: content-box;
}
.flex{
display: flex;
}
......@@ -2100,28 +2096,28 @@ video {
display: grid;
}
.h-80{
height: 20rem;
}
.h-16{
height: 4rem;
}
.h-80{
height: 20rem;
}
.max-h-60{
max-height: 15rem;
}
.w-full{
width: 100%;
.w-32{
width: 8rem;
}
.w-48{
width: 12rem;
.w-40{
width: 10rem;
}
.w-20{
width: 5rem;
.w-full{
width: 100%;
}
.w-60{
......@@ -2132,6 +2128,14 @@ video {
width: 3rem;
}
.w-48{
width: 12rem;
}
.w-20{
width: 5rem;
}
.w-36{
width: 9rem;
}
......@@ -2148,22 +2152,10 @@ video {
width: 4rem;
}
.w-32{
width: 8rem;
}
.w-40{
width: 10rem;
}
.w-80{
width: 20rem;
}
.w-10{
width: 2.5rem;
}
.cursor-pointer{
cursor: pointer;
}
......@@ -2226,40 +2218,35 @@ video {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-transparent{
background-color: transparent;
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-blue-300{
.bg-grey-50{
--tw-bg-opacity: 1;
background-color: rgb(2 125 168 / var(--tw-bg-opacity));
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-grey-50{
.bg-transparent{
background-color: transparent;
}
.bg-blue-300{
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
background-color: rgb(2 125 168 / var(--tw-bg-opacity));
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.p-4{
padding: 1rem;
}
.p-2{
padding: 0.5rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
.p-4{
padding: 1rem;
}
.py-32{
......@@ -2267,6 +2254,11 @@ video {
padding-bottom: 8rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
......@@ -2285,14 +2277,6 @@ video {
padding-bottom: 0.5rem;
}
.pl-44{
padding-left: 11rem;
}
.pt-32{
padding-top: 8rem;
}
.pt-8{
padding-top: 2rem;
}
......@@ -2301,6 +2285,14 @@ video {
padding-bottom: 1rem;
}
.pl-44{
padding-left: 11rem;
}
.pt-32{
padding-top: 8rem;
}
.pt-16{
padding-top: 4rem;
}
......@@ -2325,6 +2317,14 @@ video {
font-size: 1.6rem;
}
.text-2xs{
font-size: .65rem;
}
.text-7xl{
font-size: 5.3rem;
}
.text-base{
font-size: 1rem;
}
......@@ -2333,10 +2333,6 @@ video {
font-size: 1.3rem;
}
.text-7xl{
font-size: 5.3rem;
}
.text-4xl{
font-size: 2.45rem;
}
......@@ -2345,10 +2341,6 @@ video {
font-size: 1.875rem;
}
.text-2xs{
font-size: .65rem;
}
.font-bold{
font-weight: 700;
}
......@@ -2370,24 +2362,24 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-grey-300{
.text-black{
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-turquoise-500{
.text-turquoise-400{
--tw-text-opacity: 1;
color: rgb(37 165 185 / var(--tw-text-opacity));
color: rgb(27 192 227 / var(--tw-text-opacity));
}
.text-turquoise-400{
.text-grey-300{
--tw-text-opacity: 1;
color: rgb(27 192 227 / var(--tw-text-opacity));
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.text-black{
.text-turquoise-500{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
color: rgb(37 165 185 / var(--tw-text-opacity));
}
.text-green-500{
......@@ -2400,11 +2392,6 @@ video {
text-decoration-line: underline;
}
.no-underline{
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
......@@ -2556,14 +2543,14 @@ a.icon-link:hover span{
}
@media (min-width: 992px){
.lg\:w-1\/2{
width: 50%;
}
.lg\:w-80{
width: 20rem;
}
.lg\:w-1\/2{
width: 50%;
}
.lg\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment