Move some base styles to classes in layout

This commit is contained in:
Adam Wathan 2017-10-21 17:15:00 -04:00
parent 9755505d8d
commit ed1f632d7a
2 changed files with 2 additions and 40 deletions

View File

@ -1,54 +1,16 @@
@tailwind reset;
html {
@apply .bg-brand-soft;
font-size: 12px;
// Changes the default tap highlight to be completely transparent in iOS.
-webkit-tap-highlight-color: rgba(0,0,0,0);
// -webkit-font-smoothing: antialiased;
@media (min-width: 420px) {
font-size: 16px;
}
}
*,
*::before,
*::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
@apply .font-sans;
@apply .text-base;
@apply .font-normal;
@apply .text-slate-darker;
line-height: 1.5;
}
pre, code {
@apply .font-mono;
}
img {
vertical-align: middle;
}
a {
color: inherit;
text-decoration: none;
&:hover {
@apply .underline;
}
}
svg {
fill: currentColor;
}
ol, ul {

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" class="bg-brand-soft antialiased">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -12,7 +12,7 @@
<link rel="stylesheet" href="/css/main.css">
<script type="text/javascript" src="/js/prism.js" defer=""></script>
</head>
<body>
<body class="font-sans font-normal text-slate-darker leading-normal">
<div class="h-screen flex">
<div class="bg-white w-full max-w-xs flex-none overflow-scroll-y p-8 border-r-2 border-smoke">
<div class="flex items-center mb-8">