JarCasting
JarCasting JarCasting

stretch-css

WebJar for stretch-css

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.bower
Идентификатор

Идентификатор

stretch-css
Последняя версия

Последняя версия

1.0.3
Дата

Дата
Тип

Тип

jar
Описание

Описание

stretch-css
WebJar for stretch-css
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/dingledow/stretch-css

Скачать stretch-css

Имя Файла Размер
stretch-css-1.0.3.pom
stretch-css-1.0.3.jar 3 KB
stretch-css-1.0.3-sources.jar 22 bytes
stretch-css-1.0.3-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.bower/stretch-css/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>stretch-css</artifactId>
    <version>1.0.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/stretch-css/
implementation 'org.webjars.bower:stretch-css:1.0.3'
// https://jarcasting.com/artifacts/org.webjars.bower/stretch-css/
implementation ("org.webjars.bower:stretch-css:1.0.3")
'org.webjars.bower:stretch-css:jar:1.0.3'
<dependency org="org.webjars.bower" name="stretch-css" rev="1.0.3">
  <artifact name="stretch-css" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='stretch-css', version='1.0.3')
)
libraryDependencies += "org.webjars.bower" % "stretch-css" % "1.0.3"
[org.webjars.bower/stretch-css "1.0.3"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

Модули Проекта

Данный проект не имеет модулей.

Stretch CSS Gridsystem

Stretch is a super simple responsive CSS grid system. For now, it is a 12 column grid that can have any gutter size you want. Columns can be pushed and pulled to make manoeuvring content really easy and breakpoints can be customised. The naming of classes is readable and easy to understand.

I hope people find this helpful.

Install

bower install stretch-css

Getting Started

Stretch can be implemented in two ways:

  1. Use the stretch.scss stylesheet in this repository and compile it to CSS. This is the best way to create a customised version of Stretch;
  2. Or, link the stretch.css file in your HTML document's head:

<link rel="stylesheet" href="css/stretch.css">

To use the grid, firstly create an HTML element with a class of .row. Within the row, create a column with the class .col__x-12, where x equals the number of columns you want to take up.

<div class="container">

  <div class="row">

    <div class="col__12-12">
      This is a column that takes up all 12 out of 12 columns.
    </div>

    <div class="col__6-12">
      This is a column that takes up 6 out of 12 columns.
    </div>

    <div class="col__md-6-12 col__sm-12-12">
      This is a column that takes up 6 out of 12 columns for devices ≥768px
      wide.  For devices <768px it takes up all 12 out of 12 columns.
    </div>

  </div>

</div>

Версии библиотеки

Версия
1.0.3