Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Reduce posts font size using _variables.scss #1043

Closed
3 of 5 tasks
z0ph opened this issue Jun 1, 2017 · 3 comments
Closed
3 of 5 tasks

Reduce posts font size using _variables.scss #1043

z0ph opened this issue Jun 1, 2017 · 3 comments

Comments

@z0ph
Copy link

z0ph commented Jun 1, 2017

Hi,

I'm trying to reduce the font size on my posts items using _variables.scss but it not applied properly. For me the font is too high.

image

Detailled Screenshot

I've used this settings to review the change, but nothing happen on my posts items. The font it's still the same size (too big for me)

/* type scale */
$type-size-1                : 0.50em !default;  // ~39.056px
$type-size-2                : 0.50em !default;  // ~31.248px
$type-size-3                : 0.50em !default;  // ~25.008px
$type-size-4                : 0.50em !default;  // ~20px
$type-size-5                : 0.50em !default;  // ~16px
$type-size-6                : 0.50em !default;  // ~12px
$type-size-7                : 0.50em !default;  // ~11px
$type-size-8                : 0.50em !default;  // ~10px

I've also tried to change $doc-font-size to 10

I've tried to :
bundle exec jekyll clean
bundle exec jekyll build

Without success yet. The font does not change in matters of size.

Maybe I made a minimal mistake :)

Thanks for your help.

  • This is a question about using the theme.
  • This is a feature request.
  • I have updated all gems with bundle update.
  • I have tested locally with bundle exec jekyll build.
  • I believe this to be a bug with the theme --- not Jekyll, GitHub Pages or one of the bundled plugins.

Environment informations

  • Minimal Mistakes version: 4.4.1
  • jekyll gem version:
  • Operating system: macOS

@mmistakes
Copy link
Owner

See these lines in _reset.scss. I'd leave the variable font sizes alone and instead adjust the sizes in the reset. The theme scales the font sizes up/down globally depending on the width of the screen.

html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 16px;

  @include breakpoint($medium) {
    font-size: 18px;
  }

  @include breakpoint($large) {
    font-size: 20px;
  }

  @include breakpoint($x-large) {
    font-size: 22px;
  }
}

@z0ph
Copy link
Author

z0ph commented Jun 1, 2017

Hi @mmistakes ,

It's working, thanks a lot.

@z0ph z0ph closed this as completed Jun 1, 2017
santisoler added a commit to santisoler/santisoler.github.io that referenced this issue Jan 26, 2018
@guillena
Copy link

perfect!!!

code-machina pushed a commit to code-machina/code-machina.github.io that referenced this issue Oct 1, 2018
mariomeissner pushed a commit to mariomeissner/minimal-mistakes that referenced this issue Feb 16, 2020
koyumi0601 pushed a commit to koyumi0601/koyumi0601.github.io that referenced this issue Jul 31, 2023
Bumps [prettier](https://github.com/prettier/prettier) from 2.7.1 to 2.8.0.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](prettier/prettier@2.7.1...2.8.0)

---
updated-dependencies:
- dependency-name: prettier
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants