Stack Overflow
Stack Overflow

Questions tagged [semantic.gs]

A CSS gid system, with support for LESS, SCSS as well as Stylus

The Semantic Grid System is a CSS grid system, with support for LESS, SCSS as well as Stylus.

It provides a convenient way for setting column and gutter widths, choosing the number of columns, switching between pixels and percentages, and achieving responsive layouts, all without any unsemantic classes in your markup.

###Documentation :

6 questions
1
vote
1 answer

Semantic grid width not being calculated

I decided to give a try to semantic grid http://semantic.gs/ as I really like the concept of having all the grid logic in the less without having to add classes to the HTML as in bootstrap grid that is the one I have been using lately. My problem is…
Santiago Rebella
  • 2,399
  • 2
  • 22
  • 29
1
vote
1 answer

Semantic Grid System, Media Query issue

I'm using the Semantic Grid System to build a responsive site. However, something isn't quite right with the media queries that should obviously kick in once it hits a particular screen size. I'll reference what i mean with their example on the…
Andy
  • 1,422
  • 5
  • 27
  • 43
0
votes
1 answer

semantic.gs GRID - questions about the columns adding to more than 12

I have searched everywhere for an answer. I am using grid.less from semantic.gs and works fine. I am just having an issue with one section of my template. I understand that the grid columns add up to 12 by default. However, for one particular…
user4422315
0
votes
1 answer

Using nested columns in Semantic.gs with a FIXED layout

I have implemented a fluid layout with Semantic.gs and some nested columns with LESS. But now our client decided they want the layout to be fixed. I thought I could simply comment out the line @total-width:100% in grid.less, however now the other…
Maureen Dunlap
  • 93
  • 5
0
votes
0 answers

Why is the gutter of my semantic.gs grid always zero?

I am using semantic.gs to create a grid for a webpage. I noticed that whatever I do, I never have any "gutter", meaning in CSS the margin is calculated to 0, despite leaving the default to 20px. So I took a step back and tried to reproduce this…
Fer
  • 4,116
  • 16
  • 59
  • 102
0
votes
1 answer

How to have padding on parent column of nested columns with a CSS Grid (Semantic.gs)

I'm using Semantic.gs as my grid system. I'm following the nested column example to try and create what I want while following the grids as much as possible. Given nested column example code from Semantic.gs: HTML
  • 1
    • …
Ryan
  • 21,437
  • 7
  • 25
  • 28