mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 16:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

support a gridless mode, which includes all classes except .grid and .container and then uses the classless method for supporting .container.

Browse source
This commit is contained in:
Justin Bishop 2021-12-19 09:10:49 -08:00
parent f81a2e4af4
commit 6b0fa1d42a
22 changed files with 2548 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/pico.classless.css
View file

@ -19,8 +19,6 @@
--typography-spacing-vertical: 1.5rem; --typography-spacing-vertical: 1.5rem;
--block-spacing-vertical: calc(var(--spacing) * 2); --block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing); --block-spacing-horizontal: var(--spacing);
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
--form-element-spacing-vertical: 0.75rem; --form-element-spacing-vertical: 0.75rem;
--form-element-spacing-horizontal: 1rem; --form-element-spacing-horizontal: 1rem;
--transition: 0.2s ease-in-out; --transition: 0.2s ease-in-out;

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.css
View file

@ -19,8 +19,6 @@
--typography-spacing-vertical: 1.5rem; --typography-spacing-vertical: 1.5rem;
--block-spacing-vertical: calc(var(--spacing) * 2); --block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing); --block-spacing-horizontal: var(--spacing);
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
--form-element-spacing-vertical: 0.75rem; --form-element-spacing-vertical: 0.75rem;
--form-element-spacing-horizontal: 1rem; --form-element-spacing-horizontal: 1rem;
--transition: 0.2s ease-in-out; --transition: 0.2s ease-in-out;

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2502
css/pico.gridless.css Normal file
View file

File diff suppressed because it is too large Load diff

1
css/pico.gridless.css.map Normal file
View file

File diff suppressed because one or more lines are too long

5
css/pico.gridless.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
css/pico.gridless.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.css.map
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.min.css.map
View file

File diff suppressed because one or more lines are too long

3
scss/_variables.scss
View file

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

2
scss/layout/_grid.scss
View file

@ -1,4 +1,4 @@
@if $enable-classes { @if ($enable-classes and $enable-grid) {
/** /**
* Grid * Grid
* Minimal grid system with auto-layout columns * Minimal grid system with auto-layout columns

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

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

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

@ -50,9 +50,10 @@
--block-spacing-vertical: calc(var(--spacing) * 2); --block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing); --block-spacing-horizontal: var(--spacing);
// Spacings .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);
}
// Spacings for form elements and button // Spacings for form elements and button
--form-element-spacing-vertical: 0.75rem; --form-element-spacing-vertical: 0.75rem;