MAINHACK

Viewing / Editing File: style-guide.min.css

.ast-sg-loaded .site{display:none!important}.ast-sg-loaded .ast-style-guide-wrapper{display:block}.ast-sg-show-less,.ast-sg-show-more,.ast-style-guide-wrapper,.ast-style-guide-wrapper .customize-partial-edit-shortcut,.wp-full-overlay-main.hide{display:none}.ast-sg-show-less.show,.ast-sg-show-more.show,.ast-style-guide-wrapper.show{display:block}#customize-header-actions button#astra-tour{display:block;position:absolute;top:0;bottom:0;left:48px;width:45px;margin-top:0!important;background:#f0f0f1;border:none;border-radius:0;border-top:4px solid #f0f0f1;border-right:1px solid #dcdcde;color:#3c434a;fill:#3c434a;stroke:#3c434a}#customize-header-actions button#astra-tour:focus,#customize-header-actions button#astra-tour:hover{background:#fff;color:#2271b1;fill:#2271b1;stroke:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-header-actions button#astra-tour svg{margin-top:7px;width:15px;height:15px}#customize-header-actions input#astra-reset{position:absolute;left:100px}@media screen and (max-width:640px){#customize-header-actions button#astra-tour{left:153px}}.ast-style-guide-wrapper{width:100%;height:100%;z-index:99;background:'(--ast-bg-style-guide)'}.ast-sg-more-content-loaded .ast-style-guide-wrapper{height:100%}.ast-sg-card-title,.ast-sg-content-show-more,.ast-sg-field-title,.ast-sg-site-icon-wrap{font-family:Inter,sans-serif}.ast-tour-inner-wrap{position:relative;max-width:956px;margin:0 auto;padding:32px 0}.ast-sg-site-icon{width:16px;height:16px;margin-right:8px}.ast-sg-site-icon-inner-wrap{-js-display:inline-flex;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px!important;border:1px solid #e2e8f0;border-bottom:0;border-radius:8px 8px 0 0}.ast-sg-site-icon-aside-divider{width:40px;height:0;border-top:1px solid #e2e8f0;display:block}.ast-sg-site-blogdescription{max-width:60%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:5px}.ast-sg-site-icon-wrap{-js-display:flex;display:flex;align-items:flex-end;font-size:14px;line-height:18px;font-weight:400;margin:8px 0!important}.ast-sg-desktop,.ast-sg-mobile,.ast-sg-tablet{display:none}.ast-tour-header-container{align-items:center;-js-display:flex;display:flex;flex-direction:row;flex-grow:1}button.ast-close-tour{line-height:1px;background:0 0;box-shadow:none;border:0;color:#6b7280;cursor:pointer;position:absolute;right:10px;top:10px;padding:0;z-index:999}.ast-tour-inner-wrap span.ast-icon{margin-top:5px}.ast-sg-content-show-more,.ast-sg-element-wrap .ast-site-identity,.ast-style-guide-wrapper .ast-sg-heading,.ast-style-guide-wrapper h1,.ast-style-guide-wrapper h2,.ast-style-guide-wrapper h3,.ast-style-guide-wrapper h4,.ast-style-guide-wrapper h5,.ast-style-guide-wrapper h6,.ast-style-guide-wrapper ol,.ast-style-guide-wrapper p,.ast-style-guide-wrapper ul{margin:0;padding:0}button.ast-close-tour svg{width:24px;height:24px;fill:#64748B}.ast-sg-1-col-grid{gap:16px;display:grid}.ast-sg-2-col-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}.ast-styler-card{display:grid;gap:16px;background:var(--ast-bg-style-guide);padding:24px;border-radius:16px;box-shadow:var(--ast-shadow-style-guide)}.ast-sg-card-title{font-size:14px;line-height:18px;font-weight:600;color:var(--ast-global-color-2)}.ast-sg-icon-button-section{gap:16px;display:grid}.ast-sg-logo-section{min-height:222px}.ast-styler-card a{text-decoration:none}.ast-sg-element-wrap{position:relative;display:grid;justify-content:center;transition:all .3s;border:1px solid transparent;border-radius:8px;align-items:center;align-content:center}.ast-sg-content-section:hover,.ast-sg-element-wrap:hover,.ast-sg-heading-card:hover,.ast-sg-heading-section:hover{opacity:.8;border-color:#e2e8f0;cursor:pointer}.ast-sg-button-element-wrap{display:grid;gap:16px;align-items:center;justify-content:center;align-content:center;grid-template-columns:repeat(2,1fr);justify-items:center}.ast-sg-button-element-wrap .ast-sg-element-wrap{padding:8px;width:100%;height:100%}.ast-sg-colors-section-wrap{grid-template-columns:repeat(9,1fr);gap:12px;display:grid}.ast-sg-color-item-wrap{position:relative;border:1px solid #02061714;border-radius:8px;overflow:hidden;background:#fff;display:grid;transition:all .3s}.ast-sg-content-inner-wrap{display:grid;gap:16px;border-radius:16px;grid-template-columns:repeat(2,1fr)}.ast-sg-content-section,.ast-sg-heading-section{padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-quick-tour-item{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.ast-sg-customizer-shortcut{display:none;position:absolute;right:5px;top:5px;line-height:1;transition:all .3s}.ast-sg-color-item-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-content-section:hover .ast-sg-customizer-shortcut,.ast-sg-element-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-heading-card:hover .ast-sg-customizer-shortcut,.ast-sg-heading-section:hover .ast-sg-customizer-shortcut{display:block}.ast-sg-heading-section .sub-heading{font-size:18px;line-height:27px;max-width:296px}.ast-sg-color-item-wrap:hover{cursor:pointer;box-shadow:0 0 0 4px #00000014}.ast-sg-color-picker{width:100%;height:40px;border-bottom:1px solid #02061714}.ast-sg-field-title{font-size:12px;line-height:16px;color:#64748b;padding:6px 10px;text-align:center}.ast-quick-tour-body .ast-sg-content-show-more{text-align:center;color:#64748b;font-size:14px;line-height:18px;padding:16px;cursor:pointer;display:block;margin:0 auto}.ast-sg-heading-section h1{margin-bottom:16px}.ast-sg-typo-field{padding:0;text-align:left;text-transform:capitalize;font-weight:400}.ast-sg-heading-card{display:grid;gap:4px;padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-sg-content-section ol,.ast-sg-content-section ul{margin:0;padding:0 20px}.ast-sg-content-section blockquote{margin:0;padding:5px 0 0 20px;font-size:1em;border-left:2px solid #e2e8f0}.ast-style-guide-wrapper .ast-sg-content-divider{width:100%;margin:16px 0;border-top:1px dashed #e2e8f0}.ast-sg-content-section{display:grid;gap:16px}@media(min-width:769px){.ast-sg-desktop{display:inline-block}}@media(min-width:545px) and (max-width:768px){.ast-sg-tablet{display:inline-block}}@media(max-width:544px){.ast-sg-mobile{display:inline-block}}@media(max-width:768px){.ast-tour-inner-wrap{padding-top:46px}.ast-sg-colors-section-wrap{grid-template-columns:repeat(5,1fr)}}@media(max-width:544px){.ast-style-guide-wrapper{padding:5px}.ast-sg-2-col-grid,.ast-sg-button-element-wrap,.ast-sg-content-inner-wrap{grid-template-columns:repeat(1,1fr)}.ast-sg-colors-section-wrap{grid-template-columns:repeat(2,1fr)}.ast-styler-card{padding:16px}}.ast-sg-colors-section{display:grid;margin:16px 0}.transperent-logo{background-color:#000;color:#fff}.ast-sg-element-wrap.ast-sg-logo-section{-js-display:flex;display:flex}.ast-style-guide-wrapper .site-branding.ast-site-identity{-js-display:flex;display:flex;flex-direction:column;align-items:center;width:100%}.ast-style-guide-wrapper .site-branding.ast-site-identity .site-logo-img{order:2;padding-right:0}.ast-style-guide-wrapper .site-branding.ast-site-identity .site-logo-img .sticky-custom-logo{display:none}.ast-style-guide-wrapper .site-branding.ast-site-identity .ast-site-title-wrap{order:1;margin-bottom:1em;text-align:center;position:relative;width:100%;padding-bottom:1.5em}.ast-style-guide-wrapper .site-branding.ast-site-identity .ast-site-title-wrap .site-description,.ast-style-guide-wrapper .site-branding.ast-site-identity .ast-site-title-wrap .site-title{display:block!important}.ast-style-guide-wrapper .site-branding.ast-site-identity .ast-site-title-wrap::after{content:"";height:1px;background-color:#bbb;width:80%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style-guide.min.css

Server Info

System Features

User Info