Code Monkey home page Code Monkey logo

Comments (7)

TheKidCoder avatar TheKidCoder commented on June 8, 2024

I believe it's still maintained. There is still commit activity and for the most part this is mostly a "finished" project. I'm sure @devlint would enjoy more community involvement to triage issues.

More than happy to help close out issues/triage issues if needed.

from gridlex.

devlint avatar devlint commented on June 8, 2024

Hello @David-Carty & @TheKidCoder !
The project can be maintained if I see new features or bugfixes I can do.
But help is welcome because it takes time that I've not today...

Thank you for your message, I appreciate very much!

from gridlex.

jepotter1-archive avatar jepotter1-archive commented on June 8, 2024

Hello @devlint, is the project still maintained in 2020? I want to use it in a CSS framework I'm developing, and I'm not sure whether I should just download it from NPM or maintain it myself as part of the framework.

If this project is abandoned, I'd be willing to step up as the new maintainer.

from gridlex.

jepotter1-archive avatar jepotter1-archive commented on June 8, 2024

It seems like @ChazUK has an actively maintined fork at https://github.com/ChazUK/grid. Do you have any plans to incorporate those changes upstream, or should I just use Charlie's fork?

from gridlex.

ChazUK avatar ChazUK commented on June 8, 2024

@JWinnie

Hi, I was looking at updating the default to become mobile first, but it's actually possible with the current repo.
I used the Bootstrap Breakpoints as they are pretty standard, and changed the Media Query to min-width.

$gl-gutter: 1rem;
$gl-mq-list: (
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1440px,
);
$ql-mq-width: 'min-width';

I also added a few override changes to make the grid auto center.

[class~='grid'],
[class*='grid-'],
[class*='grid_'] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: ($gl-gutter / 2);
  padding-right: ($gl-gutter / 2);

  @each $breakpoint, $width in $gl-mq-list {
    @media (min-width: $width) {
      max-width: $width;
    }
  }
}

[class*='grid-'][class*='-noGutter'] {
  margin-left: auto;
  margin-right: auto;
  padding-left: $gl-gutter;
  padding-right: $gl-gutter;
}

What extra features are you looking for?

from gridlex.

jepotter1-archive avatar jepotter1-archive commented on June 8, 2024

I'm not looking for any features in particular. I just don't want to base my framework on an abandoned library.

from gridlex.

ChazUK avatar ChazUK commented on June 8, 2024

@JWinnie it might be worth looking at using Bootstraps grid instead, it’s robust, just switched to flexbox and is guaranteed to be maintained.

from gridlex.

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.