Commit graph

34 commits

Author SHA1 Message Date
Jimmy Cai
04cdbcfedf
refactor: Use flexbox gap (#520) 2022-03-03 23:11:19 +01:00
Jimmy Cai
4b0dbb4630 fix(article): code block background style in light theme
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/489, https://github.com/CaiJimmy/hugo-theme-stack/issues/492
2022-02-11 20:36:52 +00:00
Jimmy Cai
67d5156507
fix: disqus dark mode (#478)
* fix: disqus dark mode

* remove color-scheme

add custom chrome scrollbar style (removed in https://github.com/CaiJimmy/hugo-theme-stack/pull/428)
2022-01-30 10:57:16 +01:00
zhixuan
0af9d23e49
feat(article): add scroll for table (#428)
* feat: table can't scroll & delete scrollbar style for Chromium

* Undo some line breaks

* Add a table with overflow to exampleSite
2022-01-20 12:09:25 +01:00
k
dda55f87e2
feat: change the page vertical scrollbar styles (#227)
* fix: take out [data-scheme="dark"] from :root

Taking out the [data-scheme="dark"] from :root allows us to fix the
precedence of CSS when the [data-scheme="dark"] is placed in the <html>
tag. This is needed in order to make the dark styles accesible from the
<html> elment, this will allow us to change the vertical scrollbar
styles following the dark and light schemes.

* change document.body.dataset.scheme to document.documentElement.dataset.scheme

When the dark mode is on or when the light mode is on, the
[data-scheme="light"] or [data-scheme="dark"], respectively, will be
placed in the <html> tag. Allowing us to access the dark and light color
schemes from the <html> to change the vertical scrollbar styles
according to the current color scheme.

* feat: change the page vertical scrollbar styles

This change will make the vertical scrollbar styles to follow the dark
and light color scheme modes. Also, this change will make the vertical
scrollbar to look consistent in both, Chromium and Firefox.

* make the scrollbar-track background-color transparent

The body has this transition: 'transition: background-color 0.3s ease
0s'. Making the scrollbar-track background-color transparent allow us to
appreciate that transition in the scrollbar-track when switching the
background-color.

* Move [data-scheme=dark] back to :root block

* fix(comment/waline): detect dark mode from html tag

* feat: apply custom scrollbar style to all elements

Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-20 15:49:35 +02:00
Jimmy Cai
495a3b0289
refactor: rewrite grid system & style changes (#231)
* refactor(WIP): add new SCSS mixin `respond`

Theme's stylesheet mixes the use of max-width and min-width for responsive design, and it's horrible.

* refactor: update variable.scss to use @mixin respond

* refactor(grid): adjust sidebar max-width

* refactor(partials/article.scss): use `@include respond`

* refactor(layout/article.scss): delete unused SCSS and migrate to `@include respond`

* Adjust left sidebar max-width on xl screen

* fix: right sidebar not sticky

* refactor(breakpoint): simplify `@mixin respond`

* refactor(breakpoints): improve warning message

* fix(breakpoint): return only the requested breakpoint

* fix: add missing padding to .article-details
2021-06-20 12:53:10 +02:00
k
58e8fadafe
feat: change horizontal scrollbar styles (#211)
* feat: change horizontal scrollbar styles

Change the horizontal scrollbar styles in Archives page following the
dark and light themes styles.  This horizontal scrollbar is at the top
of the Archives page. When I visit this page, the scrollbar stole my
attention. Unfortunately, it's the client (our browser) who decides its
styles;  this change is introduced to avoid that situation.

Co-authored-by: Miguel Angel <man98@me.com>

* remove scrollbar height and border-radius

In order to match the theme presentation
(https://i.imgur.com/cCiHOGS.jpg), the previous defined `height: 7px` and
`border-radius: 10px` for the scrollbar have been deleted.

* fix: set the horizontal scrollbar's height and width to `auto`

In Firefox the horizontal scrollbar looks very small. With a width set
to `auto`, it looks bigger and better. In Chromium, without an automatic
height, the new color changes do not appear.

Now the horizontal scrollbar looks consistent in both chromium and firefox.

* style: format list.scss

Co-authored-by: Miguel Angel <man98@me.com>
Co-authored-by: Jimmy Cai <github@jimmycai.com>
Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-12 11:32:54 +02:00
Akatsuki Rui
a37ebbe2aa
assets: fix font-family fallback (#130)
If not have monospace, fonts will fallback to sans-serif when these fonts not available.
2021-02-11 19:00:59 +01:00
Jimmy Cai
358e63e799
feat(darkmode): dark mode toggle (#82)
* feat(darkmode): initial support for dark mode toggle

* fix(darkmode): add svg icons

* feat(darkmode): dispatch onColorSchemeChange event

* add head/darkmode

* feat(darkmode); add colorScheme config

* style: remove empty line

* refactor(darkmode): simplify code

* style: add comment for darkmode config

* i18n support for dark mode toggle

* Some renaming
2020-12-23 19:03:40 +01:00
Jimmy Cai
1749a9168f
feat: style adjustment 2020-10-04 15:58:32 +02:00
Jimmy Cai
96897be941
feat(article list): article clickable and equal height 2020-09-24 23:59:00 +02:00
Jimmy Cai
02f2badffc
refactor(scss): rename --content-padding to --card-padding
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/16
2020-09-20 19:03:41 +02:00
Jimmy Cai
e91f99421a
style(scss): move --small-card-padding to it's category 2020-09-12 13:19:49 +02:00
Jimmy Cai
cca10c7947
refactor(scss): split CSS variables into different sections 2020-09-11 23:30:11 +02:00
Jimmy Cai
9e42d8cd35
refactor(scss): remove helper/shadow. Expose shadow style in CSS variables 2020-09-09 16:14:30 +02:00
Jimmy Cai
190475dbad
refactor(scss): create breakpoints.scss 2020-09-09 16:03:09 +02:00
Jimmy Cai
652caeabb1
feat(article): adjust blockquote background color 2020-09-09 00:28:50 +02:00
Jimmy Cai
18cd83125d
feat(scss): improve blockquote style 2020-09-08 13:01:27 +02:00
Jimmy Cai
0e0f5edbec
feat(scss): add table style
Style taken from: https://github.com/lepture/yue.css

closes: https://github.com/CaiJimmy/hugo-theme-stack/issues/3
2020-09-08 12:48:34 +02:00
Jimmy Cai
634e6ce96b
feat: improve top padding and article toolbar style 2020-09-07 11:34:28 +02:00
Jimmy Cai
b60e1ad5e5
fix(scss): change $on-phone media breakpoint 2020-09-07 11:19:06 +02:00
Jimmy Cai
4bf9d82961
feat: style improvement 2020-09-03 11:42:01 +02:00
Jimmy Cai
ffcb975e82 refactor(css): rename --pre-background to --pre-background-color 2020-08-25 23:19:57 +02:00
Jimmy Cai
f5e0b098c1 feat(article content): improve code tag style 2020-08-25 23:18:40 +02:00
Jimmy Cai
39eb9bdfb3 feat(css): add --pre-background and --pre-text-color variables 2020-08-24 23:32:24 +02:00
Jimmy Cai
3c803ebd5c feat(scss); add --article-font-size and --article-line-height variables 2020-08-24 20:45:26 +02:00
Jimmy Cai
486b5d8245 feat(scss): font-family selection from yue.css 2020-08-24 20:43:10 +02:00
Jimmy Cai
3fa3a80dc2 refactor(scss): remove unused variables $container-padding and $container-width 2020-08-24 20:31:36 +02:00
Jimmy Cai
4e9a6f1421 refactor(scss): add --section-separation and --small-card-padding variables 2020-08-24 20:28:17 +02:00
Jimmy Cai
174f52d812 style(scss): change some SCSS variables to CSS variables 2020-08-24 19:35:52 +02:00
Jimmy Cai
6028eb5c2d feat(article): improve link style 2020-08-24 13:09:20 +02:00
Jimmy Cai
dedb859ecc refactor(article): --content-side-padding -> --content-padding 2020-08-24 12:26:27 +02:00
Jimmy Cai
2ec4cd3f69 refactor(scss): add css variables for font families 2020-08-24 11:52:12 +02:00
Jimmy Cai
c698d944e6 🎉 Initial commit 2020-08-22 13:20:08 +02:00