mirror of
https://github.com/kevin-DL/services.git
synced 2026-01-22 07:15:25 +00:00
Autogenerate services.m3o.com (#37)
* Autogenerate services.m3o.com * Openapi for all * Gen * Fix * Whaat * Fix dep * Fix * Hmm * Install make * Debug * Debug 1 * Location -> locations * Fix * Intall protoc gen micro * F * F * F * Push * Rename secret * Fix npm install * Fix script * Fix v2 * Ignore errors * Ignore v2 * F * F * F * Docs index * Add hugo theme * Hugo tania fixes * Change gen * Change gen 2 * Install hugo * Change gen * Gen fix * Change hugo install * Change hugo install * CNAME * Change articles wording * Tiny fix * Fix gen * Redoc it all * Fix gen * Fixing up protos * Fix proto * Fix gen * Fix * Trigger build * Fix copy * Openapi docs * Flatten * Changes * No date vol2 * Changes * Add make to chat * Fixes * Change * api spec * replace RSS * fix link * Dont continue on error * increase the width * use micro at master * change box colours * move some things * Pushing new readmes to see how they look like * Add skip file * Readmes * Nicer api link * Remove stutter * FIx mistake * set service font weight * Messages readme fix * add other font bold * Notes * Remove post from url * Revert "Remove post from url" This reverts commit 5fea2c23d0bafa910f5dc4d4cc63f71f578530e3. * move exampleSite to site * replace exampleSite with site * update readme * use filename for post * update index * Add source urls * set source as params * set source as params * Fix entries * Generator in go * Fixes to generator * F * Change doc gen * FIx cname * Fixing protos * Change to makefiles * Fix gen script Co-authored-by: Asim Aslam <asim@aslam.me>
This commit is contained in:
173
docs/hugo-tania/assets/sass/components/_post.scss
Normal file
173
docs/hugo-tania/assets/sass/components/_post.scss
Normal file
@@ -0,0 +1,173 @@
|
||||
/* Post */
|
||||
|
||||
header {
|
||||
padding: 1.5rem 0;
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
u {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
padding: 0.4rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.article-header {
|
||||
padding-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
.container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
font-size: 1.8rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 1.2rem;
|
||||
color: var(--light-font-color);
|
||||
font-weight: 300;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
margin-top: 1rem;
|
||||
padding: 0;
|
||||
color: var(--light-font-color);
|
||||
font-size: 0.9rem;
|
||||
|
||||
a {
|
||||
color: var(--font-color);
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
time {
|
||||
margin-top: 0.2rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.tags {
|
||||
margin-top: 0.5rem;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-post {
|
||||
margin-bottom: 2rem;
|
||||
|
||||
a {
|
||||
box-shadow: 0px -2px 0px rgba(189, 195, 199, 0.5) inset;
|
||||
transition: all .3s ease;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0px -10px 0px rgba(189, 195, 199, 0.7) inset;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 6 {
|
||||
h#{$i} {
|
||||
.anchor {
|
||||
stroke: var(--link-color);
|
||||
stroke-width: 1px;
|
||||
fill: var(--link-color);
|
||||
font-weight: 700;
|
||||
left: -0.25rem;
|
||||
border-width: 0;
|
||||
float: left;
|
||||
line-height: 1;
|
||||
margin-left: -20px;
|
||||
padding-right: 4px;
|
||||
box-shadow: none;
|
||||
transition: none;
|
||||
|
||||
.icon {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.anchor {
|
||||
box-shadow: none;
|
||||
.icon {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
.article-post {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.article-post h1,
|
||||
.article-post h2,
|
||||
.article-post h3,
|
||||
.article-post h4,
|
||||
.article-post h5 {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
margin-top: 1.5rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 3rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
header u {
|
||||
background: linear-gradient(transparent 85%, #bac8ff 0);
|
||||
}
|
||||
|
||||
.article-header {
|
||||
padding-top: 3rem;
|
||||
|
||||
h1 {
|
||||
padding-top: 0;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px) {
|
||||
.article-header h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.post-thumbnail {
|
||||
display: block !important;
|
||||
}
|
||||
Reference in New Issue
Block a user