1 line
4.9 KiB
Plaintext
1 line
4.9 KiB
Plaintext
{"version":3,"sources":["links.css","links.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;;EAAA;AAKA;EACC,eAAA;EACA,kEAAA;EACA,0BAAA;EACA,qCAAA;UAAA,6BAAA;ADED;;ACCA;EACC,6BAAA;EACA,sCAAA;UAAA,8BAAA;ADED;;ACCA;EAEC,+CAAA;EACA,8BAAA;EAEA,0DAAA;UAAA,kDAAA;EACA,sCAAA;UAAA,8BAAA;EACA,oCAAA;ADAD;ACGC;EACC,sCAAA;EACA,iCAAA;EACA,qBAAA;ADDF;ACGE;EACC,gEAAA;ADDH;ACMC;EACC,8BAAA;EACA,gEAAA;ADJF;ACME;EACC,gEAAA;ADJH;ACQC;EAEC,+CAAA;EACA,8BAAA;EACA,oBAAA;ADPF;ACSE;EACC,cAAA;EACA,yBAAA;ADPH;ACWC;EACC,gBAAA;ADTF;ACYC;EACC,+EAAA;ADVF;;ACkBC;EAEC,kEAAA;ADhBF","file":"links.css","sourcesContent":["@charset \"UTF-8\";\n/*\n * text-underline-offset doesn't work in Chrome at all 👎\n * But looks nice in Safari/Firefox, so let's keep it and\n * maybe Chrome will support it soon.\n */\na {\n cursor: pointer;\n color: var(--wp--style--color--link, var(--global--color-primary));\n text-underline-offset: 3px;\n text-decoration-skip-ink: all;\n}\n\na:hover {\n text-decoration-style: dotted;\n text-decoration-skip-ink: none;\n}\n\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {\n /* Only visible in Windows High Contrast mode */\n outline: 2px solid transparent;\n text-decoration: underline 1px dotted currentColor;\n text-decoration-skip-ink: none;\n background: rgba(255, 255, 255, 0.9);\n}\n.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {\n background: var(--global--color-black);\n color: var(--global--color-white);\n text-decoration: none;\n}\n.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {\n color: var(--wp--style--color--link, var(--global--color-white));\n}\n.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {\n background: rgba(0, 0, 0, 0.9);\n color: var(--wp--style--color--link, var(--global--color-white));\n}\n.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {\n color: var(--wp--style--color--link, var(--global--color-white));\n}\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {\n /* Only visible in Windows High Contrast mode */\n outline: 2px solid transparent;\n outline-offset: -2px;\n}\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {\n color: #21759b;\n background-color: #f1f1f1;\n}\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {\n background: none;\n}\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {\n outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));\n}\n\n.has-background .has-link-color a, .has-background.has-link-color a {\n color: var(--wp--style--color--link, var(--global--color-primary));\n}","/*\r\n * text-underline-offset doesn't work in Chrome at all 👎\r\n * But looks nice in Safari/Firefox, so let's keep it and\r\n * maybe Chrome will support it soon.\r\n */\r\na {\r\n\tcursor: pointer;\r\n\tcolor: var(--wp--style--color--link, var(--global--color-primary));\r\n\ttext-underline-offset: 3px;\r\n\ttext-decoration-skip-ink: all;\r\n}\r\n\r\na:hover {\r\n\ttext-decoration-style: dotted;\r\n\ttext-decoration-skip-ink: none;\r\n}\r\n\r\n.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {\r\n\r\n\t/* Only visible in Windows High Contrast mode */\r\n\toutline: 2px solid transparent;\r\n\r\n\ttext-decoration: underline 1px dotted currentColor;\r\n\ttext-decoration-skip-ink: none;\r\n\tbackground: rgba(255, 255, 255, .9);\r\n\r\n\t// Change text color when the body background is dark.\r\n\t.is-dark-theme & {\r\n\t\tbackground: var(--global--color-black);\r\n\t\tcolor: var(--global--color-white);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t.meta-nav {\r\n\t\t\tcolor: var(--wp--style--color--link, var(--global--color-white));\r\n\t\t}\r\n\t}\r\n\r\n\t// Change colors when the body background is white.\r\n\t.has-background-white & {\r\n\t\tbackground: rgba(0, 0, 0, .9);\r\n\t\tcolor: var(--wp--style--color--link, var(--global--color-white));\r\n\r\n\t\t.meta-nav {\r\n\t\t\tcolor: var(--wp--style--color--link, var(--global--color-white));\r\n\t\t}\r\n\t}\r\n\r\n\t&.skip-link {\r\n\r\n\t\t/* Only visible in Windows High Contrast mode */\r\n\t\toutline: 2px solid transparent;\r\n\t\toutline-offset: -2px;\r\n\r\n\t\t&:focus {\r\n\t\t\tcolor: #21759b;\r\n\t\t\tbackground-color: #f1f1f1;\r\n\t\t}\r\n\t}\r\n\r\n\t&.custom-logo-link {\r\n\t\tbackground: none;\r\n\t}\r\n\r\n\timg {\r\n\t\toutline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));\r\n\t}\r\n}\r\n\r\n// Enforce the custom link color even if a custom background color has been set.\r\n// The extra specificity here is required to override the background color styles.\r\n.has-background {\r\n\t// Target both current level and nested block.\r\n\t.has-link-color a,\r\n\t&.has-link-color a {\r\n\t\tcolor: var(--wp--style--color--link, var(--global--color-primary));\r\n\t}\r\n}\r\n"]} |