DELETE FROM KEYWORDS WHERE ID_DOMAINE=28021767DoneDoneDone
URL:neat.bourbon.io
Date: Sat, 18 Jan 2025 02:53:07 GMT
Content-Length: 39
Content-Type: text/plain; charset=utf-8
Location: https://neat.bourbon.io/
Server: Netlify
X-Nf-Request-Id: 01JHVN85JDW2612RMC99SCWE57
Location => https://neat.bourbon.io/
Status => 301
Redirecting to https://neat.bourbon.io/
(vide) Tentative en https
<!DOCTYPE html><html lang=en><head><meta charset=utf-8 /><meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name=viewport /><meta content="Neat is a library of pure Sass mixins and functions that are designed to make creating dynamic and engaging layouts absolutely effortless." name=description /><title>Neat - A Lightweight and flexible Sass grid</title><style>/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block; }
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none; }
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold; }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
code {
font-family: "Anonymous Pro", "Consolas", "monaco", monospace;
word-break: keep-all; }
td code, li code, p code {
background-color: rgba(0, 0, 0, 0.06);
border-radius: 3px;
padding: 0.2em 0;
white-space: nowrap; }
td code::before, td code::after, li code::before, li code::after, p code::before, p code::after {
content: "\00a0";
letter-spacing: -0.1em; }
pre code {
border-radius: 3px;
border: 1px solid #ccc;
box-shadow: 0 0 0 3px #eee;
display: block;
overflow-x: scroll;
padding: 10px;
max-width: 100%; }
pre {
line-height: 1.5;
margin: 0 0 1em;
padding: 3px;
max-width: 100%; }
@font-face {
font-family: "Quincy";
src: url("https://thoughtbot.github.io/bourbon.io-fonts/quincy-cf-text.woff2") format("woff2"), url("https://thoughtbot.github.io/bourbon.io-fonts/quincy-cf-text.woff") format("woff");
font-style: normal;
font-weight: 400; }
@font-face {
font-family: "Anonymous Pro";
src: url("https://thoughtbot.github.io/bourbon.io-fonts/anonymous-pro-normal.woff") format("woff");
font-style: normal;
font-weight: 400; }
fieldset {
background-color: transparent;
border: 0;
margin: 0;
padding: 0; }
legend {
font-weight: 600;
margin-bottom: 0.5em;
padding: 0; }
label {
display: block;
font-weight: 600;
margin-bottom: 0.5em; }
input,
select,
textarea {
display: block;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 0.9375em; }
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
appearance: none;
background-color: #fff;
border: 4px solid #00d4ff;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-bottom: 1em;
padding: 0.6666666667em;
transition: border-color 150ms ease;
width: 100%; }
[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
border-color: #a3a3a3; }
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
border-color: #00d4ff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 191, 230, 0.7);
outline: none; }
[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
background-color: #f2f2f2;
cursor: not-allowed; }
[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
border: 4px solid #00d4ff; }
[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
color: #999; }
textarea {
resize: vertical; }
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.5em; }
[type="file"] {
margin-bottom: 1em;
width: 100%; }
select {
margin-bottom: 1em;
width: 100%; }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
ul,
ol {
padding: 0 0 0 1.5em; }
dl {
margin: 0; }
dt {
font-weight: 600;
margin: 0; }
dd {
margin: 0; }
figure {
margin: 0; }
img,
picture {
margin: 0;
max-width: 100%; }
table {
border-collapse: collapse;
margin: 1em 0;
table-layout: auto;
width: 100%; }
@media only screen and (max-width: 600px) {
table {
display: block;
overflow-x: scroll; }
table td:last-child {
min-width: 18em; } }
th {
border-bottom: 1px solid #ccc;
font-weight: 600;
padding: 1em 0;
text-align: left; }
td {
border-bottom: 1px solid #ccc;
padding: 0.75em 0; }
td p {
margin-bottom: 0; }
tr,
td,
th {
vertical-align: middle; }
tr:not(:last-child),
td:not(:last-child),
th:not(:last-child) {
padding-right: 1em; }
body {
color: #333;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 0.9375em;
line-height: 2; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Quincy", "Georgia", "Times", "Times New Roman", serif;
font-size: 1.125em;
font-weight: 400;
line-height: 1.2;
margin: 0 0 1rem; }
h1 {
font-size: 3.6532361537em; }
h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 3.2473210255em;
font-weight: 400;
letter-spacing: 0.02em;
margin: 0 0 2rem; }
h3 {
font-size: 2.8865075782em; }
h4,
h5,
.h5 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 2.0272865295em;
font-weight: 300;
letter-spacing: 0.02em; }
h5 {
font-size: 1.8020324707em; }
p {
margin: 0 0 1em; }
a {
border-bottom: 1px solid currentColor;
color: #ed3e44;
text-decoration: none;
transition: color 150ms ease; }
a:active, a:focus, a:hover {
border-bottom: 2px solid currentColor;
color: #d5383d; }
hr {
border-bottom: 4px solid #00d4ff;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 2em 0; }
blockquote {
font-style: italic;
line-height: 1.2; }
.container {
margin-right: auto;
margin-left: auto;
max-width: 88rem;
position: relative; }
.container::after {
clear: both;
content: "";
display: block; }
.container--spacing {
margin-top: 2em;
margin-bottom: 2em; }
@media only screen and (min-width: 600px) {
.container--spacing {
margin-top: 4em;
margin-bottom: 4em; } }
@media only screen and (min-width: 1100px) {
.container--spacing {
margin-top: 6em;
margin-bottom: 6em; } }
.column {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.column {
width: calc(83.3333333333% - 3.6666666667rem);
float: left;
margin-left: 2rem;
margin-left: calc(8.3333333333% - 2.1666666667rem + 4rem); } }
@media only screen and (min-width: 1100px) {
.column {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
margin-left: calc(16.6666666667% - 2.3333333333rem + 4rem); } }
.column--6 {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 1100px) {
.column--6 {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem; } }
.column--8 {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.column--8 {
width: calc(83.3333333333% - 3.6666666667rem);
float: left;
margin-left: 2rem; } }
@media only screen and (min-width: 1100px) {
.column--8 {
width: calc(66.6666666667% - 3.3333333333rem);
float: left;
margin-left: 2rem; } }
.column--12 {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.column--12 {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem; } }
@media only screen and (min-width: 600px) {
.column--push-2 {
margin-left: calc(8.3333333333% - 2.1666666667rem + 4rem); } }
@media only screen and (min-width: 1100px) {
.column--push-2 {
margin-left: calc(16.6666666667% - 2.3333333333rem + 4rem); } }
@media only screen and (min-width: 600px) {
.column--push-3 {
margin-left: calc(25% - 2.5rem + 4rem); } }
.button {
appearance: none;
box-shadow: 0 1.25rem 1rem -1.5rem rgba(0, 212, 255, 0.3), 0 0.5rem 1.75rem -0.25rem rgba(0, 212, 255, 0.2), 0 1.25rem 2.5rem rgba(0, 212, 255, 0.1);
background-color: #00d4ff;
background-image: linear-gradient(to bottom right, #21e9f4, #00d4ff);
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1;
padding: 1em 2em;
text-align: center;
text-decoration: none;
transition: background-color 150ms ease;
user-select: none;
vertical-align: middle;
white-space: nowrap;
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.button:hover, .button:focus {
transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
background-color: #00aacc;
border: 0;
color: #fff;
transform: scale(1.05) translateY(-0.25rem);
box-shadow: 0 1.5rem 1rem -2rem rgba(0, 212, 255, 0.3), 0 1rem 1rem -0.5rem rgba(0, 212, 255, 0.2), 0 1.5rem 3rem rgba(0, 212, 255, 0.1); }
.button:disabled {
cursor: not-allowed;
opacity: 0.5; }
.button:disabled:hover {
background-color: #00d4ff; }
.doc-item {
margin-bottom: 3rem; }
@media only screen and (min-width: 600px) {
.doc-item {
margin-bottom: 5rem; } }
.doc-item__header {
align-items: baseline;
display: flex;
flex-wrap: wrap; }
.doc-item__section:not(:last-child) {
margin-bottom: 2em; }
.doc-item__title {
flex-grow: 1; }
.docs-list {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem;
padding-top: 2em; }
@media only screen and (min-width: 600px) {
.docs-list {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
margin-left: calc(25% - 2.5rem + 4rem); } }
@media only screen and (min-width: 1100px) {
.docs-list {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
margin-left: calc(25% - 2.5rem + 4rem); } }
@keyframes dropdown-list {
0% {
opacity: 0; }
1% {
opacity: 0;
transform: scale(0.98) translateY(-30px); }
80% {
transform: scale(1); }
100% {
transform: translateY(0); } }
.dropdown-list {
animation: dropdown-list 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
border-radius: 3px;
box-shadow: 0 -2em 0 #fff, 0 1.25rem 1rem -1.5rem rgba(43, 75, 82, 0.4), 0 0.5rem 1.75rem -0.25rem rgba(43, 75, 82, 0.2), 0 1.25rem 2.5rem rgba(43, 75, 82, 0.2);
display: none;
overflow: hidden;
position: absolute; }
.dropdown-list.open {
margin-top: -1em;
margin-left: -1em;
display: block; }
.dropdown-list__item {
background-color: #fff;
min-width: 8rem;
padding: 0.5em 1em; }
.dropdown-list__item:not(:last-child) {
border-bottom: 1px solid #ccc; }
.dropdown-list__link {
font-size: 0.875em; }
.dropdown-list__link:not(:hover) {
color: #333;
border-bottom: 0; }
.docs-nav {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem;
padding-top: 2em; }
.docs-nav::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 600px) {
.docs-nav {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
position: absolute; }
.docs-nav.fixed {
position: fixed;
top: 0;
max-height: 100vh;
overflow: hidden; }
.docs-nav.fixed::-webkit-scrollbar {
width: 0 !important; }
.docs-nav.fixed .docs-nav__inner {
overflow-y: scroll; } }
.docs-nav__inner {
width: calc(100% + 18px); }
.docs-nav__heading {
color: #999;
font-size: 0.875em;
font-weight: 300;
margin: 0 0 0.5em;
text-transform: uppercase; }
.docs-nav__heading--has-dropdown {
margin-bottom: 2em;
position: relative;
z-index: 2; }
.docs-nav__link {
border: 0;
color: inherit;
font-size: 0.9375em; }
.docs-nav__list {
list-style: none;
margin: 0 0 1em;
padding-left: 0; }
.docs-nav__item {
font-size: 0.9375em;
font-weight: 600;
line-height: 1.8; }
.docs-section {
margin-bottom: 3rem; }
@media only screen and (min-width: 600px) {
.docs-section {
margin-bottom: 4rem; } }
.docs-section:not(:last-child) {
border-bottom: 4px solid #00d4ff; }
.emoji {
position: relative;
top: 0.125em;
font-size: 1.8020324707em;
line-height: 1.1098579146; }
.example {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem;
margin-top: 2em;
margin-bottom: 3em;
border-radius: 3px;
box-shadow: 0 1.25rem 1rem -1.5rem rgba(43, 75, 82, 0.4), 0 0.5rem 1.75rem -0.25rem rgba(43, 75, 82, 0.2), 0 1.25rem 2.5rem rgba(43, 75, 82, 0.2);
overflow: hidden; }
.example__column--empty {
height: 20rem; }
.example__column--empty-medium {
height: 10rem; }
.example__column--empty-small {
height: 6rem; }
.example__column--fancy {
background-image: linear-gradient(to bottom right, #21e9f4, #00d4ff);
color: #fff; }
.example__column--spaced {
padding: 2em 0; }
.example__sub-heading {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 0.7901234568em;
font-weight: 300;
font-style: italic;
margin-bottom: 0;
text-align: center; }
.hero__title {
line-height: 0.8;
margin-bottom: 0; }
.hero__version {
color: #999; }
@media only screen and (min-width: 600px) {
.hero__sub-title {
margin-bottom: 1em; } }
.hero__flex-container,
.hero__flex-container--small {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 10vh;
padding-bottom: 10vh; }
.hero__flex-container {
min-height: calc(70vh - 85px); }
@media only screen and (min-width: 600px) {
.hero__flex-container {
padding-top: 12vh;
padding-bottom: 12vh; } }
@media only screen and (min-width: 1100px) {
.hero__flex-container {
padding-top: 16vh;
padding-bottom: 16vh; } }
@media only screen and (min-width: 1100px) {
.hero__action,
.hero__links {
float: left;
width: 50%; } }
@media only screen and (min-width: 1100px) {
.hero__links {
list-style: none;
padding-left: 0;
margin: -0.5em 0 0;
white-space: nowrap; } }
.message {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
padding: 1rem; }
.message__text {
color: #fff;
flex: 1 1 auto;
font-size: 1.423828125em;
font-weight: 600;
text-align: center;
text-transform: uppercase; }
.repo-card {
background-color: #fff;
border-radius: 3px;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
color: #333;
display: flex;
flex-direction: row;
line-height: 1.4;
margin-bottom: 1em; }
.repo-card--link {
transition: box-shadow 200ms; }
.repo-card--link:hover, .repo-card--link:focus {
border: 1px solid #ccc;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
color: inherit;
transition: box-shadow ease 150ms; }
.repo-card__info {
align-self: center;
flex-grow: 1;
padding: 0.25rem 1rem 1rem; }
.repo-card__description {
color: #999;
font-size: 0.8888888889em;
font-weight: 300;
line-height: inherit;
margin-bottom: 0; }
.repo-card__title {
display: inline-block;
font-family: "Quincy", "Georgia", "Times", "Times New Roman", serif;
font-size: 1.265625em;
font-weight: 400;
margin-bottom: 0; }
.repo-card__stats {
border-left: 1px solid #ccc;
flex-shrink: 0; }
.repo-card__stats-title {
color: #999;
font-size: 0.7023319616em;
letter-spacing: 1px;
margin-bottom: 0;
text-transform: uppercase; }
.repo-card__stats-group {
padding: 0.5rem 0.5rem 0.3rem;
text-align: center; }
.repo-card__stats-group:last-of-type {
border-top: 1px solid #ccc; }
.repo-card__stat-number {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
font-size: 0.8888888889em;
font-weight: 500;
line-height: 2;
margin-bottom: 0; }
.repo-card__logo {
display: inline-block;
line-height: inherit;
margin-right: 0.5em;
vertical-align: middle;
width: 1.3rem; }
.repo-card-container {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.repo-card-container {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem; } }
@media only screen and (min-width: 1300px) {
.repo-card-container {
width: calc(83.3333333333% - 3.6666666667rem);
float: left;
margin-left: 2rem;
margin-left: calc(8.3333333333% - 2.1666666667rem + 4rem); } }
@media only screen and (min-width: 1300px) {
.repo-card-container {
width: calc(66.6666666667% - 3.3333333333rem);
float: left;
margin-left: 2rem;
margin-left: calc(16.6666666667% - 2.3333333333rem + 4rem); } }
.repo-card-container__inner {
float: left;
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
padding-top: 2em; }
@media only screen and (min-width: 600px) {
.repo-card-container__inner {
float: left;
margin-left: -2rem;
margin-right: -2rem;
width: calc(100% + 4rem); } }
.repo-card-container__repo-card {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.repo-card-container__repo-card {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem; } }
.site-footer {
position: relative;
z-index: 10;
border-top: 4px solid #00d4ff;
margin-top: 3rem;
padding: 4em 0 2em; }
@media only screen and (min-width: 600px) {
.site-footer {
margin-top: 4rem; } }
.site-footer__column {
width: calc(100% - 2rem);
float: left;
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.site-footer__column {
width: calc(83.3333333333% - 3.6666666667rem);
float: left;
margin-left: 2rem;
margin-left: calc(8.3333333333% - 2.1666666667rem + 4rem); } }
@media only screen and (min-width: 1100px) {
.site-footer__column {
width: calc(66.6666666667% - 3.3333333333rem);
float: left;
margin-left: 2rem;
margin-left: calc(16.6666666667% - 2.3333333333rem + 4rem); } }
.site-nav {
padding-top: 2em;
padding-bottom: 2em;
border-bottom: 4px solid #00d4ff;
font-size: 0.9375em; }
@media only screen and (min-width: 600px) {
.site-nav__section {
float: right; } }
.site-nav__link,
.site-nav__logo {
border: 0;
color: #333;
font-weight: 700;
letter-spacing: 0.02em; }
.site-nav__link:focus, .site-nav__link:hover,
.site-nav__logo:focus,
.site-nav__logo:hover {
border: 0;
color: #ed3e44; }
.site-nav__link {
margin-left: 1rem; }
@media only screen and (min-width: 600px) {
.site-nav__link {
margin-left: 2rem; } }
.site-nav__logo {
float: left;
margin: 0; }
.site-nav__logo:hover {
color: #00d4ff; }
.site-nav__logo__image {
height: 23px;
width: 23px;
display: inline;
margin-top: -5px;
margin-right: 0.7em;
vertical-align: middle; }
.site-nav__logo__text {
font-size: 1.423828125em;
line-height: 0;
font-family: "Quincy", "Georgia", "Times", "Times New Roman", serif;
font-weight: normal; }
.site-nav__container {
margin-bottom: 0; }
.syntax-highlight .c {
color: #586e75; }
.syntax-highlight .err {
color: #586e75; }
.syntax-highlight .g {
color: #333; }
.syntax-highlight .k {
color: #859900; }
.syntax-highlight .l {
color: #333; }
.syntax-highlight .n {
color: #333; }
.syntax-highlight .o {
color: #859900; }
.syntax-highlight .x {
color: #cb4b16; }
.syntax-highlight .p {
color: #333; }
.syntax-highlight .cm {
color: #586e75; }
.syntax-highlight .cp {
color: #859900; }
.syntax-highlight .c1 {
color: #586e75; }
.syntax-highlight .cs {
color: #859900; }
.syntax-highlight .gd {
color: #2aa198; }
.syntax-highlight .ge {
color: #333;
font-style: italic; }
.syntax-highlight .gr {
color: #dc322f; }
.syntax-highlight .gh {
color: #cb4b16; }
.syntax-highlight .gi {
color: #859900; }
.syntax-highlight .go {
color: #333; }
.syntax-highlight .gp {
color: #333; }
.syntax-highlight .gs {
color: #333;
font-weight: bold; }
.syntax-highlight .gu {
color: #cb4b16; }
.syntax-highlight .gt {
color: #333; }
.syntax-highlight .kc {
color: #cb4b16; }
.syntax-highlight .kd {
color: #27a8d3; }
.syntax-highlight .kn {
color: #859900; }
.syntax-highlight .kp {
color: #859900; }
.syntax-highlight .kr {
color: #27a8d3; }
.syntax-highlight .kt {
color: #dc322f; }
.syntax-highlight .ld {
color: #333; }
.syntax-highlight .m {
color: #2aa198; }
.syntax-highlight .s {
color: #2aa198; }
.syntax-highlight .na {
color: #333; }
.syntax-highlight .nb {
color: #b58900; }
.syntax-highlight .nc {
color: #27a8d3; }
.syntax-highlight .no {
color: #cb4b16; }
.syntax-highlight .nd {
color: #27a8d3; }
.syntax-highlight .ni {
color: #cb4b16; }
.syntax-highlight .ne {
color: #cb4b16; }
.syntax-highlight .nf {
color: #27a8d3; }
.syntax-highlight .nl {
color: #333; }
.syntax-highlight .nn {
color: #333; }
.syntax-highlight .nx {
color: #999; }
.syntax-highlight .py {
color: #333; }
.syntax-highlight .nt {
color: #27a8d3; }
.syntax-highlight .nv {
color: #27a8d3; }
.syntax-highlight .mf {
color: #2aa198; }
.syntax-highlight .mh {
color: #2aa198; }
.syntax-highlight .mi {
color: #2aa198; }
.syntax-highlight .mo {
color: #2aa198; }
.syntax-highlight .sb {
color: #586e75; }
.syntax-highlight .sc {
color: #2aa198; }
.syntax-highlight .sd {
color: #333; }
.syntax-highlight .s2 {
color: #2aa198; }
.syntax-highlight .se {
color: #cb4b16; }
.syntax-highlight .sh {
color: #333; }
.syntax-highlight .si {
color: #2aa198; }
.syntax-highlight .sx {
color: #2aa198; }
.syntax-highlight .sr {
color: #dc322f; }
.syntax-highlight .s1 {
color: #2aa198; }
.syntax-highlight .ss {
color: #2aa198; }
.syntax-highlight .bp {
color: #27a8d3; }
.syntax-highlight .vc {
color: #27a8d3; }
.syntax-highlight .vg {
color: #27a8d3; }
.syntax-highlight .vi {
color: #27a8d3; }
.syntax-highlight .il {
color: #2aa198; }
.page-docs .site-footer {
margin-top: 0; }
@media only screen and (min-width: 600px) {
.page-docs .site-footer__column {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
margin-left: calc(25% - 2.5rem + 4rem); } }
@media only screen and (min-width: 1100px) {
.page-docs .site-footer__column {
margin-left: calc(25% - 2.5rem + 4rem); } }
.page-index .site-nav {
border: 0; }
.page-index .site-nav__logo:not(:focus) .site-nav__logo__text {
display: none; }
</style><link href="https://images.thoughtbot.com/bourbon/neat-logo-v2-icon.jpg" rel="shortcut icon"/><meta content=no-referrer-when-downgrade name=referrer /><meta content=mEtyyyYcK6fpdAsd2BNW826K5EZaksT7gCLfW0uhZ2Q name=google-site-verification /><meta content="Neat - A Lightweight and flexible Sass grid" property="og:site_name"/><meta content=website property="og:type"/><meta content="Neat - A Lightweight and flexible Sass grid" property="og:title"/><meta content="Neat is a library of pure Sass mixins and functions that are designed to make creating dynamic and engaging layouts absolutely effortless." property="og:description"/><meta content="https://neat.bourbon.io" property="og:url"/><meta content=summary name="twitter:card"/><meta content="Neat - A Lightweight and flexible Sass grid" name="twitter:title"/><meta content="https://images.thoughtbot.com/bourbon/neat-logo-v2-icon.jpg" name="twitter:image"/><meta content="The Neat logo" name="twitter:image:alt"/><meta content="Neat is a library of pure Sass mixins and functions that are designed to make creating dynamic and engaging layouts absolutely effortless." name="twitter:description"/><meta content="https://neat.bourbon.io" name="twitter:url"/><meta content="@bourbonsass" name="twitter:site"/><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "SoftwareSourceCode",
"publisher": {
"@type": "Organization",
"name": "thoughtbot, inc."
},
"url": "https://neat.bourbon.io",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://neat.bourbon.io"
},
"description": "Neat is a library of pure Sass mixins and functions that are designed to make creating dynamic and engaging layouts absolutely effortless."
}</script></head>Neat - A Lightweight and flexible Sass grid
Recherche META Description de la page
Recherche META Keywords de la page
UPDATE DOMAINES SET server='Netlify',redirection='https://neat.bourbon.io/',Status='200',err='',[TITRE]=N'Neat - A Lightweight and flexible Sass grid',[DESCRIPTION]=N'',[KEYWORDS]=N'' WHERE id=28021767
0 Neat - A Lightweight and flexible Sass grid
0. Neat (4)--------->0
1. - (1)--------->0
2. A (1)--------->0
3. Lightweight (11)--------->0
4. and (3)--------->0
5. flexible (8)--------->0
6. Sass (4)--------->0
7. grid (4)--------->0
INSERT INTO KEYWORDS (keyword,id_domaine) VALUES (N'Neat',28021767),(N'-',28021767),(N'A',28021767),(N'Lightweight',28021767),(N'and',28021767),(N'flexible',28021767),(N'Sass',28021767),(N'grid',28021767)