Skip to content

Instantly share code, notes, and snippets.

@evdama

evdama/template.html

Last active July 29, 2019 11:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save evdama/2df1c8779e0611987dcb695660f5e1cf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save evdama/2df1c8779e0611987dcb695660f5e1cf to your computer and use it in GitHub Desktop.
Download ZIP
tailwind container usage
Raw
template.html
<!DOCTYPE html>
<html lang="en" class="min-h-full text-one antialiased font-family-one text-sm md:text-base bg-one" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="theme-color" content="#ffffff" />
%sapper.base%
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,400,700,900|Roboto:200,400,700,900&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="global.css" />
<link rel="manifest" href="manifest.json" />
<link id="favicon" rel="icon" href="favicon.png" type="image/png" sizes="16x16" />
<!-- Sapper generates a <style> tag containing critical CSS
for the current page. CSS for the rest of the app is
lazily loaded when it precaches secondary pages -->
%sapper.styles%
<!-- This contains the contents of the <svelte:head> component, if
the current page has one -->
%sapper.head%
</head>
<body>
<!-- The application will be rendered inside this element,
because `app/client.js` references it -->
<div class="container sm:mt-2 md:mt-4">
<div id="sapper" class="min-h-screen flex flex-col">%sapper.html%</div>
</div>
<!-- Sapper creates a <script> tag containing `app/client.js`
and anything else it needs to hydrate the app and
initialize the router -->
%sapper.scripts%
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment