@jetbrains/kotlin-web-site-ui 2.9.0-alpha.3 → 2.9.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/footer.css +1 -1
- package/dist/footer.css.map +1 -1
- package/dist/header.css +1 -1
- package/dist/header.css.map +1 -1
- package/dist/topMenu.css +1 -1
- package/dist/topMenu.css.map +1 -1
- package/dist/typography.css +1 -1
- package/dist/typography.css.map +1 -1
- package/dist/youtubePlayer.css +1 -1
- package/dist/youtubePlayer.css.map +1 -1
- package/package.json +3 -3
package/dist/footer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ktl-social-list-module_social-list_InQY0{display:grid;-moz-column-gap:18px;column-gap:18px;grid-auto-flow:column;justify-content:start;margin:-6px 0}@media (max-width:480px){.ktl-social-list-module_social-list_InQY0{-moz-column-gap:8px;column-gap:8px}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px}.ktl-social-item-module_social-item_altig{width:36px;height:36px;padding:6px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-icon-color-dark)}.ktl-social-item-module_social-item_altig :focus,.ktl-social-item-module_social-item_altig:hover{color:var(--ktl-icon-color-dark);background:rgba(39,40,44,.05)}.ktl-social-item-module_social-item-dark-theme_4WGX5{color:var(--ktl-color-white-light)}.ktl-social-item-module_social-item-dark-theme_4WGX5:focus,.ktl-social-item-module_social-item-dark-theme_4WGX5:hover{color:var(--ktl-color-white-light);background:rgba(255,255,255,.1)}.ktl-nav-list-module_nav-list_cEUsm{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.ktl-nav-item-module_nav-item_4o3J-{padding-right:12px;margin-right:12px;line-height:32px;position:relative}.ktl-nav-item-module_nav-item_4o3J-:not(:last-child)::after{position:absolute;content:'';right:0;top:50%;width:1px;height:12px;transform:translateY(-50%);background-color:rgba(39,40,44,.5)}.ktl-nav-item-module_nav-item_4o3J-:last-child{padding-right:0;margin-right:0}.ktl-nav-item-module_nav-item-dark-theme_3EbRM:not(:last-child)::after{background-color:rgba(255,255,255,.5)}@media (min-width:640px){.ktl-nav-item-module_nav-item_4o3J-{line-height:1.5}}.ktl-logo-module_link_Z7W49{text-decoration:none}
|
|
1
|
+
.ktl-social-list-module_social-list_InQY0{display:grid;-moz-column-gap:18px;column-gap:18px;grid-auto-flow:column;justify-content:start;margin:-6px 0}@media (max-width:480px){.ktl-social-list-module_social-list_InQY0{-moz-column-gap:8px;column-gap:8px}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px;--ktl-font-family-inter:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;--rs-font-family-ui:var(--ktl-font-family-inter)}.ktl-social-item-module_social-item_altig{width:36px;height:36px;padding:6px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-icon-color-dark)}.ktl-social-item-module_social-item_altig :focus,.ktl-social-item-module_social-item_altig:hover{color:var(--ktl-icon-color-dark);background:rgba(39,40,44,.05)}.ktl-social-item-module_social-item-dark-theme_4WGX5{color:var(--ktl-color-white-light)}.ktl-social-item-module_social-item-dark-theme_4WGX5:focus,.ktl-social-item-module_social-item-dark-theme_4WGX5:hover{color:var(--ktl-color-white-light);background:rgba(255,255,255,.1)}.ktl-nav-list-module_nav-list_cEUsm{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.ktl-nav-item-module_nav-item_4o3J-{padding-right:12px;margin-right:12px;line-height:32px;position:relative}.ktl-nav-item-module_nav-item_4o3J-:not(:last-child)::after{position:absolute;content:'';right:0;top:50%;width:1px;height:12px;transform:translateY(-50%);background-color:rgba(39,40,44,.5)}.ktl-nav-item-module_nav-item_4o3J-:last-child{padding-right:0;margin-right:0}.ktl-nav-item-module_nav-item-dark-theme_3EbRM:not(:last-child)::after{background-color:rgba(255,255,255,.5)}@media (min-width:640px){.ktl-nav-item-module_nav-item_4o3J-{line-height:1.5}}.ktl-logo-module_link_Z7W49{text-decoration:none}.ktl-footer-module_footer_YYHJn{background:var(--ktl-light-grey);padding:32px 16px 16px;min-width:320px;box-sizing:border-box;display:grid;grid-template-columns:auto 75px;grid-template-rows:auto;grid-template-areas:'social-list social-list' 'nav-list nav-list' 'text logo';grid-column-gap:16px;font-family:var(--ktl-font-family-inter);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ktl-footer-module_footer-dark-theme_GiAQp{background:var(--ktl-dark-100)}.ktl-footer-module_footer-dark-theme_GiAQp .ktl-footer-module_underlined-link_mhvsS{border-color:inherit}.ktl-footer-module_social-list-area_4hUNp{grid-area:social-list}.ktl-footer-module_social-list-title_KkSwg{margin-bottom:8px}.ktl-footer-module_nav-list-area_QH4VT{grid-area:nav-list;margin:24px 0 32px}.ktl-footer-module_text-area_H3lZP{grid-area:text}.ktl-footer-module_logo-area_-cPlN{grid-area:logo}.ktl-footer-module_copyright_eGK3c,.ktl-footer-module_motto_JKLSs{display:inline}.ktl-footer-module_underlined-link_mhvsS{border-color:var(--ktl-light-dark-20)}@media (min-width:641px){.ktl-footer-module_footer_YYHJn{padding:32px;grid-template-columns:auto 60px;grid-template-areas:'social-list logo' 'nav-list logo' 'text text'}.ktl-footer-module_text-area_H3lZP{display:flex;justify-content:space-between}.ktl-footer-module_motto_JKLSs{margin-left:16px;text-align:right}.ktl-footer-module_social-list-area_4hUNp{display:flex;align-items:center}.ktl-footer-module_social-list-title_KkSwg{margin-bottom:0;margin-right:24px}.ktl-footer-module_nav-list-area_QH4VT{margin:16px 0}}
|
|
2
2
|
/*# sourceMappingURL=footer.css.map*/
|
package/dist/footer.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/social-list/social-list.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/social-list/social-item/social-item.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/footer.css","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/nav/nav-list.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/nav/nav-item.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/logo/logo.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/social-list/social-list.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/social-list/social-item/social-item.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/footer.css","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/nav/nav-list.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/nav/nav-item.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/logo/logo.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/footer/footer.module.pcss"],"names":[],"mappings":"AAAA,yC,CACE,Y,CACA,oB,CAAA,e,CACA,qB,CACA,qB,CACA,a,CAEA,yBACE,yC,CACE,mB,CAAA,gBCTN,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,CACA,6K,CACA,gD,CCfF,yC,CACE,U,CACA,W,CACA,W,CACA,Y,CACA,kB,CACA,sB,CACA,qB,CACA,iB,CACA,yF,CAEA,gC,CCqCA,gD,CDnCA,+C,CAEE,gC,CACA,6B,CAIJ,oD,CACE,kC,CAEA,0D,CAAA,0D,CACE,kC,CACA,+B,CE3BJ,mC,CACE,Y,CACA,c,CACA,Q,CACA,S,CACA,e,CCHF,mC,CACE,kB,CACA,iB,CACA,gB,CACA,iB,CAGF,2D,CACE,iB,CACA,U,CACA,O,CACA,O,CACA,S,CACA,W,CACA,0B,CACA,kC,CAGF,8C,CACE,e,CACA,c,CAIA,sE,CACE,qC,CAIJ,yBACE,mC,CACE,iBCjCJ,2B,CACE,oB,CCCF,+B,CACE,gC,CACA,sB,CACA,e,CACA,qB,CACA,Y,CACA,+B,CACA,uB,CACA,6E,CAIA,oB,CACA,wC,CACA,iC,CACA,kC,CACA,iC,CAGF,0C,CACE,8B,CAEA,mF,CACE,oB,CAIJ,yC,CACE,qB,CAGF,0C,CACE,iB,CAGF,sC,CACE,kB,CACA,kB,CAGF,kC,CACE,c,CAGF,kC,CACE,c,CAGF,kC,CAIA,8B,CAHE,c,CAOF,wC,CACE,qC,CAGF,yBACE,+B,CACE,Y,CACA,+B,CACA,kE,CAMF,kC,CACE,Y,CACA,6B,CAGF,8B,CACE,gB,CACA,gB,CAGF,yC,CACE,Y,CACA,kB,CAGF,0C,CACE,e,CACA,iB,CAGF,sC,CACE","file":"footer.css","sourcesContent":[".social-list {\n display: grid;\n column-gap: 18px;\n grid-auto-flow: column;\n justify-content: start;\n margin: -6px 0;\n\n @media (max-width: 480px) {\n & {\n column-gap: 8px;\n }\n }\n}\n",":root {\n --ktl-light-grey: #f4f4f4;\n --ktl-dark-100: rgba(39, 40, 44, 1);\n --ktl-dark-bg-hard: rgba(27, 27, 27, 1);\n --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);\n --ktl-color-white-light: rgba(255, 255, 255, 0.75);\n --ktl-transition-xfast: 100ms;\n --ktl-transition-fast: 300ms;\n --ktl-color-primary-light-theme: #7f52ff;\n --ktl-color-dark-40: rgba(39, 40, 44, 0.4);\n --ktl-light-text-hard: rgba(39, 40, 44, 1);\n --ktl-light-dark-20: rgba(39, 40, 44, 0.2);\n --ktl-overlay-z-index: 900;\n --ktl-top-menu-z-index: 905;\n --ktl-header-z-index: 906;\n --ktl-header-height-mobile: 48px;\n --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;\n --rs-font-family-ui: var(--ktl-font-family-inter);\n}","@import 'src/vars.pcss';\n\n.social-item {\n width: 36px;\n height: 36px;\n padding: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: 50%;\n transition: color var(--ktl-transition-xfast),\n background-color var(--ktl-transition-xfast);\n color: var(--ktl-icon-color-dark);\n\n &:hover,\n :focus {\n color: var(--ktl-icon-color-dark);\n background: rgba(39, 40, 44, 0.05);\n }\n}\n\n.social-item-dark-theme {\n color: var(--ktl-color-white-light);\n\n &:hover, &:focus {\n color: var(--ktl-color-white-light);\n background: rgba(255, 255, 255, 0.1);\n }\n}",null,".nav-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n","@import 'src/vars.pcss';\n\n.nav-item {\n padding-right: 12px;\n margin-right: 12px;\n line-height: 32px;\n position: relative;\n}\n\n.nav-item:not(:last-child)::after {\n position: absolute;\n content: '';\n right: 0;\n top: 50%;\n width: 1px;\n height: 12px;\n transform: translateY(-50%);\n background-color: rgba(39, 40, 44, 0.5);\n}\n\n.nav-item:last-child {\n padding-right: 0;\n margin-right: 0;\n}\n\n.nav-item-dark-theme {\n &:not(:last-child)::after {\n background-color: rgba(255, 255, 255, 0.50)\n }\n}\n\n@media (min-width: 640px) {\n .nav-item {\n line-height: 1.5;\n }\n}",".link {\n text-decoration: none;\n}\n","@import 'src/vars.pcss';\n\n.footer {\n background: var(--ktl-light-grey);\n padding: 32px 16px 16px;\n min-width: 320px;\n box-sizing: border-box;\n display: grid;\n grid-template-columns: auto 75px;\n grid-template-rows: auto;\n grid-template-areas:\n 'social-list social-list'\n 'nav-list nav-list'\n 'text logo';\n grid-column-gap: 16px;\n font-family: var(--ktl-font-family-inter);\n text-rendering:optimizeLegibility;\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n}\n\n.footer-dark-theme {\n background: var(--ktl-dark-100);\n\n .underlined-link {\n border-color: inherit;\n }\n}\n\n.social-list-area {\n grid-area: social-list;\n}\n\n.social-list-title {\n margin-bottom: 8px;\n}\n\n.nav-list-area {\n grid-area: nav-list;\n margin: 24px 0 32px;\n}\n\n.text-area {\n grid-area: text;\n}\n\n.logo-area {\n grid-area: logo;\n}\n\n.copyright {\n display: inline;\n}\n\n.motto {\n display: inline;\n}\n\n.underlined-link {\n border-color: var(--ktl-light-dark-20);\n}\n\n@media (min-width: 641px) {\n .footer {\n padding: 32px;\n grid-template-columns: auto 60px;\n grid-template-areas:\n 'social-list logo'\n 'nav-list logo'\n 'text text';\n }\n\n .text-area {\n display: flex;\n justify-content: space-between;\n }\n\n .motto {\n margin-left: 16px;\n text-align: right;\n }\n\n .social-list-area {\n display: flex;\n align-items: center;\n }\n\n .social-list-title {\n margin-bottom: 0;\n margin-right: 24px;\n }\n\n .nav-list-area {\n margin: 16px 0;\n }\n}\n"],"sourceRoot":""}
|
package/dist/header.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@-webkit-keyframes ktl-horizontal-menu-module_fade-in_Q2pCx{0%{opacity:0}to{opacity:1}}@keyframes ktl-horizontal-menu-module_fade-in_Q2pCx{0%{opacity:0}to{opacity:1}}.ktl-logo-large-module_container_\+5pgf{flex-grow:1;display:flex;align-items:flex-start}.ktl-logo-large-module_link_iZIEJ{display:block;width:100px;height:24px;text-decoration:none;margin-left:-4px;cursor:pointer}.ktl-logo-large-module_version-tag_fiNIk{line-height:16px;text-decoration:none;color:rgba(255,255,255,.75)}.ktl-logo-large-module_version-tag_fiNIk:hover{color:#fff}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px}.ktl-header-module_header-menu_E3vzo{position:relative;padding:0 32px;background:var(--ktl-dark-100);display:flex;align-items:center;height:64px;justify-content:space-between;z-index:var(--ktl-header-z-index)}.ktl-header-module_border_smGpe{box-shadow:inset 0 -1px rgba(255,255,255,.2)}@media (max-width:640px){.ktl-header-module_header-menu_E3vzo{padding:0 16px;height:var(--ktl-header-height-mobile)}.ktl-header-module_header-menu_E3vzo:not(.ktl-header-module_with-menu-popup_DcoOT){box-shadow:none}.ktl-header-module_logo-hide_uBrPV{display:none!important}}.ktl-horizontal-menu-module_nav_xYv4i{display:block}.ktl-horizontal-menu-module_menu-list_7oi3W{display:grid;grid-auto-flow:column;gap:32px;list-style:none;margin:0;padding:0}.ktl-horizontal-menu-module_menu-item-wrap_dnVf-{position:relative}.ktl-horizontal-menu-module_menu-item_Z\+YKZ{display:block;line-height:60px!important;color:rgba(255,255,255,.75);border-top:2px solid transparent;border-bottom:2px solid transparent;text-decoration:none;cursor:pointer}.ktl-horizontal-menu-module_menu-item_Z\+YKZ.ktl-horizontal-menu-module_expanded_thibK,.ktl-horizontal-menu-module_menu-item_Z\+YKZ:hover{color:#fff;border-bottom-color:rgba(255,255,255,.4);text-decoration:none}.ktl-horizontal-menu-module_menu-item_Z\+YKZ.ktl-horizontal-menu-module_item-active_\+iyf-{color:#fff;border-bottom-color:inherit}.ktl-horizontal-menu-module_dropdown-menu_dVOw-{display:none;position:absolute;top:100%;min-width:260px;margin:8px 0 0;list-style:none;padding:8px 0;white-space:nowrap;background:#fff;border:1px solid rgba(39,40,44,.7);-webkit-animation:ktl-horizontal-menu-module_fade-in_Q2pCx ease-out var(--ktl-transition-fast) forwards;animation:ktl-horizontal-menu-module_fade-in_Q2pCx ease-out var(--ktl-transition-fast) forwards}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw-{background:var(--ktl-dark-100);border-color:rgba(255,255,255,.2)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN{color:var(--ktl-color-white-light)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN:hover{color:#fff;background:rgba(255,255,255,.1)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN.ktl-horizontal-menu-module_active_azHwP{color:var(--ktl-dark-100);background:#fff}.ktl-horizontal-menu-module_dropdown-menu-expanded_L0RWy{display:block}.ktl-horizontal-menu-module_dropdown-menu-align-right_HS-oO{right:0}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN{display:block;text-decoration:none;padding:8px 16px;color:var(--ktl-dark-100);transition:color var(--ktl-transition-fast),background var(--ktl-transition-fast)}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN:hover{color:var(--ktl-dark-100);background:rgba(39,40,44,.1);text-decoration:none}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN.ktl-horizontal-menu-module_active_azHwP{color:#fff;background:var(--ktl-dark-100);cursor:default}@media (max-width:640px){.ktl-horizontal-menu-module_nav_xYv4i{display:none}}.ktl-search-button_button_JUyxv{display:flex;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 transparent;outline:0 transparent;cursor:pointer;background:0 0;padding:0;margin:0 0 0 32px;width:24px;height:24px;align-items:center;justify-content:center;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-color-white-light)}.ktl-search-button_button_JUyxv.ktl-search-button_active_G-dk1{visibility:visible}.ktl-search-button_button_JUyxv :focus,.ktl-search-button_button_JUyxv:hover{color:#fff}@media (max-width:640px){.ktl-search-button_button_JUyxv{display:none;margin:0 16px 0 0}.ktl-search-button_button_JUyxv.ktl-search-button_active_G-dk1{display:flex}}.ktl-menu-popup-module_menu-popup_Yqtnq{display:none;padding:8px 0;background:var(--ktl-dark-100);position:fixed;top:var(--ktl-header-height-mobile);bottom:0;left:0;right:0;overflow:auto;z-index:var(--ktl-top-menu-z-index)}.ktl-menu-popup-module_menu-item_f6wvh{--level:0;display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:400;color:rgba(255,255,255,.75);text-decoration:none;padding:8px 16px 8px calc(16px + (var(--level)*24px));transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast)}.ktl-menu-popup-module_menu-item_f6wvh:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}.ktl-menu-popup-module_menu-item_f6wvh.ktl-menu-popup-module_active_DrZav{color:var(--ktl-light-text-hard);background:#fff;cursor:default;text-decoration:none}.ktl-menu-popup-module_menu-item_f6wvh.ktl-menu-popup-module_active-with-child_BDnrW{background:0 0;color:#fff}.ktl-menu-popup-module_menu-item-root_C-hkN{font-size:20px;line-height:32px;font-weight:600}@media (max-width:640px){.ktl-menu-popup-module_menu-popup-expanded_FlujR{display:block}}.ktl-menu-button_button_InVin{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 transparent;outline:0 transparent;cursor:pointer;background:0 0;padding:0;margin:0;width:24px;height:24px;align-items:center;justify-content:center;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-color-white-light)}.ktl-menu-button_button_InVin :focus,.ktl-menu-button_button_InVin:hover{color:#fff}@media (max-width:640px){.ktl-menu-button_button_InVin{display:flex}}.ktl-logo-small-module_logo-small_7ddNl{display:none}.ktl-logo-small-module_link_6gruv{color:#fff;text-decoration:none}.ktl-logo-small-module_icon-wrap_BFVBd{text-decoration:none;display:flex;align-items:center;justify-items:center;height:100%;margin-right:16px;padding-right:16px;border-right:1px solid rgba(255,255,255,.2)}.ktl-logo-small-module_icon_JM\+yC{width:24px;height:24px;margin-left:-4px}@media (max-width:640px){.ktl-logo-small-module_logo-small_7ddNl{flex-grow:1;display:flex;align-items:center;height:100%}}
|
|
1
|
+
@-webkit-keyframes ktl-horizontal-menu-module_fade-in_Q2pCx{0%{opacity:0}to{opacity:1}}@keyframes ktl-horizontal-menu-module_fade-in_Q2pCx{0%{opacity:0}to{opacity:1}}.ktl-logo-large-module_container_\+5pgf{flex-grow:1;display:flex;align-items:flex-start}.ktl-logo-large-module_link_iZIEJ{display:block;width:100px;height:24px;text-decoration:none;margin-left:-4px;cursor:pointer}.ktl-logo-large-module_version-tag_fiNIk{line-height:16px;text-decoration:none;color:rgba(255,255,255,.75)}.ktl-logo-large-module_version-tag_fiNIk:hover{color:#fff}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px;--ktl-font-family-inter:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;--rs-font-family-ui:var(--ktl-font-family-inter)}.ktl-header-module_header-menu_E3vzo{position:relative;padding:0 32px;background:var(--ktl-dark-100);display:flex;align-items:center;height:64px;justify-content:space-between;z-index:var(--ktl-header-z-index)}.ktl-header-module_border_smGpe{box-shadow:inset 0 -1px rgba(255,255,255,.2)}@media (max-width:640px){.ktl-header-module_header-menu_E3vzo{padding:0 16px;height:var(--ktl-header-height-mobile)}.ktl-header-module_header-menu_E3vzo:not(.ktl-header-module_with-menu-popup_DcoOT){box-shadow:none}.ktl-header-module_logo-hide_uBrPV{display:none!important}}.ktl-horizontal-menu-module_nav_xYv4i{display:block}.ktl-horizontal-menu-module_menu-list_7oi3W{display:grid;grid-auto-flow:column;gap:32px;list-style:none;margin:0;padding:0}.ktl-horizontal-menu-module_menu-item-wrap_dnVf-{position:relative}.ktl-horizontal-menu-module_menu-item_Z\+YKZ{display:block;line-height:60px!important;color:rgba(255,255,255,.75);border-top:2px solid transparent;border-bottom:2px solid transparent;text-decoration:none;cursor:pointer}.ktl-horizontal-menu-module_menu-item_Z\+YKZ.ktl-horizontal-menu-module_expanded_thibK,.ktl-horizontal-menu-module_menu-item_Z\+YKZ:hover{color:#fff;border-bottom-color:rgba(255,255,255,.4);text-decoration:none}.ktl-horizontal-menu-module_menu-item_Z\+YKZ.ktl-horizontal-menu-module_item-active_\+iyf-{color:#fff;border-bottom-color:inherit}.ktl-horizontal-menu-module_dropdown-menu_dVOw-{display:none;position:absolute;top:100%;min-width:260px;margin:8px 0 0;list-style:none;padding:8px 0;white-space:nowrap;background:#fff;border:1px solid rgba(39,40,44,.7);-webkit-animation:ktl-horizontal-menu-module_fade-in_Q2pCx ease-out var(--ktl-transition-fast) forwards;animation:ktl-horizontal-menu-module_fade-in_Q2pCx ease-out var(--ktl-transition-fast) forwards}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw-{background:var(--ktl-dark-100);border-color:rgba(255,255,255,.2)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN{color:var(--ktl-color-white-light)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN:hover{color:#fff;background:rgba(255,255,255,.1)}.ktl-horizontal-menu-module_dark-theme_Lp065 .ktl-horizontal-menu-module_dropdown-menu_dVOw- .ktl-horizontal-menu-module_dropdown-menu-item_wRlcN.ktl-horizontal-menu-module_active_azHwP{color:var(--ktl-dark-100);background:#fff}.ktl-horizontal-menu-module_dropdown-menu-expanded_L0RWy{display:block}.ktl-horizontal-menu-module_dropdown-menu-align-right_HS-oO{right:0}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN{display:block;text-decoration:none;padding:8px 16px;color:var(--ktl-dark-100);transition:color var(--ktl-transition-fast),background var(--ktl-transition-fast)}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN:hover{color:var(--ktl-dark-100);background:rgba(39,40,44,.1);text-decoration:none}.ktl-horizontal-menu-module_dropdown-menu-item_wRlcN.ktl-horizontal-menu-module_active_azHwP{color:#fff;background:var(--ktl-dark-100);cursor:default}@media (max-width:640px){.ktl-horizontal-menu-module_nav_xYv4i{display:none}}.ktl-search-button_button_JUyxv{display:flex;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 transparent;outline:0 transparent;cursor:pointer;background:0 0;padding:0;margin:0 0 0 32px;width:24px;height:24px;align-items:center;justify-content:center;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-color-white-light)}.ktl-search-button_button_JUyxv.ktl-search-button_active_G-dk1{visibility:visible}.ktl-search-button_button_JUyxv :focus,.ktl-search-button_button_JUyxv:hover{color:#fff}@media (max-width:640px){.ktl-search-button_button_JUyxv{display:none;margin:0 16px 0 0}.ktl-search-button_button_JUyxv.ktl-search-button_active_G-dk1{display:flex}}.ktl-menu-popup-module_menu-popup_Yqtnq{display:none;padding:8px 0;background:var(--ktl-dark-100);position:fixed;top:var(--ktl-header-height-mobile);bottom:0;left:0;right:0;overflow:auto;z-index:var(--ktl-top-menu-z-index)}.ktl-menu-popup-module_menu-item_f6wvh{--level:0;display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:400;color:rgba(255,255,255,.75);text-decoration:none;padding:8px 16px 8px calc(16px + (var(--level)*24px));transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast)}.ktl-menu-popup-module_menu-item_f6wvh:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}.ktl-menu-popup-module_menu-item_f6wvh.ktl-menu-popup-module_active_DrZav{color:var(--ktl-light-text-hard);background:#fff;cursor:default;text-decoration:none}.ktl-menu-popup-module_menu-item_f6wvh.ktl-menu-popup-module_active-with-child_BDnrW{background:0 0;color:#fff}.ktl-menu-popup-module_menu-item-root_C-hkN{font-size:20px;line-height:32px;font-weight:600}@media (max-width:640px){.ktl-menu-popup-module_menu-popup-expanded_FlujR{display:block}}.ktl-menu-button_button_InVin{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 transparent;outline:0 transparent;cursor:pointer;background:0 0;padding:0;margin:0;width:24px;height:24px;align-items:center;justify-content:center;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast);color:var(--ktl-color-white-light)}.ktl-menu-button_button_InVin :focus,.ktl-menu-button_button_InVin:hover{color:#fff}@media (max-width:640px){.ktl-menu-button_button_InVin{display:flex}}.ktl-logo-small-module_logo-small_7ddNl{display:none}.ktl-logo-small-module_link_6gruv{color:#fff;text-decoration:none}.ktl-logo-small-module_icon-wrap_BFVBd{text-decoration:none;display:flex;align-items:center;justify-items:center;height:100%;margin-right:16px;padding-right:16px;border-right:1px solid rgba(255,255,255,.2)}.ktl-logo-small-module_icon_JM\+yC{width:24px;height:24px;margin-left:-4px}@media (max-width:640px){.ktl-logo-small-module_logo-small_7ddNl{flex-grow:1;display:flex;align-items:center;height:100%}}
|
|
2
2
|
/*# sourceMappingURL=header.css.map*/
|
package/dist/header.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/horizontal-menu/horizontal-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/logo-large/logo-large.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/header.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/header.css","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/search-button/search-button.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/menu-popup/menu-popup.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/menu-popup/menu-button/menu-button.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/logo-small/logo-small.module.pcss"],"names":[],"mappings":"4DA8GE,E,CACE,S,CAGF,E,CACE,W,oDALF,E,CACE,S,CAGF,E,CACE,WCnHJ,uC,CACE,W,CACA,Y,CACA,sB,CAGF,iC,CACE,a,CACA,W,CACA,W,CACA,oB,CACA,gB,CACA,c,CAGF,wC,CACE,gB,CACA,oB,CACA,2B,CAEA,8C,CACE,U,CCrBJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/horizontal-menu/horizontal-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/logo-large/logo-large.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/header.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/header.css","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/search-button/search-button.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/menu-popup/menu-popup.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/menu-popup/menu-button/menu-button.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/header/logo-small/logo-small.module.pcss"],"names":[],"mappings":"4DA8GE,E,CACE,S,CAGF,E,CACE,W,oDALF,E,CACE,S,CAGF,E,CACE,WCnHJ,uC,CACE,W,CACA,Y,CACA,sB,CAGF,iC,CACE,a,CACA,W,CACA,W,CACA,oB,CACA,gB,CACA,c,CAGF,wC,CACE,gB,CACA,oB,CACA,2B,CAEA,8C,CACE,U,CCrBJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,CACA,6K,CACA,gD,CCfF,oC,CACE,iB,CACA,c,CACA,8B,CACA,Y,CACA,kB,CACA,W,CACA,6B,CACA,iC,CAGF,+B,CACE,4C,CAGF,yBACE,oC,CACE,c,CACA,sC,CAGF,kF,CACE,e,CAGF,kC,CACE,wBH1BJ,qC,CACE,a,CAGF,2C,CACE,Y,CACA,qB,CACA,Q,CACA,e,CACA,Q,CACA,S,CAGF,gD,CACE,iB,CAGF,4C,CACE,a,CACA,0B,CACA,2B,CACA,gC,CACA,mC,CACA,oB,CACA,c,CI4EA,sF,CJ1EA,kD,CAEE,U,CACA,wC,CACA,oB,CAGF,0F,CACE,U,CACA,2B,CAIJ,+C,CACE,Y,CACA,iB,CACA,Q,CACA,e,CACA,c,CACA,e,CACA,a,CACA,kB,CACA,e,CACA,kC,CACA,uG,CAAA,+F,CAGF,4F,CACE,8B,CACA,iC,CAEA,iJ,CACE,kC,CAEA,uJ,CACE,U,CACA,+B,CAGF,yL,CACE,yB,CACA,e,CAKN,wD,CACE,a,CAGF,2D,CACE,O,CAGF,oD,CACE,a,CACA,oB,CACA,gB,CACA,yB,CACA,iF,CAGA,0D,CACE,yB,CACA,4B,CACA,oB,CAGF,4F,CACE,U,CACA,8B,CACA,c,CAIJ,yBACE,qC,CACE,cKvGJ,+B,CACE,Y,CACA,iB,CACA,uB,CAAA,oB,CAAA,e,CACA,oB,CACA,qB,CACA,c,CACA,c,CACA,S,CACA,iB,CACA,U,CACA,W,CACA,kB,CACA,sB,CACA,yF,CAEA,kC,CAEA,8D,CACE,kB,CD+MF,sC,CC5MA,qC,CAEE,U,CAIJ,yBACE,+B,CACE,Y,CACA,iB,CAEA,8D,CACE,cClCN,uC,CACE,Y,CACA,a,CACA,8B,CACA,c,CACA,mC,CACA,Q,CACA,M,CACA,O,CACA,a,CACA,mC,CAGF,sC,CACE,S,CACA,Y,CACA,kB,CACA,c,CACA,gB,CACA,e,CACA,2B,CACA,oB,CACA,qD,CACA,yF,CAGA,4C,CACE,U,CACA,+B,CACA,oB,CAGF,yE,CACE,gC,CACA,e,CACA,c,CACA,oB,CAGF,oF,CACE,c,CACA,U,CAIJ,2C,CACE,c,CACA,gB,CACA,e,CAGF,yBACE,gD,CACE,eCvDJ,6B,CACE,Y,CACA,uB,CAAA,oB,CAAA,e,CACA,oB,CACA,qB,CACA,c,CACA,c,CACA,S,CACA,Q,CACA,U,CACA,W,CACA,kB,CACA,sB,CACA,yF,CAEA,kC,CHkTA,oC,CGhTA,mC,CAEE,U,CAIJ,yBACE,6B,CACE,cCzBJ,uC,CACE,Y,CAGF,iC,CACE,U,CACA,oB,CAGF,sC,CACE,oB,CACA,Y,CACA,kB,CACA,oB,CACA,W,CACA,iB,CACA,kB,CACA,2C,CAGF,kC,CACE,U,CACA,W,CACA,gB,CAGF,yBACE,uC,CACE,W,CACA,Y,CACA,kB,CACA","file":"header.css","sourcesContent":["@import 'src/vars.pcss';\n\n.nav {\n display: block;\n}\n\n.menu-list {\n display: grid;\n grid-auto-flow: column;\n gap: 32px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.menu-item-wrap {\n position: relative;\n}\n\n.menu-item {\n display: block;\n line-height: 60px !important;\n color: rgba(255, 255, 255, 0.75);\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n text-decoration: none;\n cursor: pointer;\n\n &:hover,\n &.expanded {\n color: #ffffff;\n border-bottom-color: rgba(255, 255, 255, 0.4);\n text-decoration: none;\n }\n\n &.item-active {\n color: #ffffff;\n border-bottom-color: inherit;\n }\n}\n\n.dropdown-menu {\n display: none;\n position: absolute;\n top: 100%;\n min-width: 260px;\n margin: 8px 0 0 0;\n list-style: none;\n padding: 8px 0;\n white-space: nowrap;\n background: rgba(255, 255, 255, 1);\n border: 1px solid rgba(39, 40, 44, 0.7);\n animation: fade-in ease-out var(--ktl-transition-fast) forwards;\n}\n\n.dark-theme .dropdown-menu {\n background: var(--ktl-dark-100);\n border-color: rgba(255, 255, 255, 0.2);\n\n .dropdown-menu-item {\n color: var(--ktl-color-white-light);\n\n &:hover {\n color: rgba(255, 255, 255, 1);\n background: rgba(255, 255, 255, 0.1);\n }\n\n &.active {\n color: var(--ktl-dark-100);\n background: rgba(255, 255, 255, 1);\n }\n }\n}\n\n.dropdown-menu-expanded {\n display: block;\n}\n\n.dropdown-menu-align-right {\n right: 0;\n}\n\n.dropdown-menu-item {\n display: block;\n text-decoration: none;\n padding: 8px 16px;\n color: var(--ktl-dark-100);\n transition: color var(--ktl-transition-fast),\n background var(--ktl-transition-fast);\n\n &:hover {\n color: var(--ktl-dark-100);\n background: rgba(39, 40, 44, 0.1);\n text-decoration: none;\n }\n\n &.active {\n color: rgba(255, 255, 255, 1);\n background: var(--ktl-dark-100);\n cursor: default;\n }\n}\n\n@media (max-width: 640px) {\n .nav {\n display: none;\n }\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n",".container {\n flex-grow: 1;\n display: flex;\n align-items: flex-start;\n}\n\n.link {\n display: block;\n width: 100px;\n height: 24px;\n text-decoration: none;\n margin-left: -4px;\n cursor: pointer;\n}\n\n.version-tag {\n line-height: 16px;\n text-decoration: none;\n color: rgba(255, 255, 255, 0.75);\n\n &:hover {\n color: #ffffff;\n }\n}\n",":root {\n --ktl-light-grey: #f4f4f4;\n --ktl-dark-100: rgba(39, 40, 44, 1);\n --ktl-dark-bg-hard: rgba(27, 27, 27, 1);\n --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);\n --ktl-color-white-light: rgba(255, 255, 255, 0.75);\n --ktl-transition-xfast: 100ms;\n --ktl-transition-fast: 300ms;\n --ktl-color-primary-light-theme: #7f52ff;\n --ktl-color-dark-40: rgba(39, 40, 44, 0.4);\n --ktl-light-text-hard: rgba(39, 40, 44, 1);\n --ktl-light-dark-20: rgba(39, 40, 44, 0.2);\n --ktl-overlay-z-index: 900;\n --ktl-top-menu-z-index: 905;\n --ktl-header-z-index: 906;\n --ktl-header-height-mobile: 48px;\n --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;\n --rs-font-family-ui: var(--ktl-font-family-inter);\n}","@import 'src/vars.pcss';\n\n.header-menu {\n position: relative;\n padding: 0 32px;\n background: var(--ktl-dark-100);\n display: flex;\n align-items: center;\n height: 64px;\n justify-content: space-between;\n z-index: var(--ktl-header-z-index);\n}\n\n.border {\n box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);\n}\n\n@media (max-width: 640px) {\n .header-menu {\n padding: 0 16px;\n height: var(--ktl-header-height-mobile);\n }\n\n .header-menu:not(.with-menu-popup) {\n box-shadow: none;\n }\n\n .logo-hide {\n display: none !important;\n }\n}\n",null,"@import 'src/vars.pcss';\n\n.button {\n display: flex;\n visibility: hidden;\n appearance: none;\n border: 0 none transparent;\n outline: 0 none transparent;\n cursor: pointer;\n background: none;\n padding: 0;\n margin: 0 0 0 32px;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n transition: color var(--ktl-transition-xfast),\n background-color var(--ktl-transition-xfast);\n color: var(--ktl-color-white-light);\n\n &.active {\n visibility: visible;\n }\n\n &:hover,\n :focus {\n color: #ffffff;\n }\n}\n\n@media (max-width: 640px) {\n .button {\n display: none;\n margin: 0 16px 0 0;\n\n &.active {\n display: flex;\n }\n }\n}\n","@import 'src/vars.pcss';\n\n.menu-popup {\n display: none;\n padding: 8px 0;\n background: var(--ktl-dark-100);\n position: fixed;\n top: var(--ktl-header-height-mobile);\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto;\n z-index: var(--ktl-top-menu-z-index);\n}\n\n.menu-item {\n --level: 0;\n display: flex;\n align-items: center;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.75);\n text-decoration: none;\n padding: 8px 16px 8px calc(16px + (var(--level) * 24px));\n transition: color var(--ktl-transition-xfast),\n background-color var(--ktl-transition-xfast);\n\n &:hover {\n color: rgba(255, 255, 255, 1);\n background: rgba(255, 255, 255, 0.1);\n text-decoration: none;\n }\n\n &.active {\n color: var(--ktl-light-text-hard);\n background: rgba(255, 255, 255, 1);\n cursor: default;\n text-decoration: none;\n }\n\n &.active-with-child {\n background: none;\n color: rgba(255, 255, 255, 1);\n }\n}\n\n.menu-item-root {\n font-size: 20px;\n line-height: 32px;\n font-weight: 600;\n}\n\n@media (max-width: 640px) {\n .menu-popup-expanded {\n display: block;\n }\n}\n",".button {\n display: none;\n appearance: none;\n border: 0 none transparent;\n outline: 0 none transparent;\n cursor: pointer;\n background: none;\n padding: 0;\n margin: 0;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n transition: color var(--ktl-transition-xfast),\n background-color var(--ktl-transition-xfast);\n color: var(--ktl-color-white-light);\n\n &:hover,\n :focus {\n color: #ffffff;\n }\n}\n\n@media (max-width: 640px) {\n .button {\n display: flex;\n }\n}\n",".logo-small {\n display: none;\n}\n\n.link {\n color: rgba(255, 255, 255, 1);\n text-decoration: none;\n}\n\n.icon-wrap {\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-items: center;\n height: 100%;\n margin-right: 16px;\n padding-right: 16px;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.icon {\n width: 24px;\n height: 24px;\n margin-left: -4px;\n}\n\n@media (max-width: 640px) {\n .logo-small {\n flex-grow: 1;\n display: flex;\n align-items: center;\n height: 100%;\n }\n}\n"],"sourceRoot":""}
|
package/dist/topMenu.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@-webkit-keyframes ktl-dropdown-menu-module_fadein_Bi4oK{0%{opacity:0}to{opacity:1}}@keyframes ktl-dropdown-menu-module_fadein_Bi4oK{0%{opacity:0}to{opacity:1}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px}.ktl-top-menu-module_top-menu_Rjem1{position:relative;display:grid;grid-template-columns:1fr;grid-auto-flow:column;justify-items:stretch;align-items:center;grid-gap:32px;height:64px;background:#fff;padding:0 32px;z-index:var(--ktl-top-menu-z-index);box-shadow:inset 0 -1px 0 0 var(--ktl-light-dark-20);transition:color var(--ktl-transition-fast),background-color var(--ktl-transition-fast)}.ktl-top-menu-module_top-menu-dark-theme_2Q\+2W{background:#1b1b1b;box-shadow:inset 0 -1px 0 0 rgba(255,255,255,.2)}.ktl-top-menu-module_logo_NvS8U{text-decoration:none;white-space:nowrap;justify-self:flex-start}@media (max-width:640px){.ktl-top-menu-module_top-menu_Rjem1{height:48px;padding:0 16px;grid-gap:16px}.ktl-top-menu-module_logo_NvS8U{display:none}}.ktl-horizontal-menu-module_horizontal-menu_\+69oF{display:grid;grid-auto-flow:column;gap:32px}.ktl-horizontal-menu-module_item_cVqGK,.ktl-horizontal-menu-module_item_cVqGK:hover{border-bottom:none;padding-bottom:0}.ktl-horizontal-menu-module_item-active_UdEV9{cursor:default;color:var(--ktl-color-primary-light-theme)}@media (max-width:640px){.ktl-horizontal-menu-module_horizontal-menu_\+69oF{display:none}}.ktl-dropdown-menu-module_dropdown-menu_ATySd{display:none;height:100%;justify-self:flex-start;white-space:nowrap}.ktl-dropdown-menu-module_button_jpeWY{border:0;background:0 0;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ktl-dropdown-menu-module_icon_Gji3K{width:12px;height:6px;margin-left:6px;transition:transform ease-in-out var(--ktl-transition-xfast)}.ktl-dropdown-menu-module_dropdown-list_KhZ\+W{display:none;position:absolute;left:0;right:0;background:#fff;opacity:0;-webkit-animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards;animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards}.ktl-dropdown-menu-module_dropdown-item_eDMDc{padding:8px 16px;text-decoration:none;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast)}.ktl-dropdown-menu-module_dropdown-item_eDMDc:hover{background:rgba(39,40,44,.1);color:#27282c}.ktl-dropdown-menu-module_dropdown-item_eDMDc.ktl-dropdown-menu-module_dropdown-item-active_xFQCy{background:var(--ktl-dark-100);color:#fff}.ktl-dropdown-menu-module_overlay_amD9X{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;background-color:var(--ktl-color-dark-40);z-index:var(--ktl-overlay-z-index);-webkit-animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards;animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards}.ktl-dropdown-menu-module_overlay-visible_VPKnR{display:block;opacity:1}.ktl-dropdown-menu-module_dropdown-menu-expanded_e8NhY .ktl-dropdown-menu-module_icon_Gji3K{transform:scale(1,-1)}.ktl-dropdown-menu-module_dropdown-menu-expanded_e8NhY .ktl-dropdown-menu-module_dropdown-list_KhZ\+W{display:flex;flex-direction:column;opacity:1}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6{background:var(--ktl-dark-bg-hard)}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6 .ktl-dropdown-menu-module_dropdown-item_eDMDc:hover{background:rgba(255,255,255,.1);color:#fff}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6 .ktl-dropdown-menu-module_dropdown-item_eDMDc.ktl-dropdown-menu-module_dropdown-item-active_xFQCy{color:var(--ktl-light-text-hard);background:#fff}@media (max-width:640px){.ktl-dropdown-menu-module_dropdown-menu_ATySd{display:block}}
|
|
1
|
+
@-webkit-keyframes ktl-dropdown-menu-module_fadein_Bi4oK{0%{opacity:0}to{opacity:1}}@keyframes ktl-dropdown-menu-module_fadein_Bi4oK{0%{opacity:0}to{opacity:1}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px;--ktl-font-family-inter:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;--rs-font-family-ui:var(--ktl-font-family-inter)}.ktl-top-menu-module_top-menu_Rjem1{position:relative;display:grid;grid-template-columns:1fr;grid-auto-flow:column;justify-items:stretch;align-items:center;grid-gap:32px;height:64px;background:#fff;padding:0 32px;z-index:var(--ktl-top-menu-z-index);box-shadow:inset 0 -1px 0 0 var(--ktl-light-dark-20);transition:color var(--ktl-transition-fast),background-color var(--ktl-transition-fast)}.ktl-top-menu-module_top-menu-dark-theme_2Q\+2W{background:#1b1b1b;box-shadow:inset 0 -1px 0 0 rgba(255,255,255,.2)}.ktl-top-menu-module_logo_NvS8U{text-decoration:none;white-space:nowrap;justify-self:flex-start}@media (max-width:640px){.ktl-top-menu-module_top-menu_Rjem1{height:48px;padding:0 16px;grid-gap:16px}.ktl-top-menu-module_logo_NvS8U{display:none}}.ktl-horizontal-menu-module_horizontal-menu_\+69oF{display:grid;grid-auto-flow:column;gap:32px}.ktl-horizontal-menu-module_item_cVqGK,.ktl-horizontal-menu-module_item_cVqGK:hover{border-bottom:none;padding-bottom:0}.ktl-horizontal-menu-module_item-active_UdEV9{cursor:default;color:var(--ktl-color-primary-light-theme)}@media (max-width:640px){.ktl-horizontal-menu-module_horizontal-menu_\+69oF{display:none}}.ktl-dropdown-menu-module_dropdown-menu_ATySd{display:none;height:100%;justify-self:flex-start;white-space:nowrap}.ktl-dropdown-menu-module_button_jpeWY{border:0;background:0 0;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ktl-dropdown-menu-module_icon_Gji3K{width:12px;height:6px;margin-left:6px;transition:transform ease-in-out var(--ktl-transition-xfast)}.ktl-dropdown-menu-module_dropdown-list_KhZ\+W{display:none;position:absolute;left:0;right:0;background:#fff;opacity:0;-webkit-animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards;animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards}.ktl-dropdown-menu-module_dropdown-item_eDMDc{padding:8px 16px;text-decoration:none;transition:color var(--ktl-transition-xfast),background-color var(--ktl-transition-xfast)}.ktl-dropdown-menu-module_dropdown-item_eDMDc:hover{background:rgba(39,40,44,.1);color:#27282c}.ktl-dropdown-menu-module_dropdown-item_eDMDc.ktl-dropdown-menu-module_dropdown-item-active_xFQCy{background:var(--ktl-dark-100);color:#fff}.ktl-dropdown-menu-module_overlay_amD9X{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;background-color:var(--ktl-color-dark-40);z-index:var(--ktl-overlay-z-index);-webkit-animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards;animation:ktl-dropdown-menu-module_fadein_Bi4oK ease-out var(--ktl-transition-fast) forwards}.ktl-dropdown-menu-module_overlay-visible_VPKnR{display:block;opacity:1}.ktl-dropdown-menu-module_dropdown-menu-expanded_e8NhY .ktl-dropdown-menu-module_icon_Gji3K{transform:scale(1,-1)}.ktl-dropdown-menu-module_dropdown-menu-expanded_e8NhY .ktl-dropdown-menu-module_dropdown-list_KhZ\+W{display:flex;flex-direction:column;opacity:1}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6{background:var(--ktl-dark-bg-hard)}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6 .ktl-dropdown-menu-module_dropdown-item_eDMDc:hover{background:rgba(255,255,255,.1);color:#fff}.ktl-dropdown-menu-module_dropdown-list-dark-theme_t7aA6 .ktl-dropdown-menu-module_dropdown-item_eDMDc.ktl-dropdown-menu-module_dropdown-item-active_xFQCy{color:var(--ktl-light-text-hard);background:#fff}@media (max-width:640px){.ktl-dropdown-menu-module_dropdown-menu_ATySd{display:block}}
|
|
2
2
|
/*# sourceMappingURL=topMenu.css.map*/
|
package/dist/topMenu.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/dropdown-menu/dropdown-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/top-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/horizontal-menu/horizontal-menu.module.pcss"],"names":[],"mappings":"yDA8GE,E,CACE,S,CAEF,E,CACE,W,iDAJF,E,CACE,S,CAEF,E,CACE,WClHJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/dropdown-menu/dropdown-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/top-menu.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/top-menu/horizontal-menu/horizontal-menu.module.pcss"],"names":[],"mappings":"yDA8GE,E,CACE,S,CAEF,E,CACE,W,iDAJF,E,CACE,S,CAEF,E,CACE,WClHJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,CACA,6K,CACA,gD,CCfF,mC,CACE,iB,CACA,Y,CACA,yB,CACA,qB,CACA,qB,CACA,kB,CACA,a,CACA,W,CACA,e,CACA,c,CACA,mC,CACA,oD,CACA,uF,CAIF,+C,CACE,kB,CACA,gD,CAGF,+B,CACE,oB,CACA,kB,CACA,uB,CAGF,yBACE,mC,CACE,W,CACA,c,CACA,a,CAGF,+B,CACE,cCtCJ,kD,CACE,Y,CACA,qB,CACA,Q,CAGF,sC,CAAA,4C,CACE,kB,CACA,gB,CAGF,6C,CACE,c,CACA,0C,CAGF,yBACE,kD,CACE,cHhBJ,6C,CACE,Y,CACA,W,CACA,uB,CACA,kB,CAGF,sC,CACE,Q,CACA,c,CACA,W,CACA,S,CACA,Q,CACA,Y,CACA,kB,CACA,6B,CACA,c,CAGF,oC,CACE,U,CACA,U,CACA,e,CACA,4D,CAGF,8C,CACE,Y,CACA,iB,CACA,M,CACA,O,CACA,e,CACA,S,CACA,oG,CAAA,4F,CAGF,6C,CACE,gB,CACA,oB,CACA,yF,CAGA,mD,CACE,4B,CACA,a,CAGF,iG,CACE,8B,CACA,U,CAIJ,uC,CACE,Y,CACA,c,CACA,K,CACA,O,CACA,Q,CACA,M,CACA,U,CACA,W,CACA,S,CACA,yC,CACA,kC,CACA,oG,CAAA,4F,CAGF,+C,CACE,a,CACA,S,CAIA,2F,CACE,qB,CAGF,qG,CACE,Y,CACA,qB,CACA,S,CAIJ,wD,CACE,kC,CAGE,4G,CACE,+B,CACA,U,CAGF,0J,CACE,gC,CACA,e,CAKN,yBACE,6C,CACE","file":"topMenu.css","sourcesContent":["@import 'src/vars.pcss';\n\n.dropdown-menu {\n display: none;\n height: 100%;\n justify-self: flex-start;\n white-space: nowrap;\n}\n\n.button {\n border: none;\n background: none;\n height: 100%;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n}\n\n.icon {\n width: 12px;\n height: 6px;\n margin-left: 6px;\n transition: transform ease-in-out var(--ktl-transition-xfast);\n}\n\n.dropdown-list {\n display: none;\n position: absolute;\n left: 0;\n right: 0;\n background: #ffffff;\n opacity: 0;\n animation: fadein ease-out var(--ktl-transition-fast) forwards;\n}\n\n.dropdown-item {\n padding: 8px 16px;\n text-decoration: none;\n transition: color var(--ktl-transition-xfast),\n background-color var(--ktl-transition-xfast);\n\n &:hover {\n background: rgba(39, 40, 44, 0.1);\n color: #27282c;\n }\n\n &.dropdown-item-active {\n background: var(--ktl-dark-100);\n color: #ffffff;\n }\n}\n\n.overlay {\n display: none;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n background-color: var(--ktl-color-dark-40);\n z-index: var(--ktl-overlay-z-index);\n animation: fadein ease-out var(--ktl-transition-fast) forwards;\n}\n\n.overlay-visible {\n display: block;\n opacity: 1;\n}\n\n.dropdown-menu-expanded {\n .icon {\n transform: scale(1, -1);\n }\n\n .dropdown-list {\n display: flex;\n flex-direction: column;\n opacity: 1;\n }\n}\n\n.dropdown-list-dark-theme {\n background: var(--ktl-dark-bg-hard);\n\n .dropdown-item {\n &:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #ffffff;\n }\n\n &.dropdown-item-active {\n color: var(--ktl-light-text-hard);\n background: #ffffff;\n }\n }\n}\n\n@media (max-width: 640px) {\n .dropdown-menu {\n display: block;\n }\n}\n\n@keyframes fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n",":root {\n --ktl-light-grey: #f4f4f4;\n --ktl-dark-100: rgba(39, 40, 44, 1);\n --ktl-dark-bg-hard: rgba(27, 27, 27, 1);\n --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);\n --ktl-color-white-light: rgba(255, 255, 255, 0.75);\n --ktl-transition-xfast: 100ms;\n --ktl-transition-fast: 300ms;\n --ktl-color-primary-light-theme: #7f52ff;\n --ktl-color-dark-40: rgba(39, 40, 44, 0.4);\n --ktl-light-text-hard: rgba(39, 40, 44, 1);\n --ktl-light-dark-20: rgba(39, 40, 44, 0.2);\n --ktl-overlay-z-index: 900;\n --ktl-top-menu-z-index: 905;\n --ktl-header-z-index: 906;\n --ktl-header-height-mobile: 48px;\n --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;\n --rs-font-family-ui: var(--ktl-font-family-inter);\n}","@import 'src/vars.pcss';\n\n.top-menu {\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n grid-auto-flow: column;\n justify-items: stretch;\n align-items: center;\n grid-gap: 32px;\n height: 64px;\n background: #ffffff;\n padding: 0 32px;\n z-index: var(--ktl-top-menu-z-index);\n box-shadow: inset 0 -1px 0 0 var(--ktl-light-dark-20);\n transition: color var(--ktl-transition-fast),\n background-color var(--ktl-transition-fast);\n}\n\n.top-menu-dark-theme {\n background: #1b1b1b;\n box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);\n}\n\n.logo {\n text-decoration: none;\n white-space: nowrap;\n justify-self: flex-start;\n}\n\n@media (max-width: 640px) {\n .top-menu {\n height: 48px;\n padding: 0 16px;\n grid-gap: 16px;\n }\n\n .logo {\n display: none;\n }\n}\n",".horizontal-menu {\n display: grid;\n grid-auto-flow: column;\n gap: 32px;\n}\n\n.item, .item:hover {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.item-active {\n cursor: default;\n color: var(--ktl-color-primary-light-theme);\n}\n\n@media (max-width: 640px) {\n .horizontal-menu {\n display: none;\n }\n}\n"],"sourceRoot":""}
|
package/dist/typography.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ktl-hero{font-family:var(--
|
|
1
|
+
:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px;--ktl-font-family-inter:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;--rs-font-family-ui:var(--ktl-font-family-inter)}.ktl-hero{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:42px;line-height:48px;letter-spacing:-1px;margin:0}.ktl-hero_theme_dark{color:#fff}@media (min-width:1200px){.ktl-hero{font-size:64px;line-height:72px;letter-spacing:-3px}}.ktl-h1{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:36px;line-height:44px;letter-spacing:-1px;margin:0}.ktl-h1_theme_dark{color:#fff}@media (min-width:1200px){.ktl-h1{font-size:43px;line-height:48px}}.ktl-h2{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0}.ktl-h2_theme_dark{color:#fff}@media (min-width:1200px){.ktl-h2{font-size:31px;line-height:40px}}.ktl-subtitle{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:20px;line-height:32px;margin:0}.ktl-subtitle_theme_dark{color:#fff}@media (min-width:1200px){.ktl-subtitle{font-size:31px;line-height:40px}}.ktl-h3{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:600;font-size:20px;line-height:32px;margin:0}.ktl-h3_theme_dark{color:#fff}.ktl-h4{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:600;font-size:16px;line-height:24px;margin:0}.ktl-h4_theme_dark{color:#fff}.ktl-text-1{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:20px;line-height:32px;margin:0}.ktl-text-1_theme_dark{color:#fff}.ktl-text-2{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:16px;line-height:24px;margin:0}.ktl-text-2_theme_dark{color:#fff}.ktl-text-3{font-family:var(--ktl-font-family-inter);color:var(--ktl-light-text-hard);font-weight:400;font-size:13px;line-height:20px;margin:0}.ktl-text-3_theme_dark{color:#fff}
|
|
2
2
|
/*# sourceMappingURL=typography.css.map*/
|
package/dist/typography.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/typography/style.pcss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/components/typography/style.pcss"],"names":[],"mappings":"AAAA,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,CACA,6K,CACA,gD,CCdE,S,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,mB,CACA,Q,CAEA,oB,CACI,U,CAGJ,0BAbJ,S,CAcQ,c,CACA,gB,CACA,qBAKR,O,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,mB,CACA,Q,CAEA,kB,CACI,U,CAGJ,0BAbJ,O,CAcQ,c,CACA,kBAKR,O,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,oB,CACA,Q,CAEA,kB,CACI,U,CAGJ,0BAbJ,O,CAcQ,c,CACA,kBAMR,a,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,wB,CACI,U,CAGJ,0BAZJ,a,CAaQ,c,CACA,kBAIR,O,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,kB,CACI,U,CAIR,O,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,kB,CACI,U,CAIR,W,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,sB,CACI,U,CAIR,W,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,sB,CACI,U,CAIR,W,CACI,wC,CACA,gC,CACA,e,CACA,c,CACA,gB,CACA,Q,CAEA,sB,CACI,U","file":"typography.css","sourcesContent":[":root {\n --ktl-light-grey: #f4f4f4;\n --ktl-dark-100: rgba(39, 40, 44, 1);\n --ktl-dark-bg-hard: rgba(27, 27, 27, 1);\n --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);\n --ktl-color-white-light: rgba(255, 255, 255, 0.75);\n --ktl-transition-xfast: 100ms;\n --ktl-transition-fast: 300ms;\n --ktl-color-primary-light-theme: #7f52ff;\n --ktl-color-dark-40: rgba(39, 40, 44, 0.4);\n --ktl-light-text-hard: rgba(39, 40, 44, 1);\n --ktl-light-dark-20: rgba(39, 40, 44, 0.2);\n --ktl-overlay-z-index: 900;\n --ktl-top-menu-z-index: 905;\n --ktl-header-z-index: 906;\n --ktl-header-height-mobile: 48px;\n --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;\n --rs-font-family-ui: var(--ktl-font-family-inter);\n}","@import 'src/vars.pcss';\n\n:global {\n .ktl-hero {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 42px;\n line-height: 48px;\n letter-spacing: -1px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n\n @media (--ktl-lg) {\n font-size: 64px;\n line-height: 72px;\n letter-spacing: -3px;\n }\n }\n\n\n .ktl-h1 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 36px;\n line-height: 44px;\n letter-spacing: -1px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n\n @media (--ktl-lg) {\n font-size: 43px;\n line-height: 48px;\n\n }\n }\n\n .ktl-h2 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: 500;\n font-size: 24px;\n line-height: 32px;\n letter-spacing: -0.5px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n\n @media (--ktl-lg) {\n font-size: 31px;\n line-height: 40px;\n\n }\n\n }\n\n .ktl-subtitle {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 20px;\n line-height: 32px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n\n @media (--ktl-lg) {\n font-size: 31px;\n line-height: 40px;\n }\n }\n\n .ktl-h3 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: 600;\n font-size: 20px;\n line-height: 32px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n }\n\n .ktl-h4 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n }\n\n .ktl-text-1 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 20px;\n line-height: 32px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n }\n\n .ktl-text-2 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n }\n\n .ktl-text-3 {\n font-family: var(--ktl-font-family-inter);\n color: var(--ktl-light-text-hard);\n font-weight: normal;\n font-size: 13px;\n line-height: 20px;\n margin: 0;\n\n &_theme_dark {\n color: #fff;\n }\n }\n\n}"],"sourceRoot":""}
|
package/dist/youtubePlayer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@-webkit-keyframes ktl-youtube-player-module_icon-rotating_cH1-u{to{transform:rotate(360deg)}}@keyframes ktl-youtube-player-module_icon-rotating_cH1-u{to{transform:rotate(360deg)}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px}.ktl-youtube-player-module_youtube-player_OmVN3{position:relative;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.ktl-youtube-player-module_preview_VEmOu img{vertical-align:top}.ktl-youtube-player-module_preview-playlist_tAkHh{width:100%}.ktl-youtube-player-module_preview-playlist_tAkHh::before{content:"";display:block;padding-bottom:56.25%;background:var(--ktl-dark-100)}.ktl-youtube-player-module_player_HuYMu{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none}.ktl-youtube-player-module_play-button_T6gSe{padding:12px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);border-radius:50%;border:0;transition:color var(--ktl-transition-fast);cursor:pointer;outline:0;height:48px}.ktl-youtube-player-module_play-button_white_6DS\+W{color:var(--ktl-dark-100);background-color:#fff}.ktl-youtube-player-module_play-button_black_xLtNM{color:#fff;background-color:var(--ktl-dark-100)}.ktl-youtube-player-module_play-button_primary_PEwFg{color:#fff;background:var(--ktl-color-primary-light-theme)}.ktl-youtube-player-module_hide_dO3oV{display:none}.ktl-youtube-player-module_image-preview_CB-AL{display:block;width:100%}.ktl-youtube-player-module_show-video_RavYO .ktl-youtube-player-module_player_HuYMu{display:block}.ktl-youtube-player-module_show-video_RavYO .ktl-youtube-player-module_image-preview_CB-AL{opacity:0}.ktl-youtube-player-module_icon-loading_ZLunZ{-webkit-animation:ktl-youtube-player-module_icon-rotating_cH1-u .7s linear infinite;animation:ktl-youtube-player-module_icon-rotating_cH1-u .7s linear infinite;transform-origin:center center}
|
|
1
|
+
@-webkit-keyframes ktl-youtube-player-module_icon-rotating_cH1-u{to{transform:rotate(360deg)}}@keyframes ktl-youtube-player-module_icon-rotating_cH1-u{to{transform:rotate(360deg)}}:root{--ktl-light-grey:#f4f4f4;--ktl-dark-100:rgba(39, 40, 44, 1);--ktl-dark-bg-hard:rgba(27, 27, 27, 1);--ktl-icon-color-dark:rgba(39, 40, 44, 0.75);--ktl-color-white-light:rgba(255, 255, 255, 0.75);--ktl-transition-xfast:100ms;--ktl-transition-fast:300ms;--ktl-color-primary-light-theme:#7f52ff;--ktl-color-dark-40:rgba(39, 40, 44, 0.4);--ktl-light-text-hard:rgba(39, 40, 44, 1);--ktl-light-dark-20:rgba(39, 40, 44, 0.2);--ktl-overlay-z-index:900;--ktl-top-menu-z-index:905;--ktl-header-z-index:906;--ktl-header-height-mobile:48px;--ktl-font-family-inter:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;--rs-font-family-ui:var(--ktl-font-family-inter)}.ktl-youtube-player-module_youtube-player_OmVN3{position:relative;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.ktl-youtube-player-module_preview_VEmOu img{vertical-align:top}.ktl-youtube-player-module_preview-playlist_tAkHh{width:100%}.ktl-youtube-player-module_preview-playlist_tAkHh::before{content:"";display:block;padding-bottom:56.25%;background:var(--ktl-dark-100)}.ktl-youtube-player-module_player_HuYMu{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none}.ktl-youtube-player-module_play-button_T6gSe{padding:12px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);border-radius:50%;border:0;transition:color var(--ktl-transition-fast);cursor:pointer;outline:0;height:48px}.ktl-youtube-player-module_play-button_white_6DS\+W{color:var(--ktl-dark-100);background-color:#fff}.ktl-youtube-player-module_play-button_black_xLtNM{color:#fff;background-color:var(--ktl-dark-100)}.ktl-youtube-player-module_play-button_primary_PEwFg{color:#fff;background:var(--ktl-color-primary-light-theme)}.ktl-youtube-player-module_hide_dO3oV{display:none}.ktl-youtube-player-module_image-preview_CB-AL{display:block;width:100%}.ktl-youtube-player-module_show-video_RavYO .ktl-youtube-player-module_player_HuYMu{display:block}.ktl-youtube-player-module_show-video_RavYO .ktl-youtube-player-module_image-preview_CB-AL{opacity:0}.ktl-youtube-player-module_icon-loading_ZLunZ{-webkit-animation:ktl-youtube-player-module_icon-rotating_cH1-u .7s linear infinite;animation:ktl-youtube-player-module_icon-rotating_cH1-u .7s linear infinite;transform-origin:center center}
|
|
2
2
|
/*# sourceMappingURL=youtubePlayer.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/youtube-player/youtube-player.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss"],"names":[],"mappings":"iEA4FE,E,CACE,0B,yDADF,E,CACE,0BC7FJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/youtube-player/youtube-player.module.pcss","webpack://@jetbrains/kotlin-web-site-ui/./src/vars.pcss"],"names":[],"mappings":"iEA4FE,E,CACE,0B,yDADF,E,CACE,0BC7FJ,K,CACE,wB,CACA,kC,CACA,sC,CACA,4C,CACA,iD,CACA,4B,CACA,2B,CACA,uC,CACA,yC,CACA,yC,CACA,yC,CACA,yB,CACA,0B,CACA,wB,CACA,+B,CACA,6K,CACA,gD,CDfF,+C,CACE,iB,CACA,U,CACA,W,CACA,e,CACA,Y,CACA,sB,CACA,kB,CACA,c,CAGF,4C,CACE,kB,CAGF,iD,CACE,U,CAEA,yD,CACE,U,CACA,a,CACA,qB,CACA,8B,CAIJ,uC,CACE,iB,CACA,K,CACA,M,CACA,O,CACA,Q,CACA,U,CACA,W,CACA,Y,CAGF,4C,CACE,Y,CACA,iB,CACA,oB,CACA,qB,CACA,iB,CACA,Q,CACA,2C,CACA,c,CACA,S,CACA,W,CAEA,mD,CACE,yB,CACA,qB,CAGF,kD,CACE,U,CACA,oC,CAGF,oD,CACE,U,CACA,+C,CAIJ,qC,CACE,Y,CAGF,8C,CACE,a,CACA,U,CAIA,mF,CACE,a,CAGF,0F,CACE,S,CAIJ,6C,CACE,mF,CAAA,2E,CACA,8B","file":"youtubePlayer.css","sourcesContent":["@import 'src/vars.pcss';\n\n.youtube-player {\n position: relative;\n width: 100%;\n height: 100%;\n background: black;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.preview img {\n vertical-align: top;\n}\n\n.preview-playlist {\n width: 100%;\n\n &::before {\n content: \"\";\n display: block;\n padding-bottom: 56.25%;\n background: var(--ktl-dark-100);\n }\n}\n\n.player {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.play-button {\n padding: 12px;\n position: absolute;\n top: calc(50% - 24px);\n left: calc(50% - 24px);\n border-radius: 50%;\n border: none;\n transition: color var(--ktl-transition-fast);\n cursor: pointer;\n outline: none;\n height: 48px;\n\n &_white {\n color: var(--ktl-dark-100);\n background-color: #ffffff;\n }\n\n &_black {\n color: #ffffff;\n background-color: var(--ktl-dark-100);\n }\n\n &_primary {\n color: #ffffff;\n background: var(--ktl-color-primary-light-theme);\n }\n}\n\n.hide {\n display: none;\n}\n\n.image-preview {\n display: block;\n width: 100%;\n}\n\n.show-video {\n .player {\n display: block;\n }\n\n .image-preview {\n opacity: 0;\n }\n}\n\n.icon-loading {\n animation: icon-rotating .7s linear infinite;\n transform-origin: center center;\n}\n\n@keyframes icon-rotating {\n to {\n transform: rotate(360deg)\n }\n}\n",":root {\n --ktl-light-grey: #f4f4f4;\n --ktl-dark-100: rgba(39, 40, 44, 1);\n --ktl-dark-bg-hard: rgba(27, 27, 27, 1);\n --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);\n --ktl-color-white-light: rgba(255, 255, 255, 0.75);\n --ktl-transition-xfast: 100ms;\n --ktl-transition-fast: 300ms;\n --ktl-color-primary-light-theme: #7f52ff;\n --ktl-color-dark-40: rgba(39, 40, 44, 0.4);\n --ktl-light-text-hard: rgba(39, 40, 44, 1);\n --ktl-light-dark-20: rgba(39, 40, 44, 0.2);\n --ktl-overlay-z-index: 900;\n --ktl-top-menu-z-index: 905;\n --ktl-header-z-index: 906;\n --ktl-header-height-mobile: 48px;\n --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;\n --rs-font-family-ui: var(--ktl-font-family-inter);\n}"],"sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/kotlin-web-site-ui",
|
|
3
3
|
"description": "UI components for Kotlin web sites development",
|
|
4
|
-
"version": "2.9.0-alpha.
|
|
4
|
+
"version": "2.9.0-alpha.4",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"files": [
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@rescui/icons": "^0.2.0",
|
|
27
27
|
"@rescui/input": "^0.1.2",
|
|
28
28
|
"@rescui/tooltip": "^0.1.2",
|
|
29
|
-
"@rescui/typography": "0.0
|
|
29
|
+
"@rescui/typography": "^0.3.0",
|
|
30
30
|
"@rescui/ui-contexts": "^0.1.3",
|
|
31
31
|
"formik": "^2.2.9",
|
|
32
32
|
"react": ">= 16.8.6 < 18",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@rescui/icons": "^0.2.0",
|
|
44
44
|
"@rescui/input": "^0.1.2",
|
|
45
45
|
"@rescui/tooltip": "^0.1.2",
|
|
46
|
-
"@rescui/typography": "0.0
|
|
46
|
+
"@rescui/typography": "^0.3.0",
|
|
47
47
|
"@rescui/ui-contexts": "^0.1.3",
|
|
48
48
|
"@storybook/addon-actions": "^6.2.8",
|
|
49
49
|
"@storybook/addon-essentials": "^6.2.8",
|