81 lines
2.0 KiB
CSS
81 lines
2.0 KiB
CSS
@import "base";
|
|
@import "archive";
|
|
@import "article";
|
|
@import "avatar";
|
|
@import "comment-respond";
|
|
@import "comment";
|
|
@import "comments";
|
|
@import "content";
|
|
@import "excerpt";
|
|
@import "footer";
|
|
@import "icon";
|
|
@import "link";
|
|
@import "logo";
|
|
@import "menu";
|
|
@import "metadata";
|
|
@import "nav";
|
|
@import "page";
|
|
@import "pagination";
|
|
@import "search";
|
|
@import "silhouette";
|
|
@import "social";
|
|
@import "title";
|
|
|
|
body {
|
|
--space-xxs: 0.25rem;
|
|
--space-xs: 0.5rem;
|
|
--space-sm: 1rem;
|
|
--space-md: 2rem;
|
|
--space-lg: 4rem;
|
|
--base-line-height: 1.625;
|
|
--base-font-size: 1.125rem;
|
|
--size-heading-1: 2rem;
|
|
--size-heading-2: 1.8rem;
|
|
--size-heading-3: 1.6rem;
|
|
--size-heading-4: 1.424rem;
|
|
--size-heading-5: 1.267rem;
|
|
--size-heading-6: 1.125rem;
|
|
--size-body: 1rem;
|
|
--size-body-small: 0.889rem;
|
|
--size-body-extra-small: 0.79rem;
|
|
--logo-size-sm: 7rem;
|
|
--logo-size-md: 9rem;
|
|
--logo-size-lg: 10rem;
|
|
--logo-size-xl: 12rem;
|
|
--icon-size-xxs: 0.7rem;
|
|
--icon-size-xs: 1rem;
|
|
--icon-size-sm: 1.5rem;
|
|
--icon-size-md: 2rem;
|
|
--icon-size-lg: 2.5rem;
|
|
--icon-size-xl: 4rem;
|
|
--menu-size: 3rem;
|
|
--menu-size-xl: 4rem;
|
|
--transition-fs: 0.15s;
|
|
--transition-md: 0.3s;
|
|
--transition-sl: 0.6s;
|
|
--heading-font-family: "Raleway", sans-serif;
|
|
--body-font-family: "Open Sans", sans-serif;
|
|
}
|
|
|
|
.theme-light {
|
|
--color-black: #000;
|
|
--color-near-black: #333;
|
|
--color-dark-blue: #201f42;
|
|
--color-light-blue: #1574d2;
|
|
--color-pale-blue: #e9f4ff;
|
|
--color-grey: #757575;
|
|
--color-light-grey: #e0e0e0;
|
|
--color-facebook: #3e5a98;
|
|
--color-twitter: #1da1f2;
|
|
--color-rss: #ee802f;
|
|
--link-focus: 0 0.1rem 0 0 var(--color-light-blue);
|
|
--image-focus: 0 0 0 0.2rem #fff, 0 0 0 0.4rem var(--color-light-blue);
|
|
--bullet-size: 0.45rem;
|
|
}
|
|
|
|
@custom-media --viewport-sm (min-width: 30em);
|
|
@custom-media --viewport-md (min-width: 40em);
|
|
@custom-media --viewport-lg (min-width: 60em);
|
|
@custom-media --viewport-xl (min-width: 75em);
|
|
@custom-media --viewport-wordpress-admin-bar (min-width: 783px);
|