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
Stage: build
Show whitespace changes
Inline Side-by-side
main/ui-main/dependencyGraph.json
+ 1
− 1
View file @ 6416fb8e
{"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":{}}]}}
main/ui-main/source/_data/data.json
+ 5
− 1
View file @ 6416fb8e
{ {
"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
main/ui-main/source/_patterns/organisms/twitter-section.hbs
+ 2
− 2
View file @ 6416fb8e
<div class="container--wide mx-auto pt-8 lg:py-16 mb-16"> <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 Co právě děláme
</h2> </h2>
<div class="mb-8 flex flex-wrap justify-center"> <div class="mb-8 flex flex-wrap justify-center">
...@@ -9,6 +9,6 @@ ...@@ -9,6 +9,6 @@
{{> molecules-twitter-box }} {{> molecules-twitter-box }}
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
{{> atoms-button-animated }} {{> atoms-button-animated btn-text="Zobrazit další" }}
</div> </div>
</div> </div>
\ No newline at end of file
main/ui-main/source/css/styles.css
+ 79
− 92
View file @ 6416fb8e
...@@ -1992,6 +1992,22 @@ video { ...@@ -1992,6 +1992,22 @@ video {
margin-right: auto; 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{ .mb-10{
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
} }
...@@ -2024,32 +2040,20 @@ video { ...@@ -2024,32 +2040,20 @@ video {
margin-right: 1.25rem; margin-right: 1.25rem;
} }
.mb-2{
margin-bottom: 0.5rem;
}
.mb-1{ .mb-1{
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.mb-4{
margin-bottom: 1rem;
}
.mr-3{ .mr-3{
margin-right: 0.75rem; margin-right: 0.75rem;
} }
.mr-2{
margin-right: 0.5rem;
}
.mr-16{ .mr-16{
margin-right: 4rem; margin-right: 4rem;
} }
.mb-36{ .mb-8{
margin-bottom: 9rem; margin-bottom: 2rem;
} }
.mb-20{ .mb-20{
...@@ -2072,10 +2076,6 @@ video { ...@@ -2072,10 +2076,6 @@ video {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.mb-8{
margin-bottom: 2rem;
}
.mb-32{ .mb-32{
margin-bottom: 8rem; margin-bottom: 8rem;
} }
...@@ -2088,10 +2088,6 @@ video { ...@@ -2088,10 +2088,6 @@ video {
margin-top: 6rem; margin-top: 6rem;
} }
.box-content{
box-sizing: content-box;
}
.flex{ .flex{
display: flex; display: flex;
} }
...@@ -2100,28 +2096,28 @@ video { ...@@ -2100,28 +2096,28 @@ video {
display: grid; display: grid;
} }
.h-80{
height: 20rem;
}
.h-16{ .h-16{
height: 4rem; height: 4rem;
} }
.h-80{
height: 20rem;
}
.max-h-60{ .max-h-60{
max-height: 15rem; max-height: 15rem;
} }
.w-full{ .w-32{
width: 100%; width: 8rem;
} }
.w-48{ .w-40{
width: 12rem; width: 10rem;
} }
.w-20{ .w-full{
width: 5rem; width: 100%;
} }
.w-60{ .w-60{
...@@ -2132,6 +2128,14 @@ video { ...@@ -2132,6 +2128,14 @@ video {
width: 3rem; width: 3rem;
} }
.w-48{
width: 12rem;
}
.w-20{
width: 5rem;
}
.w-36{ .w-36{
width: 9rem; width: 9rem;
} }
...@@ -2148,22 +2152,10 @@ video { ...@@ -2148,22 +2152,10 @@ video {
width: 4rem; width: 4rem;
} }
.w-32{
width: 8rem;
}
.w-40{
width: 10rem;
}
.w-80{ .w-80{
width: 20rem; width: 20rem;
} }
.w-10{
width: 2.5rem;
}
.cursor-pointer{ .cursor-pointer{
cursor: pointer; cursor: pointer;
} }
...@@ -2226,40 +2218,35 @@ video { ...@@ -2226,40 +2218,35 @@ video {
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} }
.bg-transparent{
background-color: transparent;
}
.bg-white{ .bg-white{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} }
.bg-blue-300{ .bg-grey-50{
--tw-bg-opacity: 1; --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; --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{ .bg-no-repeat{
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.p-4{
padding: 1rem;
}
.p-2{ .p-2{
padding: 0.5rem; padding: 0.5rem;
} }
.py-8{ .p-4{
padding-top: 2rem; padding: 1rem;
padding-bottom: 2rem;
} }
.py-32{ .py-32{
...@@ -2267,6 +2254,11 @@ video { ...@@ -2267,6 +2254,11 @@ video {
padding-bottom: 8rem; padding-bottom: 8rem;
} }
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-4{ .py-4{
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
...@@ -2285,14 +2277,6 @@ video { ...@@ -2285,14 +2277,6 @@ video {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.pl-44{
padding-left: 11rem;
}
.pt-32{
padding-top: 8rem;
}
.pt-8{ .pt-8{
padding-top: 2rem; padding-top: 2rem;
} }
...@@ -2301,6 +2285,14 @@ video { ...@@ -2301,6 +2285,14 @@ video {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.pl-44{
padding-left: 11rem;
}
.pt-32{
padding-top: 8rem;
}
.pt-16{ .pt-16{
padding-top: 4rem; padding-top: 4rem;
} }
...@@ -2325,6 +2317,14 @@ video { ...@@ -2325,6 +2317,14 @@ video {
font-size: 1.6rem; font-size: 1.6rem;
} }
.text-2xs{
font-size: .65rem;
}
.text-7xl{
font-size: 5.3rem;
}
.text-base{ .text-base{
font-size: 1rem; font-size: 1rem;
} }
...@@ -2333,10 +2333,6 @@ video { ...@@ -2333,10 +2333,6 @@ video {
font-size: 1.3rem; font-size: 1.3rem;
} }
.text-7xl{
font-size: 5.3rem;
}
.text-4xl{ .text-4xl{
font-size: 2.45rem; font-size: 2.45rem;
} }
...@@ -2345,10 +2341,6 @@ video { ...@@ -2345,10 +2341,6 @@ video {
font-size: 1.875rem; font-size: 1.875rem;
} }
.text-2xs{
font-size: .65rem;
}
.font-bold{ .font-bold{
font-weight: 700; font-weight: 700;
} }
...@@ -2370,24 +2362,24 @@ video { ...@@ -2370,24 +2362,24 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.text-grey-300{ .text-black{
--tw-text-opacity: 1; --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; --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; --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; --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{ .text-green-500{
...@@ -2400,11 +2392,6 @@ video { ...@@ -2400,11 +2392,6 @@ video {
text-decoration-line: underline; text-decoration-line: underline;
} }
.no-underline{
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.shadow-sm{ .shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
...@@ -2556,14 +2543,14 @@ a.icon-link:hover span{ ...@@ -2556,14 +2543,14 @@ a.icon-link:hover span{
} }
@media (min-width: 992px){ @media (min-width: 992px){
.lg\:w-1\/2{
width: 50%;
}
.lg\:w-80{ .lg\:w-80{
width: 20rem; width: 20rem;
} }
.lg\:w-1\/2{
width: 50%;
}
.lg\:py-16{ .lg\:py-16{
padding-top: 4rem; padding-top: 4rem;
padding-bottom: 4rem; padding-bottom: 4rem;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment

Pirátský GitLab - Home of the CopyLeft