mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-05-05 15:17:11 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

provide option to get all classes except .grid

Browse source 
I wanted a way to have the classless container, with no .grid class, but still get .secondary, .contrast, and .outline
This commit is contained in:
Justin Bishop 2021-12-18 20:41:11 -08:00
parent 73d75856f6
commit 5e20dbdc48
12 changed files with 2405 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

3
scss/_variables.scss
View file

@ -23,6 +23,9 @@ $enable-responsive-typography: true !default;
// .classless version if disabled
$enable-classes: true !default;
// Removes .grid class if disabled
$enable-grid: true !default;
// Enable transitions
$enable-transitions: true !default;

8
scss/layout/_grid.scss
View file

@ -1,8 +1,8 @@
@if $enable-classes {
@if $enable-classes and $enable-grid {
/**
* Grid
* Minimal grid system with auto-layout columns
*/
* Grid
* Minimal grid system with auto-layout columns
*/
.grid {
grid-column-gap: var(--grid-spacing-horizontal);

16
scss/pico.gridless.scss Normal file
View file

@ -0,0 +1,16 @@
// Config
// --------------------
// Enable <header>, <main>, <footer> inside <body> as a container
$enable-semantic-container: true;
// Enable .classes
$enable-classes: true;
// Disable .grid
$enable-grid: false;
// Pico Lib
// --------------------
@import "pico";

6
scss/themes/default/_styles.scss
View file

@ -51,8 +51,10 @@
--block-spacing-horizontal: var(--spacing);
// Spacings .grid
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
@if $enable-classes and $enable-grid {
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
}
// Spacings for form elements and button
--form-element-spacing-vertical: 0.75rem;