mirror of
https://gitea.com/gitea/blog.git
synced 2024-06-02 04:31:24 +05:30
delete unused
This commit is contained in:
parent
f3a4d5a791
commit
dc2ea4df07
|
@ -1,21 +0,0 @@
|
|||
import React from "react"
|
||||
import style from "./styles.module.css"
|
||||
import clsx from "clsx"
|
||||
|
||||
export const Subtitle = ({
|
||||
children,
|
||||
center,
|
||||
size = "medium",
|
||||
className = "",
|
||||
}) => (
|
||||
<p
|
||||
className={clsx(
|
||||
style.root,
|
||||
{ [style.center]: center },
|
||||
style[`size-${size}`],
|
||||
className,
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
</p>
|
||||
)
|
|
@ -1,16 +0,0 @@
|
|||
.root {
|
||||
font-size: var(--font-size-big-2);
|
||||
font-weight: var(--ifm-font-weight-normal);
|
||||
color: var(--palette-pale-blue);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 996px) {
|
||||
.root.size-medium {
|
||||
font-size: var(--font-size-large);
|
||||
}
|
||||
}
|
|
@ -1,23 +0,0 @@
|
|||
import React from "react"
|
||||
import style from "./styles.module.css"
|
||||
import clsx from "clsx"
|
||||
|
||||
export const Title = ({
|
||||
level = 2,
|
||||
children,
|
||||
center,
|
||||
size = "medium",
|
||||
className,
|
||||
}) =>
|
||||
React.createElement(
|
||||
`h${level}`,
|
||||
{
|
||||
className: clsx(
|
||||
style.root,
|
||||
{ [style.center]: center },
|
||||
style[`size-${size}`],
|
||||
className,
|
||||
),
|
||||
},
|
||||
children,
|
||||
)
|
|
@ -1,32 +0,0 @@
|
|||
.root {
|
||||
font-size: var(--font-size-big-3);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.size-small {
|
||||
font-size: var(--font-size-big-2);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
.root {
|
||||
font-size: var(--font-size-big-4);
|
||||
}
|
||||
|
||||
.size-small {
|
||||
font-size: var(--font-size-big-3);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) {
|
||||
.root {
|
||||
font-size: var(--font-size-big-5);
|
||||
}
|
||||
|
||||
.size-small {
|
||||
font-size: var(--font-size-big-4);
|
||||
}
|
||||
}
|
|
@ -2,9 +2,6 @@ import React from "react"
|
|||
import style from "./styles.module.css"
|
||||
import clsx from "clsx"
|
||||
|
||||
import { Title } from "./Title"
|
||||
import { Subtitle } from "./Subtitle"
|
||||
|
||||
export const Section = ({
|
||||
fullWidth,
|
||||
children,
|
||||
|
@ -32,6 +29,3 @@ export const Section = ({
|
|||
{children}
|
||||
</div>
|
||||
)
|
||||
|
||||
Section.Title = Title
|
||||
Section.Subtitle = Subtitle
|
||||
|
|
Loading…
Reference in a new issue