0 MAJOR=4 MINOR=65 DEVNAME=ttyS1 ,ˆl–ί=ΏJ΅5*q@½p@ΈΫJbΡΏΒ … αeα_†I|₯‚!ΒΑ?χ@charset "UTF-8"; /** * * Prefix everything * Name descriptively * Structure radically * * CSS Structure * css/ * β”œβ”€ admin/ * β”‚ β”œβ”€ base.scss * β”‚ β”œβ”€ layout.scss * β”‚ β”œβ”€ modules/ * β”‚ β”‚ β”œβ”€ modal.scss * β”‚ β”‚ β”œβ”€ button.scss * β”‚ β”‚ β”œβ”€ modal.scss * β”‚ β”‚ β”œβ”€ notices.scss * β”‚ β”‚ β”œβ”€ tips-and-tricks.scss * β”‚ β”‚ β”œβ”€ etc..... * β”‚ β”œβ”€ states.scss * β”‚ β”œβ”€ theme.scss * β”œβ”€ admin.scss * β”œβ”€ admin.min.css * β”œβ”€ admin.css * β”œβ”€ variables.scss * */ :root { --rsp-spacing-xxs: 5px; --rsp-spacing-xs: 10px; --rsp-spacing-s: 15px; --rsp-spacing-m: 20px; --rsp-spacing-l: 25px; --rsp-spacing-xl: 30px; --rsp-grid-margin: var(--rsp-spacing-s); --rsp-grid-gap: var(--rsp-spacing-m); --rsp-border-radius: 12px; --rsp-border-radius-s: 8px; --rsp-border-radius-xs: 3px; --rsp-border: 1px solid var(--rsp-border-color); --rsp-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; --rsp-box-shadow-dark: rgba(0, 0, 0, 0.2) 0px 4px 6px -1px, rgba(0, 0, 0, 0.12) 1px 0px 4px 1px; --rsp-border-color: #dfdfdf; --rsp-black: #333; --rsp-white: #fff; --rsp-yellow: #fbc43e; --rsp-blue: #009fff; --rsp-dark-yellow: #e6a800; --rsp-dark-blue: #1E73BE; --rsp-green: #2e8a37; --rsp-red: #D7263D; --rsp-dark-red: #9b0212; --rsp-pink: #E35899; --rsp-wp-blue: #007cba; --rsp-yellow-faded: #fdf4df; --rsp-blue-faded: #ecf8fe; --rsp-dark-blue-faded: #ebf2f9; --rsp-green-faded: #ecf4ed; --rsp-red-faded: #fbebed; --rsp-pink-faded: #fceff5; --rsp-wp-blue-faded: #c6e0ef; --rsp-metricool-plugin-color: #f87fdd; --rsp-background-block-color: var(--rsp-white); --rsp-background-color: #f0f0f1; --rsp-input-background-color: #fff; --rsp-input-text-color: var(--rsp-text-color); --rsp-input-border-color: var(--rsp-grey-400); --rsp-text-color: rgba(26, 26, 26, 0.9); --rsp-text-color-invert: rgba(255, 255, 255, 0.9); --rsp-text-color-white: rgba(255, 255, 255, 0.9); --rsp-text-color-light: rgba(69, 69, 82, 0.9); --rsp-text-color-hover: var(--rsp-green); --rsp-grey-100: #fafafa; --rsp-grey-200: #f7f7f7; --rsp-grey-300: #ededed; --rsp-grey-400: #c6c6c6; --rsp-grey-500: #737373; --rsp-grey-600: #696969; --rsp-color-success: var(--rsp-green); --rsp-color-error: var(--rsp-red); --rsp-color-warning: var(--rsp-yellow); --rsp-color-open: var(--rsp-yellow); --rsp-color-disabled: var(--rsp-grey-300); --rsp-fs-100: 0.6875rem; --rsp-fs-200: 0.75rem; --rsp-fs-300: 0.8125rem; --rsp-fs-400: 0.875rem; --rsp-fs-500: 1rem; --rsp-fs-600: 1.125rem; --rsp-fs-700: 1.25rem; --rsp-fs-800: 1.5rem; --rsp-fs-850: 2.8rem; --rsp-fs-900: 3.5rem; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .rsssl { font-variant-numeric: tabular-nums; margin: 0; margin-left: -20px; font-size: var(--rsp-fs-300); box-sizing: border-box; color: var(--rsp-text-color); font-weight: 400; line-height: 1.5; } @media only screen and (max-width: 768px) { .rsssl { margin-left: -9px; } } .rsssl *, .rsssl *:before, .rsssl *:after { box-sizing: inherit; } .rsssl body, .rsssl h1, .rsssl h2, .rsssl h3, .rsssl h4, .rsssl h5, .rsssl h6, .rsssl p, .rsssl ol, .rsssl ul { margin: 0; padding: 0; } .rsssl img { max-width: 100%; height: auto; } .rsssl h1, .rsssl h2, .rsssl h3, .rsssl h4, .rsssl h5, .rsssl h6 { color: var(--rsp-text-color); line-height: 1.5; } .rsssl .rsssl-h0 { font-size: var(--rsp-fs-900); font-weight: 700; letter-spacing: 0.025rem; } .rsssl h1, .rsssl .rsssl-h1 { font-size: var(--rsp-fs-800); line-height: 1.5; font-weight: 500; letter-spacing: 0.025rem; } .rsssl h2, .rsssl .rsssl-h2 { font-size: