friends-of-mineral-town/blog/themes/mineral/static/css/mineral.css

89 lines
1.4 KiB
CSS
Raw Permalink Normal View History

/* post styles */
article p img {
width: 100%;
}
/* pagination styles */
.pagination {
display: flex;
list-style: none;
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
margin: 20px -1px;
padding: 0;
justify-content: center;
}
.page-item {
position: relative;
display: block;
padding: 0.5em;
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
margin: 0.15em;
line-height: 1.25;
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
border: 1px dashed #6c757d;
background: #fff;
}
.page-item.active {
background: #1EAEDB;
}
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
.page-item.active {
color: #fff;
}
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
.page-item.disabled {
color: #6c757d;
pointer-events: none;
cursor: auto;
}
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
/* automatically hyphenate long words in summaries on list pages */
.summary {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
img.heading {
width: 100%;
}
div.preview {
width: 100%;
height: 12rem;
overflow: hidden;
}
img.preview {
width: 100%;
height: 12rem;
object-fit: cover;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
@media (max-width: 420px) {
/* hide some pagination links on mobile-width views */
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
.mobile-hidden {
display: none;
}
.page-item {
margin: 0.08em;
}
}
@media (max-width: 550px) {
/* hide some pagination links on tablet-width views */
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
.tablet-hidden {
display: none;
}
/* enlarge article thumbnail on smaller views */
div.preview {
height: 20rem;
}
img.preview {
height: 20rem;
}
develop/blog/posts (#4) fix(tag): lowercase feat(theme): dividing horizontal line between posts on lists feat(post): k680t images and links feat(post): hhkb images and links fix(images): cropped aj11cmft low bred fix(posts): spell checked style(posts): whitespace no more 80char line width limit on blog post files bc my text editors know how to word-wrap feat(posts): added stock photos fix(posts): whitespace feat(posts): jojo vans, hori mini pad, arizona superstars, k680t update(schedule): blog post feat(posts): 85hi and ysl college feat(post): neverfull fix(footer): line break make the site copyright block slightly more visually consistent across views feat(pagination): responsive styles - removed linkless ellipses between page numbers and next/previous links - hide first/previous/next/last text labels on smaller views - hide non active page specific links on even smaller views fix(about): stylized email to allow for linebreaks instead of one continuous whitespaceless string, the email address is broken up so that the text will flow properly on smaller views fix(footer): layout alignment add half width column class to nav and removed inline styles feat(styles): shrank skeleton's typography reduced heading sizes to make them more compatible with smaller displays refactor(config.toml): whitespace feat(permalinks): use post title, not filename hides the "ordering" prefix refactor(category): "input hardware" -> "hardware" feat(drafts): marked incomplete posts as drafts marked via hugo/md post headers note(schedule): textfile noting blog post queue order just for reference fix(post): typo in file name refactor(posts): rename md files with post order prefix purely for internal/developmental organizational purposes (because hugo decides post order based on post dates) draft(posts): a lot of empty files or notes Co-authored-by: steven-y-e <steven@mineral.town> Reviewed-on: http://irie.clinic.homo.casa/steven-y-e/friends-of-mineral-town/pulls/4 Co-Authored-By: steven <steven-y-e@noreply.localhost> Co-Committed-By: steven <steven-y-e@noreply.localhost>
2021-09-29 15:33:16 -04:00
}