Skip to content

Commit

Permalink
load all CSS that I can in line
Browse files Browse the repository at this point in the history
  • Loading branch information
datapolitical committed Jul 15, 2023
1 parent e96c057 commit 83f14f4
Show file tree
Hide file tree
Showing 3 changed files with 3 additions and 4 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/critical.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ name: critical CSS
on:
push:
branches:
- master
- disabled

jobs:
crittr:
Expand Down
3 changes: 2 additions & 1 deletion _includes/critical.scss
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
@font-face{font-family:PublicSans;src:url("/assets/fonts/PublicSans.ttf") format("truetype supports variations"),url("/assets/fonts/PublicSans.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:fallback}@font-face{font-family:PublicSans;src:url("/assets/fonts/PublicSans-Italic.ttf") format("truetype supports variations"),url("/assets/fonts/PublicSans-Italic.ttf") format("truetype-variations");font-weight:100 900;font-style:italic;font-display:fallback}@font-face{font-family:Urbanist;src:url("/assets/fonts/Urbanist.ttf") format("truetype supports variations"),url("/assets/fonts/Urbanist.ttf") format("truetype-variations");font-weight:100 900;font-style:normal}@font-face{font-family:Quicksand;src:url("/assets/fonts/Quicksand-VariableFont_wght.ttf") format("truetype supports variations"),url("/assets/fonts/Quicksand-VariableFont_wght.ttf") format("truetype-variations");font-weight:300 700;font-style:normal}@font-face{font-family:Raleway;src:url("/assets/fonts/Raleway-VariableFont_wght.ttf") format("truetype supports variations"),url("/assets/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:fallback}body,html{padding:0;margin:0;-webkit-text-size-adjust:none}body{background:#0a0a0a;color:#fffffe;font-family:PublicSans,Helvetica,system-ui,sans-serif;font-weight:200;font-size:16px;line-height:1.6;margin:0;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}h3{font-weight:400;margin-top:.3em;margin-bottom:.3em}p{text-align:left;margin-top:.75rem;margin-bottom:.75rem;font-weight:200}a{color:#68f;text-decoration:inherit}aside a{color:inherit}hr{border:1px solid rgba(133,133,132,.3);margin:2em 0}img{margin:.5em 0;border-radius:2px;max-width:100%;height:auto}.title{font-size:1.4em}.no-split{display:inline-block}article{flex-grow:1}body>article{padding:.75rem 1.5rem}nav{margin:0;display:inline-block}nav a{margin:.5em .75em}.header nav{display:flex;justify-content:center;align-content:space-between}nav.header-photo{padding-top:2vh}nav.header-links{margin:0}.profile-photo{border-radius:50%!important;width:17vh!important;height:17vh!important;border:.25em solid #fff!important;margin:0!important}.my-net-diary{color:#49d6ea!important}p.main-divider{margin-bottom:.75rem}p.main-divider+hr{height:.025rem;margin-top:-.25rem;margin-bottom:-.25rem;color:#fffffe;width:50%}div.reading_list{color:#fffffe}div.reading_list br{line-height:1rem}div.reading_list .break{line-height:1.5rem}div.reading_list .title{font-size:.9em;max-width:20em;margin-bottom:-.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}div.reading_list .title a{color:#29b6f6}div.reading_list .domain{max-width:19em;overflow:hidden;text-overflow:ellipsis;font-size:.8em}.recently-read{margin-top:.75rem;margin-bottom:.75rem}@media (min-width:768px){body>article{padding:1.75em calc(40% - 17em);padding-top:1em;padding-bottom:0}}@media only screen and (min-width:768px){.header nav{display:flex;align-content:center;justify-content:space-between}.profile-photo{border-radius:50%!important;width:9vw!important;height:9vw!important;border:.5vw solid #fff!important;margin:0!important}html{padding:.25em 0 0}body{font-size:1.25vw;margin:0 0 0 14vw;max-width:inherit}body>article{margin:0 5em;padding:2em 0;max-width:50em}aside{display:block!important;position:fixed;vertical-align:middle;overflow:auto;background:#050505;color:#fff;padding:2em;width:12vw;top:0;bottom:0;left:0}aside nav{display:block!important}aside nav a{display:inline-block!important}nav{margin:0}nav a{display:block;margin:0;padding:.5em 1vw}nav a.title{padding:0;margin-left:0}p.main-divider+hr{height:2px;border:0;margin-top:0;margin-bottom:0;background-color:rgba(133,133,132,.14)}}@media only screen and (prefers-color-scheme:dark){body{background:#0a0a0a;color:#fffffe}}@media print{a{text-decoration:none;color:#000}body{font-size:.8em;color:#000}nav.header-links{display:none}}
// Import partials for critical css content
@import "sitewide", "menu", "sidebar", "homepage", "reading-list", "post", "recipes", "recipe", "print", "comments", "drinks", "drink", "crossword";
2 changes: 0 additions & 2 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,6 @@
<meta name="author" content="{{ page.author | default: site.author | escape }}">
<meta name="generator" content="Jekyll v{{ jekyll.version }}">
<link rel="canonical" href="{{ page.url | absolute_url }}">
<link rel="preload" href="{{ "/assets/css/stylesheet.css" | relative_url }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ "/assets/css/stylesheet.css" | relative_url }}"></noscript>
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<style>{% capture sass_critical %}{% include critical.scss %}{% endcapture %}{% if site.show_critical_css %}{{ sass_critical }}{% endif %}</style>
Expand Down

0 comments on commit 83f14f4

Please sign in to comment.