chore: fix vitepress base css compatibility
This commit is contained in:
Sagi
parent
1ca866a44d
commit
5040805453
|
|
@ -1,39 +1,40 @@
|
|||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
line-height: 1.4;
|
||||
font-size: 16px;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
line-height: 1.4;
|
||||
font-size: 16px;
|
||||
text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
html.dark {
|
||||
color-scheme: dark;
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
line-height: 24px;
|
||||
font-family: var(--vp-font-family-base);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--vp-c-text-1);
|
||||
background-color: var(--vp-c-bg) !important;
|
||||
direction: ltr;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
line-height: 24px;
|
||||
font-family: var(--vp-font-family-base);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--vp-c-text-1);
|
||||
background-color: var(--vp-c-bg) !important;
|
||||
direction: ltr;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
@ -42,19 +43,19 @@ h3,
|
|||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
strong,
|
||||
b {
|
||||
font-weight: 600;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -81,30 +82,30 @@ label,
|
|||
select,
|
||||
summary,
|
||||
textarea {
|
||||
touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: var(--vp-font-family-mono);
|
||||
font-family: var(--vp-font-family-mono);
|
||||
}
|
||||
|
||||
img,
|
||||
|
|
@ -115,18 +116,18 @@ audio,
|
|||
iframe,
|
||||
embed,
|
||||
object {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
button,
|
||||
|
|
@ -134,82 +135,83 @@ input,
|
|||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 0;
|
||||
font-family: inherit;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
padding: 0;
|
||||
font-family: inherit;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
button,
|
||||
[role='button'] {
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 1px dotted;
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
outline: 1px dotted;
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
select:focus {
|
||||
outline: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
color: var(--vp-c-text-3);
|
||||
color: var(--vp-c-text-3);
|
||||
}
|
||||
|
||||
input::-ms-input-placeholder,
|
||||
textarea::-ms-input-placeholder {
|
||||
color: var(--vp-c-text-3);
|
||||
color: var(--vp-c-text-3);
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: var(--vp-c-text-3);
|
||||
color: var(--vp-c-text-3);
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type='number'] {
|
||||
-moz-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ import Button from '../../../components/button';
|
|||
import ButtonEdit from '../../../components/button-edit';
|
||||
import Section from '../../../components/section';
|
||||
import Switch from '../../../components/switch';
|
||||
import Tabs from '../../../components/tabs';
|
||||
// import DefaultTheme from 'vitepress/theme';
|
||||
import FarrisTheme from '../farris-theme';
|
||||
import 'vitepress-theme-demoblock/theme/styles/index.css';
|
||||
|
|
@ -15,7 +16,7 @@ export default {
|
|||
// ...DefaultTheme,
|
||||
...FarrisTheme,
|
||||
enhanceApp({ app }) {
|
||||
app.use(Accordion).use(Button).use(ButtonEdit).use(Section).use(Switch);
|
||||
app.use(Accordion).use(Button).use(ButtonEdit).use(Section).use(Switch).use(Tabs);
|
||||
registerComponents(app);
|
||||
}
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in New Issue