Skip to content
Snippets Groups Projects
Commit e3304c70 authored by Gareth Poole's avatar Gareth Poole
Browse files

Issue #3358346 by gareth.poole: Sector 10 - Default page config and sample content - fixes

parent 7992418d
No related branches found
No related tags found
1 merge request!38Issue #3375049 "Upgrade rabbit hole"
@keyframes fadeInUp{from{transform: translateY(1em);opacity: 0}to{transform: translateY(0);opacity: 1}}.off-canvas .alert{animation: fadeInUp .35s ease}.alert__icon{margin-left: auto;margin-right: auto;display: flex;height: 3rem;width: 3rem;flex-shrink: 0;align-items: center;justify-content: center;border-radius: 9999px}@media (min-width: 640px){.alert__icon{margin-left: 0px;margin-right: 0px;height: 2.5rem;width: 2.5rem}}.alert__icon{--icon-size: 66%}.alert__icon::before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M378 810 154 586l43-43 181 181 384-384 43 43-427 427Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M479.982 776q14.018 0 23.518-9.482 9.5-9.483 9.5-23.5 0-14.018-9.482-23.518-9.483-9.5-23.5-9.5-14.018 0-23.518 9.482-9.5 9.483-9.5 23.5 0 14.018 9.482 23.518 9.483 9.5 23.5 9.5ZM453 623h60V370h-60v253Zm27.266 353q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80 658.319 80 575.5q0-82.819 31.5-155.659Q143 347 197.5 293t127.341-85.5Q397.681 176 480.5 176q82.819 0 155.659 31.5Q709 239 763 293t85.5 127Q880 493 880 575.734q0 82.734-31.5 155.5T763 858.316q-54 54.316-127 86Q563 976 480.266 976Zm.234-60Q622 916 721 816.5t99-241Q820 434 721.188 335 622.375 236 480 236q-141 0-240.5 98.812Q140 433.625 140 576q0 141 99.5 240.5t241 99.5Zm-.5-340Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='m40 936 440-760 440 760H40Zm104-60h672L480 296 144 876Zm340.175-57q12.825 0 21.325-8.675 8.5-8.676 8.5-21.5 0-12.825-8.675-21.325-8.676-8.5-21.5-8.5-12.825 0-21.325 8.675-8.5 8.676-8.5 21.5 0 12.825 8.675 21.325 8.676 8.5 21.5 8.5ZM454 708h60V484h-60v224Zm26-122Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M453 776h60V536h-60v240Zm26.982-314q14.018 0 23.518-9.2T513 430q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447 430q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80 658.319 80 575.5q0-82.819 31.5-155.659Q143 347 197.5 293t127.341-85.5Q397.681 176 480.5 176q82.819 0 155.659 31.5Q709 239 763 293t85.5 127Q880 493 880 575.734q0 82.734-31.5 155.5T763 858.316q-54 54.316-127 86Q563 976 480.266 976Zm.234-60Q622 916 721 816.5t99-241Q820 434 721.188 335 622.375 236 480 236q-141 0-240.5 98.812Q140 433.625 140 576q0 141 99.5 240.5t241 99.5Zm-.5-340Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center,-1000em -1000em;display:var(--icon-display, block);width:var(--icon-width, var(--icon-size, 1em));height:var(--icon-height, var(--icon-size, 1em))}.alert__icon-success{--tw-bg-opacity: 1;background-color: rgb(74 222 128 / var(--tw-bg-opacity))}.alert__icon-success::before{background-position:-1000em -1000em,center,-1000em -1000em,-1000em -1000em}.alert__icon-error{--tw-bg-opacity: 1;background-color: rgb(248 113 113 / var(--tw-bg-opacity))}.alert__icon-error::before{background-position:-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__icon-warning{--tw-bg-opacity: 1;background-color: rgb(253 224 71 / var(--tw-bg-opacity))}.alert__icon-warning::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__icon-info{--tw-bg-opacity: 1;background-color: rgb(96 165 250 / var(--tw-bg-opacity))}.alert__icon-info::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert:has(.sf-dump) .alert__icon{--tw-bg-opacity: 1;background-color: rgb(96 165 250 / var(--tw-bg-opacity))}.alert:has(.sf-dump) .alert__icon::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__heading{font-size: 1rem;font-weight: 600;line-height: 1.5rem;--tw-text-opacity: 1;color: rgb(17 24 39 / var(--tw-text-opacity))}.alert__body{margin-top: 0.75rem;text-align: center;font-size: 0.875rem;line-height: 1.25rem;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity))}@media (min-width: 640px){.alert__body{margin-left: 1rem;margin-top: 0px;text-align: left}}.alert__body ul > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))}.alert__body::-webkit-backdrop{background-color: rgb(107 114 128 / 0.75)}.alert__body::backdrop{background-color: rgb(107 114 128 / 0.75)}.alert__body p:has(script):has(style),.alert__body p:empty{display: none}.alert__body li:has(pre)+li{margin-top: 0.5rem}.alert__body a{text-decoration-line: underline;text-underline-offset: 2px}.alert__close{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color: rgb(156 163 175 / var(--tw-text-opacity))}.alert__close:hover{--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity))}.alert__close:focus{outline: 2px solid transparent;outline-offset: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.alert__close{--icon-size: 100%}.alert__close span{pointer-events: none;display: block;height: 1.5rem;width: 1.5rem}.alert__close span::before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='black'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center,-1000em -1000em;display:var(--icon-display, block);width:var(--icon-width, var(--icon-size, 1em));height:var(--icon-height, var(--icon-size, 1em))}
\ No newline at end of file
@keyframes fadeInUp{from{transform: translateY(1em);opacity: 0}to{transform: translateY(0);opacity: 1}}.off-canvas .alert{animation: fadeInUp .35s ease}.alert__icon{margin-left: auto;margin-right: auto;display: flex;height: 3rem;width: 3rem;flex-shrink: 0;align-items: center;justify-content: center;border-radius: 9999px}@media (min-width: 640px){.alert__icon{margin-left: 0px;margin-right: 0px;height: 2.5rem;width: 2.5rem}}.alert__icon{--icon-size: 66%}.alert__icon::before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M378 810 154 586l43-43 181 181 384-384 43 43-427 427Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M479.982 776q14.018 0 23.518-9.482 9.5-9.483 9.5-23.5 0-14.018-9.482-23.518-9.483-9.5-23.5-9.5-14.018 0-23.518 9.482-9.5 9.483-9.5 23.5 0 14.018 9.482 23.518 9.483 9.5 23.5 9.5ZM453 623h60V370h-60v253Zm27.266 353q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80 658.319 80 575.5q0-82.819 31.5-155.659Q143 347 197.5 293t127.341-85.5Q397.681 176 480.5 176q82.819 0 155.659 31.5Q709 239 763 293t85.5 127Q880 493 880 575.734q0 82.734-31.5 155.5T763 858.316q-54 54.316-127 86Q563 976 480.266 976Zm.234-60Q622 916 721 816.5t99-241Q820 434 721.188 335 622.375 236 480 236q-141 0-240.5 98.812Q140 433.625 140 576q0 141 99.5 240.5t241 99.5Zm-.5-340Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='m40 936 440-760 440 760H40Zm104-60h672L480 296 144 876Zm340.175-57q12.825 0 21.325-8.675 8.5-8.676 8.5-21.5 0-12.825-8.675-21.325-8.676-8.5-21.5-8.5-12.825 0-21.325 8.675-8.5 8.676-8.5 21.5 0 12.825 8.675 21.325 8.676 8.5 21.5 8.5ZM454 708h60V484h-60v224Zm26-122Z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='white'%3E%3Cpath d='M453 776h60V536h-60v240Zm26.982-314q14.018 0 23.518-9.2T513 430q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447 430q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80 658.319 80 575.5q0-82.819 31.5-155.659Q143 347 197.5 293t127.341-85.5Q397.681 176 480.5 176q82.819 0 155.659 31.5Q709 239 763 293t85.5 127Q880 493 880 575.734q0 82.734-31.5 155.5T763 858.316q-54 54.316-127 86Q563 976 480.266 976Zm.234-60Q622 916 721 816.5t99-241Q820 434 721.188 335 622.375 236 480 236q-141 0-240.5 98.812Q140 433.625 140 576q0 141 99.5 240.5t241 99.5Zm-.5-340Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center,-1000em -1000em;display:var(--icon-display, block);width:var(--icon-width, var(--icon-size, 1em));height:var(--icon-height, var(--icon-size, 1em))}.alert__icon-success{--tw-bg-opacity: 1;background-color: rgb(74 222 128 / var(--tw-bg-opacity))}.alert__icon-success::before{background-position:-1000em -1000em,center,-1000em -1000em,-1000em -1000em}.alert__icon-error{--tw-bg-opacity: 1;background-color: rgb(248 113 113 / var(--tw-bg-opacity))}.alert__icon-error::before{background-position:-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__icon-warning{--tw-bg-opacity: 1;background-color: rgb(253 224 71 / var(--tw-bg-opacity))}.alert__icon-warning::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__icon-info{--tw-bg-opacity: 1;background-color: rgb(96 165 250 / var(--tw-bg-opacity))}.alert__icon-info::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert:has(.sf-dump) .alert__icon{--tw-bg-opacity: 1;background-color: rgb(96 165 250 / var(--tw-bg-opacity))}.alert:has(.sf-dump) .alert__icon::before{background-position:-1000em -1000em,-1000em -1000em,-1000em -1000em,-1000em -1000em,center,-1000em -1000em}.alert__heading{font-size: 1rem;font-weight: 600;line-height: 1.5rem;--tw-text-opacity: 1;color: rgb(17 24 39 / var(--tw-text-opacity))}.alert__body{margin-top: 0.75rem;text-align: center;font-size: 0.875rem;line-height: 1.25rem;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity))}@media (min-width: 640px){.alert__body{margin-top: 0px;text-align: left}}.alert__body ul > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))}.alert__body::-webkit-backdrop{background-color: rgb(107 114 128 / 0.75)}.alert__body::backdrop{background-color: rgb(107 114 128 / 0.75)}.alert__body p:has(script):has(style),.alert__body p:empty{display: none}.alert__body li:has(pre)+li{margin-top: 0.5rem}.alert__body a{text-decoration-line: underline;text-underline-offset: 2px}@media (min-width: 640px){.alert__icon+.alert__body{margin-left: 1rem}}.alert__close{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color: rgb(156 163 175 / var(--tw-text-opacity))}.alert__close:hover{--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity))}.alert__close:focus{outline: 2px solid transparent;outline-offset: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.alert__close{--icon-size: 100%}.alert__close span{pointer-events: none;display: block;height: 1.5rem;width: 1.5rem}.alert__close span::before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 96 960 960' fill='black'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center,-1000em -1000em;display:var(--icon-display, block);width:var(--icon-width, var(--icon-size, 1em));height:var(--icon-height, var(--icon-size, 1em))}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
......@@ -44,7 +44,7 @@
}
.alert__body {
@apply mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left text-sm text-center text-gray-500 mt-3;
@apply mt-3 text-center sm:mt-0 sm:text-left text-sm text-center text-gray-500 mt-3;
ul {
@apply space-y-2;
......@@ -67,6 +67,10 @@
}
}
.alert__icon + .alert__body {
@apply sm:ml-4;
}
.alert__close {
@apply bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2;
--icon-size: 100%;
......
......@@ -14,7 +14,7 @@
{% set classes = [
'alert',
type ? 'alert-' ~ type,
'pointer-events-auto relative w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
'pointer-events-auto relative w-full overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
dismissible ? 'alert--dismissible',
]|merge(alert_utility_classes ? alert_utility_classes : []) %}
......
......@@ -9,6 +9,7 @@
:where(h2,h3,h4,h5,h6) {
@apply tracking-[var(--tw-prose-heading-tracking)];
font-family: var(--tw-prose-heading-family-override, var(--tw-prose-heading-family));
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment