mirror of
https://github.com/picocss/pico.git
synced 2025-05-04 14:49:12 -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-fluid {
|
||||
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
|
||||
* 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-fluid {
|
||||
width: 100%;
|
||||
|
|
|
@ -1,8 +1,7 @@
|
|||
@if ($enable-class-container and $enable-classes) {
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
|
||||
* Container
|
||||
*/
|
||||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@if $enable-classes and $enable-grid {
|
||||
@if ($enable-classes and $enable-grid) {
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
|
|
|
@ -7,6 +7,9 @@ $enable-semantic-container: true;
|
|||
// Enable .classes
|
||||
$enable-classes: true;
|
||||
|
||||
// No class container
|
||||
$enable-class-container: false;
|
||||
|
||||
// Disable .grid
|
||||
$enable-grid: false;
|
||||
|
||||
|
|
|
@ -51,7 +51,7 @@
|
|||
--block-spacing-horizontal: var(--spacing);
|
||||
|
||||
// Spacings .grid
|
||||
@if $enable-classes and $enable-grid {
|
||||
@if ($enable-classes and $enable-grid) {
|
||||
--grid-spacing-vertical: 0;
|
||||
--grid-spacing-horizontal: var(--spacing);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue