From b171cdd431caaa5b6af0f7073617e29e6a5e8f14 Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Mon, 22 Apr 2024 11:33:43 -0400 Subject: [PATCH] Fix font sizes --- build/card/style-index.css | 2 +- build/card/style-index.css.map | 2 +- src/card/style.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/build/card/style-index.css b/build/card/style-index.css index 67b55ad..9ca78fc 100644 --- a/build/card/style-index.css +++ b/build/card/style-index.css @@ -6,7 +6,7 @@ box-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-3); border-radius: 12px; padding: var(--wp--preset--spacing--20); - font-size: var(--wp--preset--font-size--small); + font-size: var(--wp--preset--font-size--medium); display: flex; flex-direction: row; text-decoration: none !important; diff --git a/build/card/style-index.css.map b/build/card/style-index.css.map index dc9d919..6af19d4 100644 --- a/build/card/style-index.css.map +++ b/build/card/style-index.css.map @@ -1 +1 @@ -{"version":3,"file":"card/style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EACA;EACA;EACA;EACA;AACJ;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AAEC;EACC;EACA;AAAF;AAGC;EACC;EACA;EACA;EACA;EACA;AADF;AAIC;EACC;AAFF;AAKC;EACC;AAHF;;AAQA;EACI;EACA;EACH;EACA;EACA;UAAA;AALD;AAOC;EACC;UAAA;EACA;AALF;;AASA;;EAEI;EACH;AAND;;AASA;EACC;EACG;AANJ;;AAUA;EACC;AAPD;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;EACH;AAPD;AASC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;AAUC;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AARF;;AAYA;EACC;EACA;EACA;EACA;EACA;EACA;AATD;AAWC;EACC;AATF,C","sources":["webpack://tabor-cards-block/./src/card/style.scss"],"sourcesContent":[".wp-block-tabor-card {\n\talign-items: flex-start;\n\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-3);\n\tborder-radius: 12px;\n\tpadding: var(--wp--preset--spacing--20);\n\tfont-size: var(--wp--preset--font-size--small);\n\tdisplay: flex;\n\tflex-direction: row;\n text-decoration: none !important;\n position: relative;\n overflow: hidden;\n backface-visibility: hidden;\n transition: transform 200ms cubic-bezier(.4,0,.2,1);\n\n\t&:before {\n\t\tbackground-color: var(--wp--preset--color--theme-2);\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tborder-radius: inherit;\n\t\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-4);\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease-out;\n\t\tz-index: -1;\n\t}\n\n\t&:hover:before {\n\t\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-4);\n\t\topacity: 1;\n\t}\n\n\t&:hover .is-overflow {\n\t\twhite-space: nowrap;\n\t\ttext-overflow: none;\n\t\tdisplay: block;\n\t\ttransform: translateX(-60%);\n\t\ttransition: transform 3s ease-out;\n\t}\n\n\t&:hover .wp-block-tabor-card__description.is-overflow {\n\t\ttransition: transform 2.8s ease-out;\n\t}\n\n\t&:active {\n\t\ttransform: scale(0.98);\n\t}\n\n}\n\n.wp-block-tabor-card__content {\n display: flex;\n flex-direction: column;\n\twidth: 100%;\n\tjustify-content: center;\n\tmask-image: linear-gradient(to left, transparent 2%, black 20%);\n\n\t&.has-image {\n\t\tmask-image: linear-gradient(to left, transparent 2%, black 20%, black 90%, transparent);\n\t\twidth: calc(100% - 44px);\n\t}\n}\n\n.wp-block-tabor-card__title,\n.wp-block-tabor-card__description {\n white-space: nowrap;\n\ttransition: transform 800ms ease-out;\n}\n\n.wp-block-tabor-card__description {\n\topacity: 0.70;\n font-size: 90%;\n}\n\n// Positioning when an image is added.\n.wp-block-tabor-card > span + span {\n\tpadding-left: 12px;\n}\n\n.wp-block-tabor-card__image {\n background-color: var(--wp--preset--color--theme-2);\n border-radius: 3px;\n display: block;\n width: 44px;\n height: 44px;\n aspect-ratio: 1/1;\n\tposition: relative;\n\n\t&:after {\n\t\tcontent: '';\n\t\tbox-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tborder-radius: inherit;\n\t}\n\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tborder-radius: inherit;\n\t\tposition: absolute;\n\t\ttransition: transform 200ms ease-out;\n\t}\n}\n\n.wp-block-tabor-card__image-blur {\n\tbox-shadow: none;\n\tfilter: blur(8px);\n\tz-index: -1;\n\ttransform: scale(0.75) translateY(4px);\n\ttransition: transform 200ms ease-out;\n\tbackface-visibility: hidden;\n\n\t.wp-block-tabor-card:hover & {\n\t\ttransform: scale(0.8) translateY(4px);\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"card/style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EACA;EACA;EACA;EACA;AACJ;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AAEC;EACC;EACA;AAAF;AAGC;EACC;EACA;EACA;EACA;EACA;AADF;AAIC;EACC;AAFF;AAKC;EACC;AAHF;;AAQA;EACI;EACA;EACH;EACA;EACA;UAAA;AALD;AAOC;EACC;UAAA;EACA;AALF;;AASA;;EAEI;EACH;AAND;;AASA;EACC;EACG;AANJ;;AAUA;EACC;AAPD;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;EACH;AAPD;AASC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;AAUC;EACC;EACA;EACA;KAAA;EACA;EACA;EACA;AARF;;AAYA;EACC;EACA;EACA;EACA;EACA;EACA;AATD;AAWC;EACC;AATF,C","sources":["webpack://tabor-cards-block/./src/card/style.scss"],"sourcesContent":[".wp-block-tabor-card {\n\talign-items: flex-start;\n\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-3);\n\tborder-radius: 12px;\n\tpadding: var(--wp--preset--spacing--20);\n\tfont-size: var(--wp--preset--font-size--medium);\n\tdisplay: flex;\n\tflex-direction: row;\n text-decoration: none !important;\n position: relative;\n overflow: hidden;\n backface-visibility: hidden;\n transition: transform 200ms cubic-bezier(.4,0,.2,1);\n\n\t&:before {\n\t\tbackground-color: var(--wp--preset--color--theme-2);\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tborder-radius: inherit;\n\t\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-4);\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease-out;\n\t\tz-index: -1;\n\t}\n\n\t&:hover:before {\n\t\tbox-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-4);\n\t\topacity: 1;\n\t}\n\n\t&:hover .is-overflow {\n\t\twhite-space: nowrap;\n\t\ttext-overflow: none;\n\t\tdisplay: block;\n\t\ttransform: translateX(-60%);\n\t\ttransition: transform 3s ease-out;\n\t}\n\n\t&:hover .wp-block-tabor-card__description.is-overflow {\n\t\ttransition: transform 2.8s ease-out;\n\t}\n\n\t&:active {\n\t\ttransform: scale(0.98);\n\t}\n\n}\n\n.wp-block-tabor-card__content {\n display: flex;\n flex-direction: column;\n\twidth: 100%;\n\tjustify-content: center;\n\tmask-image: linear-gradient(to left, transparent 2%, black 20%);\n\n\t&.has-image {\n\t\tmask-image: linear-gradient(to left, transparent 2%, black 20%, black 90%, transparent);\n\t\twidth: calc(100% - 44px);\n\t}\n}\n\n.wp-block-tabor-card__title,\n.wp-block-tabor-card__description {\n white-space: nowrap;\n\ttransition: transform 800ms ease-out;\n}\n\n.wp-block-tabor-card__description {\n\topacity: 0.70;\n font-size: 90%;\n}\n\n// Positioning when an image is added.\n.wp-block-tabor-card > span + span {\n\tpadding-left: 12px;\n}\n\n.wp-block-tabor-card__image {\n background-color: var(--wp--preset--color--theme-2);\n border-radius: 3px;\n display: block;\n width: 44px;\n height: 44px;\n aspect-ratio: 1/1;\n\tposition: relative;\n\n\t&:after {\n\t\tcontent: '';\n\t\tbox-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tborder-radius: inherit;\n\t}\n\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tborder-radius: inherit;\n\t\tposition: absolute;\n\t\ttransition: transform 200ms ease-out;\n\t}\n}\n\n.wp-block-tabor-card__image-blur {\n\tbox-shadow: none;\n\tfilter: blur(8px);\n\tz-index: -1;\n\ttransform: scale(0.75) translateY(4px);\n\ttransition: transform 200ms ease-out;\n\tbackface-visibility: hidden;\n\n\t.wp-block-tabor-card:hover & {\n\t\ttransform: scale(0.8) translateY(4px);\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/card/style.scss b/src/card/style.scss index 7c2d254..7eef7b5 100644 --- a/src/card/style.scss +++ b/src/card/style.scss @@ -3,7 +3,7 @@ box-shadow: inset 0 0 0 1px var(--wp--preset--color--theme-3); border-radius: 12px; padding: var(--wp--preset--spacing--20); - font-size: var(--wp--preset--font-size--small); + font-size: var(--wp--preset--font-size--medium); display: flex; flex-direction: row; text-decoration: none !important;