Stack Overflow
Stack Overflow

Questions tagged [singularitygs]

Singularity is a Sass based semantic grid framework.

Singularity is an open source Sass based Semantic Grid Framework for working with grids in CSS. It is designed from the ground up to be Responsive and Mobile First and utilize the full power of CSS Preprocessing. It is distributed as a Compass Extension, making it easy to install, use, and keep up to date. Full documentation can be found at the Singularity Wiki.

123 questions
15
votes
2 answers

How do you use mobile-first in IE8

Considering that SingularityGS follows, by default, a mobile-first approach, how do you guys solve the problem in IE8, which shows the mobile version of everything that depends on media-queries? Have you found a solution for this or do I have to…
Luis Martins
  • 1,421
  • 2
  • 18
  • 32
7
votes
1 answer

Fundamental difference between Susy 2.0 and SingularityGS

I am wondering if there is any key differences between these two grid systems. I can't see any on the surface and dont know why I would want to choose one over the other. I built sites with both singularity and susy 1 in the last few months and they…
Colin
  • 961
  • 7
  • 8
4
votes
1 answer

Jeet Grid vs. Singularity

For a mobile-first website, i need a grid with SASS preprocessor functions. Currently i am using the Bootstrap 3 Grid which works fine but seems to lack flexibility. Especially i do not want to clutter my html with additional css classes like row or…
Alp
  • 29,274
  • 27
  • 120
  • 198
4
votes
2 answers

Trying to get div's to display side by side in a grid using singularity gs

I'm just beginning to get into responsive design techniques using Drupal, Omega 4 theme, and would like to use the singularity grid system. I don't know CSS very well (the basic principles yes, the subtleties no), and SASS seemed a good way to go as…
Joel Guesclin
  • 45
  • 6
3
votes
1 answer

singularity background-grid not showing

taken me ages to get singularity working and its been nightmare getting all my gems set up in general - i can honestly say I've hated every minute and i know i'm still not set up right - i'm just waiting for something to break. anyway my question is…
Nathaniel Harman
  • 337
  • 2
  • 7
  • 20
2
votes
1 answer

VS Community 2015 Sass Singularity

Is there a possibly way to install sass singularity in VS Community 2015?
tomastomas
  • 21
  • 2
2
votes
1 answer

Using singularitygs for fixed width content, full width color background, and image overlapping two full width sections

I'm trying to produce a layout like this: Where blue is the top header, red is the bottom header, green is the menu and the white bottom is the body. The white circle is a logo that I'm trying to place such that it overlaps the header sections but…
Clint Doriot
  • 141
  • 1
  • 12
2
votes
1 answer

Why change the grid-size when switching media-query?

I have been using singularity for about a small year now and I'm still not 100% I'm using it at its full potential, or the "correct" way really. The main question I have is why you should change the grid-size depending on a media-query. I'm using…
BANO
  • 89
  • 8
2
votes
1 answer

SingularityGS: How to code float-span variations with breakpoints?

I have a float-span layout which contains a number of tiles in a 12 column grid. At breakpoint 600px I want this to display float-span(2) and at 1024px I want float-span(4). I am finding that the smaller breakpoint layout displays as intended but…
MrPaulDriver
  • 243
  • 1
  • 13
2
votes
1 answer

Singularitygs: Mobile grid persisting all screen sizes

For some reason my grid is only showing the mobile (3 column) grid at all screen sizes. I am using the values below and don't understand what I am doing wrong. Any suggestions would be most welcome @include add-grid(3); @include add-grid(6 at…
MrPaulDriver
  • 243
  • 1
  • 13
2
votes
3 answers

Is there any way to run susy or singularity with libsass?

I like susy, I like Singularity. Is there a way to make those two work with libsass or if not are there any grid frameworks like the two which I can use with libsass (using node-sass in my case)?
hugo der hungrige
  • 12,382
  • 9
  • 57
  • 84
2
votes
1 answer

Singularity responsive gutter widths

I use Singluritygs and Breakpoints (with the included respond-to) and I want my global gutter width to change according to those breakpoints. I thought this would work, but it doesn't: $breakpoints: add-breakpoint('small', 768px); @include…
davidpauljunior
  • 8,238
  • 6
  • 30
  • 54
2
votes
1 answer

Remove padding in thumbnail grid

Please look at this gist: http://sassmeister.com/gist/6d575ec85663865fa567 There you can see a placehold.it thumbnail grid realized via float-span What i need now is: The padding-left of the first .item in each row should be 0 The padding-right of…
agrT
  • 225
  • 1
  • 2
  • 11
2
votes
1 answer

An article element expanded in height is pushing down the other article elements in every row and column underneath

I have a raster of article elements, each is representing an event. Via a checkbox hack additional content for each event is expanded and shown on mouse click. The problem is: Would it somehow be possible that only the articles in the same column…
rkoller
  • 1,424
  • 3
  • 26
  • 39
2
votes
1 answer

What are the relative merits of a semantic grid system?

I've continued my journey with Singularity, and I'm enjoying experimenting with this framework. I've created an experimental site at Sassmonster.com (Github repository here at https://github.com/58bits/sassmonster). I was discussing this framework,…
Blue Waters
  • 725
  • 1
  • 4
  • 17
1
2 3
…
8 9