mirror of
https://github.com/picocss/pico.git
synced 2025-05-05 07:07:11 -04:00
further refine gridless to not include .container class
This commit is contained in:
parent
5e20dbdc48
commit
0fa17d35f7
8 changed files with 12 additions and 45 deletions
|
@ -502,8 +502,8 @@ body > footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
.container,
|
.container,
|
||||||
.container-fluid {
|
.container-fluid {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -529,41 +529,6 @@ body > footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Container
|
|
||||||
*/
|
|
||||||
.container,
|
|
||||||
.container-fluid {
|
|
||||||
width: 100%;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
padding-right: var(--spacing);
|
|
||||||
padding-left: var(--spacing);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 576px) {
|
|
||||||
.container {
|
|
||||||
max-width: 510px;
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.container {
|
|
||||||
max-width: 700px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
.container {
|
|
||||||
max-width: 920px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1130px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Section
|
* Section
|
||||||
* Responsive spacings for section
|
* Responsive spacings for section
|
||||||
|
|
2
css/pico.gridless.min.css
vendored
2
css/pico.gridless.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -451,8 +451,8 @@ body > footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
.container,
|
.container,
|
||||||
.container-fluid {
|
.container-fluid {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.container,
|
.container,
|
||||||
.container-fluid {
|
.container-fluid {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
@if $enable-classes and $enable-grid {
|
@if ($enable-classes and $enable-grid) {
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
|
@ -7,6 +7,9 @@ $enable-semantic-container: true;
|
||||||
// Enable .classes
|
// Enable .classes
|
||||||
$enable-classes: true;
|
$enable-classes: true;
|
||||||
|
|
||||||
|
// No class container
|
||||||
|
$enable-class-container: false;
|
||||||
|
|
||||||
// Disable .grid
|
// Disable .grid
|
||||||
$enable-grid: false;
|
$enable-grid: false;
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,7 @@
|
||||||
--block-spacing-horizontal: var(--spacing);
|
--block-spacing-horizontal: var(--spacing);
|
||||||
|
|
||||||
// Spacings .grid
|
// Spacings .grid
|
||||||
@if $enable-classes and $enable-grid {
|
@if ($enable-classes and $enable-grid) {
|
||||||
--grid-spacing-vertical: 0;
|
--grid-spacing-vertical: 0;
|
||||||
--grid-spacing-horizontal: var(--spacing);
|
--grid-spacing-horizontal: var(--spacing);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue