GithubHelp home page GithubHelp logo

Stylize the text about gistlog HOT 6 CLOSED

tighten avatar tighten commented on April 28, 2024
Stylize the text

from gistlog.

Comments (6)

mattstauffer avatar mattstauffer commented on April 28, 2024

Medium is the inspiration.

from gistlog.

mattstauffer avatar mattstauffer commented on April 28, 2024

Remaining TODOs from #13:

To Do

  • Figure out our strategy for font size variables, line heights, etc. etc. etc. Right now just using px fonts for the Gist directly. We can definitely improve that.
  • Figure out a better strategy for constraining the width. Just limiting the Bootstrap container right now.
    I suggest importing most of the Bootstrap styles as reference imports only, and aliasing Bootstrap classes we actually want to our own classes. Sass can't do this BTW, Less FTW.
  • Better margins between content chunks
  • Come up with a nice place for the timestamps

from gistlog.

zQueal avatar zQueal commented on April 28, 2024

What about those of us with ridiculous article names?

nuqn9ib

In all honesty, titles should be changeable. Not static. For example, I would drop down the title font size, and widen the div to about 60-75% of the page width. That would make it look much nicer.

from gistlog.

mattstauffer avatar mattstauffer commented on April 28, 2024

@zQueal You're free to make a pull request for what you're suggesting, and share a few posts where it improves it.

Whether or not you PR it, your suggestion should be in a new issue, since it's not what this is is about.

Thanks!

from gistlog.

zQueal avatar zQueal commented on April 28, 2024

Gotcha. Thanks. πŸ‘

from gistlog.

mattstauffer avatar mattstauffer commented on April 28, 2024

@zQueal Thank you! I've never seen a longer title like this, and you're right: The default styles definitely break down here. Look forward to hearing more feedback. Thanks!

from gistlog.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.