diff --git a/source/_patterns/00-atoms/03-buttons/00-basic-button.mustache b/source/_patterns/00-atoms/03-buttons/00-basic-button.mustache index 4a294d1367bc412baebe95ebc9b2d92651457014..9cd660fd79843d7a5c09ff175eeebb75c1abc939 100644 --- a/source/_patterns/00-atoms/03-buttons/00-basic-button.mustache +++ b/source/_patterns/00-atoms/03-buttons/00-basic-button.mustache @@ -1,3 +1,3 @@ -<button class="btn {{ classes }}"> +<button class="btn {{ classes }}" {{# disabled }}disabled{{/ disabled }}> <div class="btn__body {{ bodyClasses }}">{{ cta }}</div> </button> diff --git a/source/_patterns/00-atoms/03-buttons/01-icon-button.mustache b/source/_patterns/00-atoms/03-buttons/01-icon-button.mustache index 11fd2c62a63811eaf208177c60af90f609a67b52..27e06bc93b75a3c6691a333db86cccddfa6f31ad 100644 --- a/source/_patterns/00-atoms/03-buttons/01-icon-button.mustache +++ b/source/_patterns/00-atoms/03-buttons/01-icon-button.mustache @@ -1,4 +1,4 @@ -<button class="btn btn--icon {{ classes }}"> +<button class="btn btn--icon {{ classes }}" {{# disabled }}disabled{{/ disabled }}> <div class="btn__body-wrap"> <div class="btn__body {{ bodyClasses }}">{{ cta }}</div> <div class="btn__icon {{ iconClasses }}"> diff --git a/source/_patterns/00-atoms/03-buttons/02-button-colors.mustache b/source/_patterns/00-atoms/03-buttons/02-button-colors.mustache index 4cc461314a7cd05b7b5a771339e77585132ec262..409b09657b2fd87963869cefd81f73df5c2c096c 100644 --- a/source/_patterns/00-atoms/03-buttons/02-button-colors.mustache +++ b/source/_patterns/00-atoms/03-buttons/02-button-colors.mustache @@ -14,6 +14,21 @@ {{> atoms-basic-button(classes: "btn--violet-500") }} {{> atoms-basic-button(classes: "btn--red-600") }} </div> + <div class="inline-flex flex-col space-y-2"> + {{> atoms-basic-button(classes: "btn--black", disabled: true) }} + {{> atoms-basic-button(classes: "btn--grey-700", disabled: true) }} + {{> atoms-basic-button(classes: "btn--grey-500", disabled: true) }} + {{> atoms-basic-button(classes: "btn--grey-125", disabled: true) }} + {{> atoms-basic-button(classes: "btn--white", disabled: true) }} + {{> atoms-basic-button(classes: "btn--blue-300", disabled: true) }} + {{> atoms-basic-button(classes: "btn--cyan-200", disabled: true) }} + {{> atoms-basic-button(classes: "btn--green-400", disabled: true) }} + {{> atoms-basic-button(classes: "btn--green-300", disabled: true) }} + {{> atoms-basic-button(classes: "btn--orange-300", disabled: true) }} + {{> atoms-basic-button(classes: "btn--violet-400", disabled: true) }} + {{> atoms-basic-button(classes: "btn--violet-500", disabled: true) }} + {{> atoms-basic-button(classes: "btn--red-600", disabled: true) }} + </div> <div class="inline-flex flex-col space-y-2"> {{> atoms-icon-button(classes: "btn--black") }} {{> atoms-icon-button(classes: "btn--grey-700") }} @@ -29,4 +44,19 @@ {{> atoms-icon-button(classes: "btn--violet-500") }} {{> atoms-icon-button(classes: "btn--red-600") }} </div> + <div class="inline-flex flex-col space-y-2"> + {{> atoms-icon-button(classes: "btn--black", disabled: true) }} + {{> atoms-icon-button(classes: "btn--grey-700", disabled: true) }} + {{> atoms-icon-button(classes: "btn--grey-500", disabled: true) }} + {{> atoms-icon-button(classes: "btn--grey-125", disabled: true) }} + {{> atoms-icon-button(classes: "btn--white", disabled: true) }} + {{> atoms-icon-button(classes: "btn--blue-300", disabled: true) }} + {{> atoms-icon-button(classes: "btn--cyan-200", disabled: true) }} + {{> atoms-icon-button(classes: "btn--green-400", disabled: true) }} + {{> atoms-icon-button(classes: "btn--green-300", disabled: true) }} + {{> atoms-icon-button(classes: "btn--orange-300", disabled: true) }} + {{> atoms-icon-button(classes: "btn--violet-400", disabled: true) }} + {{> atoms-icon-button(classes: "btn--violet-500", disabled: true) }} + {{> atoms-icon-button(classes: "btn--red-600", disabled: true) }} + </div> </div> diff --git a/source/_patterns/01-molecules/21-modal/modal.mustache b/source/_patterns/01-molecules/21-modal/modal.mustache index 1e839efb39056d161c83ac45c3eac881d9a7b750..ed03bfaae85346ff511e7730de0d542104e9c656 100644 --- a/source/_patterns/01-molecules/21-modal/modal.mustache +++ b/source/_patterns/01-molecules/21-modal/modal.mustache @@ -1,7 +1,7 @@ <div class="modal__overlay hidden toggle-modal-sample-1" id="modal-sample-1"> <div class="modal__content" role="dialog"> <div class="modal__container w-full max-w-2xl" role="dialog"> - <div class="modal__container-body"> + <div class="modal__container-body elevation-10"> {{> molecules-image-card }} </div> </div> diff --git a/source/_patterns/03-templates/cf2021/chairman.mustache b/source/_patterns/03-templates/cf2021/chairman.mustache index 9a80e7634d35d2997801a0eaa0ff71a51bc0531e..e65fb4f979d4bd48f664172f29a1a22d6851a09c 100644 --- a/source/_patterns/03-templates/cf2021/chairman.mustache +++ b/source/_patterns/03-templates/cf2021/chairman.mustache @@ -30,7 +30,7 @@ </div> <div class="container-padding--zero lg:container-padding--auto"> - {{> organisms-event-feed(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }} + {{> organisms-event-feed-with-action-menu(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }} </div> <div class="lg:card__body pt-4 lg:py-6"> diff --git a/source/css/molecules/chips.pcss b/source/css/molecules/chips.pcss index a74fb9d8f6f28cd82d20221d851ff2bade052197..d9c379c82c7172e01560c34423d615b3900ebc8f 100644 --- a/source/css/molecules/chips.pcss +++ b/source/css/molecules/chips.pcss @@ -4,7 +4,6 @@ py-2 px-3 text-xs font-bold leading-none tracking-normal - cursor-pointer whitespace-no-wrap; } diff --git a/source/css/molecules/modal.pcss b/source/css/molecules/modal.pcss index bc8bd1c347b94bc3fc32dd37abab65a82e304e56..ca7df94129ae32dbae3b474e60b8f870b339077b 100644 --- a/source/css/molecules/modal.pcss +++ b/source/css/molecules/modal.pcss @@ -10,7 +10,7 @@ top-0 left-0 bottom-0 right-0 z-50 flex items-center flex-row - bg-white bg-opacity-75 + bg-grey-125 bg-opacity-75 cursor-pointer overflow-auto; } @@ -28,7 +28,7 @@ @apply h-full p-3 - pointer-events-auto shadow-md; + pointer-events-auto; @screen md { @apply h-auto p-0; diff --git a/source/images/favicons/apple-touch-icon-114x114.png b/source/images/favicons/apple-touch-icon-114x114.png new file mode 100644 index 0000000000000000000000000000000000000000..d80c1b045c8dd4eaf62a7a005fb24a734a231502 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-114x114.png differ diff --git a/source/images/favicons/apple-touch-icon-120x120.png b/source/images/favicons/apple-touch-icon-120x120.png new file mode 100644 index 0000000000000000000000000000000000000000..734c085baee01a6352a01afb971d58682c944a70 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-120x120.png differ diff --git a/source/images/favicons/apple-touch-icon-144x144.png b/source/images/favicons/apple-touch-icon-144x144.png new file mode 100644 index 0000000000000000000000000000000000000000..b8059e03cf44c367b2f3a197b3ff1cb706927495 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-144x144.png differ diff --git a/source/images/favicons/apple-touch-icon-152x152.png b/source/images/favicons/apple-touch-icon-152x152.png new file mode 100644 index 0000000000000000000000000000000000000000..016482e4c92121b4a5ba35b3333268b82a3cb543 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-152x152.png differ diff --git a/source/images/favicons/apple-touch-icon-57x57.png b/source/images/favicons/apple-touch-icon-57x57.png new file mode 100644 index 0000000000000000000000000000000000000000..85feef61bc6d853a602a90ccb59d54602f3d1343 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-57x57.png differ diff --git a/source/images/favicons/apple-touch-icon-60x60.png b/source/images/favicons/apple-touch-icon-60x60.png new file mode 100644 index 0000000000000000000000000000000000000000..4a71c195069a55ac1e4846378e5125c2d385f415 Binary files /dev/null and b/source/images/favicons/apple-touch-icon-60x60.png differ diff --git a/source/images/favicons/apple-touch-icon-72x72.png b/source/images/favicons/apple-touch-icon-72x72.png new file mode 100644 index 0000000000000000000000000000000000000000..01cb1fcb0d781950111b3a61db5434af07bf6fea Binary files /dev/null and b/source/images/favicons/apple-touch-icon-72x72.png differ diff --git a/source/images/favicons/apple-touch-icon-76x76.png b/source/images/favicons/apple-touch-icon-76x76.png new file mode 100644 index 0000000000000000000000000000000000000000..d527a37e561b4e913c900d2d29b8682946f46c1c Binary files /dev/null and b/source/images/favicons/apple-touch-icon-76x76.png differ diff --git a/source/images/favicons/favicon-128x128.png b/source/images/favicons/favicon-128x128.png new file mode 100644 index 0000000000000000000000000000000000000000..4a70b1654597f5b27049e60860d1559ee7cae2b4 Binary files /dev/null and b/source/images/favicons/favicon-128x128.png differ diff --git a/source/images/favicons/favicon-16x16.png b/source/images/favicons/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..c741c9d593b7862c04b34c5fd28d7b47924c3a1c Binary files /dev/null and b/source/images/favicons/favicon-16x16.png differ diff --git a/source/images/favicons/favicon-196x196.png b/source/images/favicons/favicon-196x196.png new file mode 100644 index 0000000000000000000000000000000000000000..75eec7cbf4dfa0af0b4bfc43fc2c32f8846445e9 Binary files /dev/null and b/source/images/favicons/favicon-196x196.png differ diff --git a/source/images/favicons/favicon-32x32.png b/source/images/favicons/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..6f23a79becf613d165db931bdcf5a3fad6c832e6 Binary files /dev/null and b/source/images/favicons/favicon-32x32.png differ diff --git a/source/images/favicons/favicon-96x96.png b/source/images/favicons/favicon-96x96.png new file mode 100644 index 0000000000000000000000000000000000000000..f64e3b179086e45b86c879e286c0759c390d7835 Binary files /dev/null and b/source/images/favicons/favicon-96x96.png differ diff --git a/source/images/favicons/favicon.ico b/source/images/favicons/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..7f9c6b7f249d8978f2df6de9b0043357016dea3a Binary files /dev/null and b/source/images/favicons/favicon.ico differ diff --git a/source/images/favicons/mstile-144x144.png b/source/images/favicons/mstile-144x144.png new file mode 100644 index 0000000000000000000000000000000000000000..b8059e03cf44c367b2f3a197b3ff1cb706927495 Binary files /dev/null and b/source/images/favicons/mstile-144x144.png differ diff --git a/source/images/favicons/mstile-150x150.png b/source/images/favicons/mstile-150x150.png new file mode 100644 index 0000000000000000000000000000000000000000..6696eadc9136cd1e07a37be32ec8d45dd67e9861 Binary files /dev/null and b/source/images/favicons/mstile-150x150.png differ diff --git a/source/images/favicons/mstile-310x150.png b/source/images/favicons/mstile-310x150.png new file mode 100644 index 0000000000000000000000000000000000000000..118df818b1c8792ad1edbd5f79f5c964a6fcd702 Binary files /dev/null and b/source/images/favicons/mstile-310x150.png differ diff --git a/source/images/favicons/mstile-310x310.png b/source/images/favicons/mstile-310x310.png new file mode 100644 index 0000000000000000000000000000000000000000..5fe1daf0637b0a65e78b4152b267368358470124 Binary files /dev/null and b/source/images/favicons/mstile-310x310.png differ diff --git a/source/images/favicons/mstile-70x70.png b/source/images/favicons/mstile-70x70.png new file mode 100644 index 0000000000000000000000000000000000000000..4a70b1654597f5b27049e60860d1559ee7cae2b4 Binary files /dev/null and b/source/images/favicons/mstile-70x70.png differ diff --git a/source/images/logo-round-black.svg b/source/images/logo-round-black.svg new file mode 100644 index 0000000000000000000000000000000000000000..e556a02b9d632ae41d2621dcf3451bfdaccc86b2 --- /dev/null +++ b/source/images/logo-round-black.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.2 55.2"> + <style> + .st0{fill:none} + </style> + <path d="M24.7 7.2c-5.9 0-11.4 2.3-15.5 6.4-4.2 4.1-6.5 9.7-6.5 15.5C2.7 35 5 40.5 9.1 44.7c4.2 4.1 9.7 6.4 15.5 6.4 5.9 0 11.4-2.3 15.5-6.4 4.2-4.1 6.4-9.7 6.4-15.5 0-5.9-2.3-11.4-6.4-15.5-4-4.3-9.5-6.5-15.4-6.5m0 41.8c-11 0-19.9-8.9-19.9-19.9 0-11 8.9-19.9 19.9-19.9 11 0 19.9 8.9 19.9 19.9 0 11-8.9 19.9-19.9 19.9"/> + <path d="M18.1 16.1V13h-1.9v3.6c-1.3.4-2.1.8-1.9 1.1.4-.1 1.1-.2 1.9-.1V36c-2 3.8.9 9.7.9 9.7s-2.1-6.3 2.6-9.3c4.3-2.7 19.3-1.5 19.2-9.9-.1-11.9-13.9-11.9-20.8-10.4m6.1 11.6c-.7 3.2-4.1 4.8-6.2 6.2V17.8c3.5.8 7.6 3.5 6.2 9.9"/> + <path class="st0" d="M0 0h52.2v55.2H0z"/> +</svg> + diff --git a/tailwind-plugins/buttons.js b/tailwind-plugins/buttons.js index 1761f09102cc2b1ca986f7309635ac13ce44d3f8..ab5cd16f6701a65a57b16d667487b1e050773676 100644 --- a/tailwind-plugins/buttons.js +++ b/tailwind-plugins/buttons.js @@ -59,6 +59,10 @@ module.exports = function (options) { maxWidth: theme('maxWidth.xs'), textDecoration: 'none', }, + '.btn[disabled]': { + opacity: '0.7', + cursor: 'not-allowed', + }, '.btn:hover': { textDecoration: 'none', },