mirror of
https://github.com/danpros/htmly.git
synced 2026-04-19 03:56:21 +05:30
Add new theme
Based on Tailwind Starter Blog theme, see https://github.com/timlrx/tailwind-nextjs-starter-blog
This commit is contained in:
parent
cb7a8a6be2
commit
4abd8b29f4
30 changed files with 4494 additions and 36 deletions
144
themes/tailwind/css/style.css
Normal file
144
themes/tailwind/css/style.css
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
.pr-6 {
|
||||
padding-right:1.5rem
|
||||
}
|
||||
|
||||
.anchor svg {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.dark .toc-wrapper {
|
||||
background-color: var(--tw-prose-pre-bg)!important;
|
||||
border-color: rgb(55 65 81/var(--tw-divide-opacity))!important;
|
||||
}
|
||||
|
||||
.light .toc-wrapper {
|
||||
border-color: rgb(229 231 235/var(--tw-divide-opacity))!important;
|
||||
}
|
||||
|
||||
.toc-wrapper a, .related-posts a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.toc-link a {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.toc-link:hover a{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
margin-right: .75rem;
|
||||
}
|
||||
|
||||
.category a {
|
||||
margin-right: .1rem;
|
||||
}
|
||||
|
||||
.category {
|
||||
line-height:3.2rem;
|
||||
}
|
||||
|
||||
.read-more {
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
.nav-top li {
|
||||
display:inline-block;
|
||||
margin-left: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.nav-mobile li{
|
||||
outline-width: 0;
|
||||
outline-style: solid;
|
||||
letter-spacing: .1em;
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: .5rem;
|
||||
padding-bottom: .5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.menu-mobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.nav-top {
|
||||
display:none;
|
||||
}
|
||||
.is-menu-open .menu-mobile {
|
||||
display:block!important;
|
||||
}
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.is-search-open .search-form {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
color:rgb(190 24 93);
|
||||
}
|
||||
|
||||
|
||||
.dark .tags a:hover {
|
||||
color:rgb(244 114 182);
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
position:relative;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.nav li > ul {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.footnotes {
|
||||
margin-top:0;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.footnotes ol {
|
||||
margin-bottom:0;
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
.footnotes > hr {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.thumb-icon {
|
||||
background: rgba(0,0,0,0.7);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
margin-bottom: -16px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-transition: all 0.7s ease;
|
||||
-webkit-transition: all 0.7s ease;
|
||||
transition: all 0.7s ease;
|
||||
}
|
||||
|
||||
.thumb-icon svg {
|
||||
margin: 1px 0 0 2px;
|
||||
}
|
||||
|
||||
.thumbnail:hover .thumb-icon {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue