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
2
votes
1 answer

Layout using Singularity

I've been trying to create a couple of typical layout examples using Singularity, and I have a question about grid-span and floats. I've created a sample scss stylesheet and html layout. Here's the complete example on…
Blue Waters
  • 725
  • 1
  • 4
  • 17
2
votes
1 answer

gulp - Compass failed: You must compile individual stylesheets from the project directory.

I am using gulpjs and i wanted to compass but i am getting following error [gulp] gulp-notify: [Error running Gulp] Compass failed [gulp] You must compile individual stylesheets from the project directory. This is my config.rb http_path =…
Anenth
  • 674
  • 8
  • 24
2
votes
1 answer

Correct way to install singularity with bower?

I'm running in some troubles installing singularity in my yeoman gulp-webapp project. First, I installed singularity with bower. After that I had a projekt structure like this: My Projekt app bower_components …
oBear
  • 41
  • 7
2
votes
2 answers

Push/Pull elements from their grid containers

Is it possible to pull elements from their containers, while keeping them aligned with the main grid? In the image bellow, I have a representation of what im trying to achieve. Lets say all my text, including the smaller details in the first column,…
Luis Martins
  • 1,421
  • 2
  • 18
  • 32
2
votes
2 answers

How can I pull out a nested grid element by 1 column?

Given the following HTML structure:
A
B
...and the following Singularity SCSS: $grids: 6; $gutters: .1; $gutter-styles: 'split'; div#a { @include grid-span(5,2) } div#b { // @todo: position…
marcvangend
  • 5,592
  • 4
  • 22
  • 32
2
votes
1 answer

Is there an example or more documentation for how to do visualize the grid?

I am having a little trouble figuring out how to turn on the grid visualization: https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing-your-grids. Can someone point me to more help or share an example?
jmoughon
  • 23
  • 2
2
votes
1 answer

singularity column width without floating

I've 12 columns grid setup using singularity. Many times I'm looking for a simple variable of column width. I can use grid-span(), but it involves margins and floats. Is there any mixin/function which will return only column width in %? I'm…
Petr Illek
  • 121
  • 2
  • 9
2
votes
1 answer

Using singularity, I find some inconsistencies in floats with wide containers

Im trying singularity for the first time, and I'm trying to recreate a grid I have. Simple one. This is a simple structure, for the test:
header
main content
footer,…
Betovarg Reds
  • 23
  • 2
2
votes
1 answer

Still confused with nested grids

I've finally found some time to test Singularity, and im back to a problem I had before for that I cant find an obvious solution. My issue is with nested grids. Let's say i have a simple 12 column grid $grids: add-grid(12 at $break2); And my layout…
Luis Martins
  • 59
  • 6
1
vote
1 answer

how to install singularitygs using webpack

I'm new to webpack and I'm trying to install singularitygs to my sass file, I did a npm install singularitygs --save-dev but not really sure how to go about this any help would be appreciated
Wolfgang Criollo
  • 138
  • 5
1
vote
0 answers

Singularity.gs: helpers _box-sizing.scss and _clearfix.scss not included into _helpers.scss

I'm currently working with singularity.gs v1.7.0 and I noticed that the helper files _box-sizing.scss, and _clearfix.scss, are not included into the _helpers.scss file. I did had the same experience with singularity.gs v1.6.2. Here is how I'm…
altrugon
  • 301
  • 3
  • 8
1
vote
0 answers

Using Singularity with LibSass

is there any thing I can do to help with this? Any tips on where to start looking? Singularity works fine with LibSass - until debug mode is turned on at which point it generates Bus error: 10 (using…
Blue Waters
  • 725
  • 1
  • 4
  • 17
1
vote
1 answer

How to apply a given width/margin in singularity.gs?

I am using singularity.gs (Drupal 7/Omega 4), and I want to stack my content in columns. In 960gs, you just add grid-4 to the element, and it spans 4 columns with appropriate margins (more or less). To make a 12-column grid with sigularity.gs I've…
Dalmaz
  • 123
  • 5
1
vote
1 answer

How can i use Singularity GS with only 1 master grid?

How can i use SGS without every nested div spawning it’s own smaller grid? I get that it’s more powerful than that but for this case, specifically I’d like to set the width of deeply buried paragraph container to span 5 columns of the original…
TopTomato
  • 587
  • 3
  • 8
  • 23
1
vote
1 answer

Thumbnail Grid - using Singularity

I've been using Singularity for a while now, and I like it a lot. One thing left on my list is to create a thumbnail (or any other element) grid, using Singularity. In other words, a set of repeating elements, that flow from left to right, one…
Blue Waters
  • 725
  • 1
  • 4
  • 17
1
2
3
…
8 9