EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Streamline colors

Browse Source
This commit is contained in:
Björn Fromme
2021-11-04 16:05:21 +01:00
parent da4f6acb9b
commit 1187b6d77c
25 changed files with 62 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
+1 -1
View File
@@ -11,5 +11,5 @@ p {
}
a:not(.button) {
@apply text-ep-primary sbw:text-sbw-primary-dark;
@apply text-ep-primary-light sbw:text-sbw-primary-dark;
}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
+4 -4
View File
@@ -1,6 +1,6 @@
h1,
.headline--primary {
@apply block text-3xl md:text-4xl text-gray-800 font-normal;
@apply block text-3xl md:text-4xl text-gray-800 font-bold;
}
h2,
@@ -19,12 +19,12 @@ h4,
}
.headline--underlined:after {
@apply block border-b-4 border-ep-primary sbw:border-sbw-primary pb-4 mb-4 -mt-2 w-20;
@apply block border-b-4 border-ep-primary-light sbw:border-sbw-primary pb-4 mb-4 -mt-2 w-20;
content: '';
}
.subline {
@apply block text-sm md:text-base uppercase font-light tracking-widest leading-6 md:leading-10 pb-2 md:pb-0;
@apply block text-sm md:text-base font-normal leading-6 md:leading-10 pb-2 md:pb-0;
}
// Lists
@@ -34,7 +34,7 @@ h4,
li {
@apply relative pl-8;
&:before {
@apply absolute left-0 top-0 w-6 h-6 text-ep-primary text-lg;
@apply absolute left-0 top-0 w-6 h-6 text-ep-primary-dark text-lg;
font-family: 'fontello';
content: '\e800';
}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
+2 -2
View File
@@ -2,7 +2,7 @@
@apply inline-flex items-center justify-center space-x-2 px-4 py-2 md:px-8 cursor-pointer;
@apply uppercase leading-none text-center;
@apply transition-colors outline-none focus:outline-none;
@apply bg-ep-secondary text-white;
@apply bg-ep-primary-light text-white;
@apply sbw:bg-sbw-secondary;
@apply snz:bg-snz-secondary;
@apply uch:bg-uch-secondary;
@@ -26,7 +26,7 @@
&--light {
@apply bg-white border-2;
@apply font-bold;
@apply border-ep-primary text-ep-primary;
@apply border-ep-primary-light text-ep-primary;
@apply sbw:bg-white sbw:border-sbw-primary sbw:text-sbw-primary;
@apply snz:bg-white snz:border-snz-primary snz:text-snz-primary;
@apply uch:bg-white uch:border-uch-primary uch:text-uch-primary;
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss
+1 -1
View File
@@ -8,7 +8,7 @@
}
.contact-bar__item {
@apply flex-1 text-white py-2 bg-ep-primary border-r border-white last:border-0;
@apply flex-1 text-white py-2 bg-ep-primary-light border-r border-white last:border-0;
@screen md {
@apply flex flex-none items-start transition-transform duration-300 ease-in-out p-1 shadow-md focus:text-white border-0;
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss
+1 -7
View File
@@ -21,18 +21,12 @@
}
.herounit__badge {
@apply absolute;
@apply absolute bg-badge-gradient text-white py-8 px-2;
&--skipass {
top: 0;
right: 16px;
width: 60px;
height: auto;
@screen md {
width: 100px;
}
@screen lg {
width: auto;
right: 90px;
}
}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_misc.scss
+1 -1
View File
@@ -1,3 +1,3 @@
.headerbar {
@apply bg-ep-primary sbw:bg-sbw-primary text-white uppercase font-semibold py-2 px-4 mb-4;
@apply bg-ep-primary-light sbw:bg-sbw-primary text-white uppercase font-semibold py-2 px-4 mb-4;
}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_sidebar.scss
View File
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
+1 -1
View File
@@ -4,7 +4,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-winter my-2">
<div class="bg-ep-primary-medium my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-winter my-2">
<div class="bg-ep-primary-medium my-2">
<f:render partial="Disrupter/Outlines"
section="Top1"
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html
+6 -6
View File
@@ -5,42 +5,42 @@
<f:section name="Top1">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="#f9c700"/>
<polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="#18527B"/>
</svg>
</f:section>
<f:section name="Bottom1">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="#F9C700"/>
<polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="#18527B"/>
</svg>
</f:section>
<f:section name="Top2">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="#f9c700"/>
<polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="#18527B"/>
</svg>
</f:section>
<f:section name="Bottom2">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="#f9c700"/>
<polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="#18527B"/>
</svg>
</f:section>
<f:section name="Top3">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="#f9c700"/>
<polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="#18527B"/>
</svg>
</f:section>
<f:section name="Bottom3">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="#f9c700"/>
<polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="#18527B"/>
</svg>
</f:section>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-winter my-2">
<div class="bg-ep-primary-medium my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<f:render partial="Disrupter/Outlines"
section="Top1"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
+1 -1
View File
@@ -4,7 +4,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-winter my-2">
<div class="bg-ep-primary-medium my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-winter my-2">
<div class="bg-ep-primary-medium my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<f:render partial="Disrupter/Outlines"
section="Top1"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-winter mt-8">
<div class="bg-ep-primary-medium mt-8">
<div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 uch:bg-uch-primary-80">
<f:if condition="{settings.themekey} == 'ep'">
<f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+3 -3
View File
@@ -45,9 +45,9 @@
</div>
</div>
<f:if condition="{slide.skipass}">
<f:link.typolink parameter="{settings.skipassPageUid}" title="Skipass inklusive">
<f:image src="EXT:ep_theme/Resources/Public/images/badge_skipass.png"
alt="Skipass inklusive" class="herounit__badge herounit__badge--skipass" />
<f:link.typolink parameter="{settings.skipassPageUid}" title="Skipass inklusive" class="herounit__badge herounit__badge--skipass">
<p class="uppercase text-4xl font-bold leading-7 mb-2">Ski-<br>Pass</p>
<p class="uppercase">inklusive</p>
</f:link.typolink>
</f:if>
<f:if condition="{badge}">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+5 -11
View File
@@ -3,7 +3,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:section name="Teaser">
<div class="product-teaser flex flex-col h-full bg-white shadow group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
<div class="product-teaser flex flex-col h-full bg-white group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
<f:render section="TeaserImage" arguments="{_all}"/>
<f:render section="TeaserContent" arguments="{_all}"/>
</div>
@@ -59,18 +59,14 @@
</div>
<ul class="product-teaser__list-included flex-1 list-none m-0 text-gray-800 divide-y divide-gray-400">
<li class="flex items-center space-x-1 py-1">
<svg class="product-teaser__list-icon">
<use href="#icon-check"></use>
</svg>
<i class="icon-check text-ep-primary-light"></i>
<span class="block flex-1 leading-none">
{f:if(condition: '{season} == "s"', then: 'Bergbahnticket', else: 'Skipass')}
</span>
</li>
<f:if condition="{product.feature}">
<li class="flex items-center space-x-1 py-1">
<svg class="product-teaser__list-icon">
<use href="#icon-check"></use>
</svg>
<i class="icon-check text-ep-primary-light"></i>
<span class="block flex-1 leading-none">
{product.feature}
</span>
@@ -78,9 +74,7 @@
</f:if>
<f:if condition="{board}">
<li class="flex items-center space-x-1 py-1">
<svg class="product-teaser__list-icon">
<use href="#icon-check"></use>
</svg>
<i class="icon-check text-ep-primary-light"></i>
<span class="block flex-1 leading-none">
{board}
</span>
@@ -88,7 +82,7 @@
</f:if>
</ul>
<div class="pt-8">
<div class="bg-ep-primary text-white font-bold px-4 py-1 group-hover:bg-ep-secondary transition-colors">
<div class="bg-ep-primary-light text-white font-bold px-4 py-1 group-hover:bg-ep-secondary transition-colors">
<div class="lg:inline-block">
ab <span class="product-teaser__price mx-1">{minPrice} €</span>
</div>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+9 -9
View File
@@ -3,7 +3,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="mb-4 p-4 bg-ep-primary text-white"
<div class="mb-4 p-4 bg-ep-primary-light text-white"
data-controller="collapse"
data-collapse-collapsed-value="{f:if(condition: '{filterSettings.dateFrom} || {filterSettings.dateTo}', then: 'false', else: 'true')}">
<button type="button"
@@ -83,7 +83,7 @@
</div>
</div>
<div class="mb-4 p-4 bg-ep-primary text-white"
<div class="mb-4 p-4 bg-ep-primary-light text-white"
data-controller="collapse"
data-collapse-collapsed-value="{f:if(condition: '{filterSettings.conceptUids}', then: 'false', else: 'true')}">
<button type="button"
@@ -138,7 +138,7 @@
<f:for each="{filterOptions.destinations}" as="destination">
<li class="relative border-b last:border-0 mb-2">
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="countryUids"
data="{action: '{stimulusController}#filter'}"
value="{destination.country.uid}"/>
@@ -154,7 +154,7 @@
<f:for each="{destination.regions}" as="region">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="regionUids"
data="{action: '{stimulusController}#filter'}"
value="{region.uid}"/>
@@ -191,7 +191,7 @@
<f:for each="{filterOptions.priceRanges}" as="range">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="priceRanges"
data="{action: '{stimulusController}#filter'}"
value="{range.uid}"/>
@@ -253,7 +253,7 @@
<f:for each="{filterOptions.hotelTypes}" as="type">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="hotelTypes"
data="{action: '{stimulusController}#filter'}"
value="{type}"/>
@@ -287,7 +287,7 @@
<f:if condition="{type.label}">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="boardTypes"
data="{action: '{stimulusController}#filter'}"
value="{type.uid}"/>
@@ -329,7 +329,7 @@
<f:for each="{filterOptions.roomTypes}" as="type">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="roomTypes"
data="{action: '{stimulusController}#filter'}"
value="{type}"/>
@@ -362,7 +362,7 @@
<ul class="mb-0 p-0 pt-2 space-y-1">
<li>
<label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
<f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="bus"
data="{action: '{stimulusController}#filter'}"
value="1"/>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+1 -1
View File
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-ep-primary text-white p-4 mb-4">
<div class="bg-ep-primary-light text-white p-4 mb-4">
Deine Suche
<f:if condition="{meta.organic}">
<f:then>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+2 -2
View File
@@ -6,9 +6,9 @@
<f:if condition="{settings.hideAreaNavigation}">
<f:else>
<div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-cover bg-center shadow" style="background-image: url({f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/polygon.jpg')})">
<div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium shadow">
<div class="container">
<nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-gray-300 border-r border-l">
<nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-ep-primary-dark border-r border-l border-ep-primary-dark">
<f:link.typolink parameter="9" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="E&amp;P">
<svg class="w-5 h-5"><use href="#icon-home"/></svg>
</f:link.typolink>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+4 -4
View File
@@ -15,7 +15,7 @@
<f:if condition="{hasSurcharge}">
<button type="button"
data-action="pricetable#toggleSurcharge"
class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
<svg class="w-4 h-4">
<use href="#icon-arrow-circle-right"></use>
</svg>
@@ -29,7 +29,7 @@
<f:if condition="{hasDiscount}">
<button type="button"
data-action="pricetable#toggleDiscount"
class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
<svg class="w-4 h-4">
<use href="#icon-arrow-circle-right"></use>
</svg>
@@ -112,7 +112,7 @@
</span>
</f:if>
<button type="button"
class="text-ep-primary col-span-2 text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
class="text-ep-primary-light col-span-2 text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
data-action="pricetable#openModal"
data-type="services"
data-uid="{row.dateUid}"
@@ -198,7 +198,7 @@
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
<span class="text-xl font-bold">
Inklusivleistungen {hotel.name}
</span>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+1 -1
View File
@@ -61,7 +61,7 @@
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25 flex items-center justify-center"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 bg-white shadow w-full max-w-xl rounded">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
<span class="text-xl font-bold">
Inklusivleistungen
</span>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
+4 -4
View File
@@ -17,7 +17,7 @@
<f:if condition="{hasSurcharge}">
<button type="button"
data-action="pricetable#toggleSurcharge"
class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
<svg class="w-4 h-4">
<use href="#icon-arrow-circle-right"></use>
</svg>
@@ -31,7 +31,7 @@
<f:if condition="{hasDiscount}">
<button type="button"
data-action="pricetable#toggleDiscount"
class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
<svg class="w-4 h-4">
<use href="#icon-arrow-circle-right"></use>
</svg>
@@ -120,7 +120,7 @@
<td class="border border-gray-300 px-2 py-1 md:p-2 text-center">
<f:if condition="{row.hasOptionalServices} && {row.available}">
<button type="button"
class="text-ep-primary text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
class="text-ep-primary-light text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
data-action="pricetable#openModal"
data-type="options"
data-uid="{row.roomUid}"
@@ -213,7 +213,7 @@
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
<span class="text-xl font-bold">
Optionale Zusatzleistungen
</span>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+6 -6
View File
@@ -40,7 +40,7 @@
data-datepicker-min-date-value="{f:format.date(date: 'now', format: 'Y-m-d')}"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-white mr-8">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
class="w-full bg-transparent border-0 ring-0 focus:ring-0 text-white uppercase px-2 py-1 cursor-pointer placeholder-white"
@@ -95,7 +95,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-white mr-8">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="paxLabel"
@@ -132,7 +132,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-white mr-8">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="destinationLabel"
@@ -208,7 +208,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-r border-b border-white">
<div class="relative border-r border-b border-overlay-white-50">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="priceRangeLabel"
@@ -253,13 +253,13 @@
</svg>
</button>
</div>
<div class="flex justify-end mt-4 reduced:hidden">
<div class="flex justify-end mt-6 reduced:hidden">
<button type="submit"
class="w-1/3 text-white uppercase py-2">
Detailsuche
</button>
<button type="submit"
class="w-1/3 text-white bg-ep-primary uppercase py-2">
class="w-1/3 text-white bg-ep-primary-light uppercase py-2">
Alle anzeigen
</button>
</div>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html
+1 -1
View File
@@ -12,7 +12,7 @@
<div data-watchlist-target="container"></div>
<div class="absolute top-0 left-0 inset-0 bg-overlay-white hidden"
data-watchlist-target="loadingIndicator">
<svg class="w-6 h-6 text-ep-primary absolute top-1/2 left-1/2 transform -translate-xy-1/2">
<svg class="w-6 h-6 text-ep-primary-light absolute top-1/2 left-1/2 transform -translate-xy-1/2">
<use href="#icon-spinner"></use>
</svg>
</div>
tailwind.config.js
+4
View File
@@ -50,6 +50,7 @@ module.exports = {
overlay: {
black: tinycolor('#000000').setAlpha(0.85).toRgbString(),
white: tinycolor('#ffffff').setAlpha(0.85).toRgbString(),
'white-50': tinycolor('#ffffff').setAlpha(0.5).toRgbString(),
},
concept: {
default: '#3d8ccb',
@@ -111,6 +112,9 @@ module.exports = {
'overlay-secondary': tinycolor('#a6c62c').setAlpha(0.55).toRgbString(),
},
},
backgroundImage: {
'badge-gradient': 'linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%)',
},
height: {
'128': '32rem',
},