mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Move some base styles to classes in layout
This commit is contained in:
parent
9755505d8d
commit
ed1f632d7a
@ -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 {
|
||||
|
||||
@ -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">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user