Vivid-Casper/assets/css/global.css

480 lines
6.2 KiB
CSS
Raw Normal View History

2017-05-15 20:03:47 +00:00
/* Reset
/* ---------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
img {
display: block;
2017-05-15 20:03:47 +00:00
max-width: 100%;
2021-03-03 20:44:25 +00:00
height: auto;
2017-05-15 20:03:47 +00:00
}
html {
box-sizing: border-box;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
b,
strong {
font-weight: bold;
}
2017-06-08 07:19:22 +00:00
i,
em,
2017-05-15 20:03:47 +00:00
dfn {
font-style: italic;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
2017-06-08 07:19:22 +00:00
mark {
background-color: #fdffb6;
}
2017-05-15 20:03:47 +00:00
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
2022-01-03 04:08:16 +00:00
kbd {
padding: 3px 5px;
font-family: var(--font-mono);
font-size: 1.5rem;
background: #f6f8fa;
border: 1px solid rgba(124, 139, 154, 0.25);
border-radius: 6px;
box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
}
@media (max-width: 600px) {
kbd {
font-size: 1.3rem;
}
}
2017-05-15 20:03:47 +00:00
button,
input,
optgroup,
select,
textarea {
margin: 0; /* 3 */
color: inherit; /* 1 */
font: inherit; /* 2 */
}
button {
overflow: visible;
border: none;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 3 */
-webkit-appearance: button; /* 2 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input:focus {
outline: none;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
box-sizing: content-box; /* 2 */
-webkit-appearance: textfield; /* 1 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
padding: 0; /* 2 */
border: 0; /* 1 */
}
textarea {
overflow: auto;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
2022-05-16 05:41:54 +00:00
color: var(--color-darkgrey);
font-family: var(--font-sans);
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
font-size: 1.6rem;
2017-05-15 20:03:47 +00:00
line-height: 1.6em;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
text-rendering: optimizeLegibility;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
}
::selection {
text-shadow: none;
2021-03-02 01:34:12 +00:00
background: #daf2fd;
2017-05-15 20:03:47 +00:00
}
hr {
2017-06-08 07:19:22 +00:00
position: relative;
2017-05-15 20:03:47 +00:00
display: block;
2017-06-08 07:19:22 +00:00
width: 100%;
margin: 2.5em 0 3.5em;
2017-05-15 20:03:47 +00:00
padding: 0;
height: 1px;
border: 0;
2021-03-02 01:34:12 +00:00
border-top: 1px solid #f0f0f0;
2017-05-15 20:03:47 +00:00
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
textarea {
resize: vertical;
}
2021-03-07 02:54:43 +00:00
::not(.gh-content) p,
::not(.gh-content) ul,
::not(.gh-content) ol,
::not(.gh-content) dl,
::not(.gh-content) blockquote {
2017-05-15 20:03:47 +00:00
margin: 0 0 1.5em 0;
}
ol,
ul {
padding-left: 1.3em;
2017-06-08 07:19:22 +00:00
padding-right: 1.5em;
2017-05-15 20:03:47 +00:00
}
ol ol,
ul ul,
ul ol,
ol ul {
margin: 0.5em 0 1em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul,
ol {
max-width: 100%;
}
2017-05-15 20:03:47 +00:00
li {
padding-left: 0.3em;
2017-05-15 20:03:47 +00:00
line-height: 1.6em;
}
li + li {
margin-top: 0.5em;
}
2017-05-15 20:03:47 +00:00
dt {
float: left;
margin: 0 20px 0 0;
width: 120px;
2021-03-02 01:34:12 +00:00
color: #daf2fd;
2017-05-15 20:03:47 +00:00
font-weight: 500;
text-align: right;
}
dd {
margin: 0 0 5px 0;
text-align: left;
}
blockquote {
2017-05-31 18:09:50 +00:00
margin: 1.5em 0;
2017-05-15 20:03:47 +00:00
padding: 0 1.6em 0 1.6em;
2021-03-02 01:34:12 +00:00
border-left: #daf2fd;
2017-05-15 20:03:47 +00:00
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
opacity: 0.8;
}
/* Quotation marks */
blockquote small:before {
content: "\2014 \00A0";
}
blockquote cite {
font-weight: bold;
}
blockquote cite a {
font-weight: normal;
}
a {
2021-03-02 01:34:12 +00:00
color: #15171A;
2017-05-15 20:03:47 +00:00
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
line-height: 1.15;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
font-weight: 600;
2017-05-15 20:03:47 +00:00
text-rendering: optimizeLegibility;
2021-03-01 01:10:09 +00:00
letter-spacing: -0.01em;
2017-05-15 20:03:47 +00:00
}
h1 {
margin: 0 0 0.5em 0;
2021-03-03 20:44:25 +00:00
font-size: 4.8rem;
2021-03-01 01:10:09 +00:00
font-weight: 700;
letter-spacing: -0.015em;
2017-05-15 20:03:47 +00:00
}
2021-03-01 01:10:09 +00:00
@media (max-width: 600px) {
2017-05-15 20:03:47 +00:00
h1 {
font-size: 2.8rem;
2017-05-15 20:03:47 +00:00
}
}
h2 {
margin: 1.5em 0 0.5em 0;
2021-03-01 01:10:09 +00:00
font-size: 2.8rem;
font-weight: 700;
2017-05-15 20:03:47 +00:00
}
2021-03-01 01:10:09 +00:00
@media (max-width: 600px) {
2017-05-15 20:03:47 +00:00
h2 {
font-size: 2.3rem;
2017-05-15 20:03:47 +00:00
}
}
h3 {
margin: 1.5em 0 0.5em 0;
2021-03-12 13:25:37 +00:00
font-size: 2.4rem;
font-weight: 600;
2017-05-15 20:03:47 +00:00
}
2021-03-01 01:10:09 +00:00
@media (max-width: 600px) {
2017-05-15 20:03:47 +00:00
h3 {
font-size: 1.7rem;
}
}
h4 {
margin: 1.5em 0 0.5em 0;
font-size: 2rem;
2017-05-15 20:03:47 +00:00
}
2021-11-25 02:44:09 +00:00
@media (max-width: 600px) {
h4 {
font-size: 1.7rem;
}
}
2017-05-15 20:03:47 +00:00
h5 {
margin: 1.5em 0 0.5em 0;
2021-03-12 13:25:37 +00:00
font-size: 2rem;
2017-05-15 20:03:47 +00:00
}
h6 {
margin: 1.5em 0 0.5em 0;
2021-03-12 13:25:37 +00:00
font-size: 1.8rem;
2017-05-15 20:03:47 +00:00
}