mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
style: spacings
This commit is contained in:
parent
5fc1da9b42
commit
5a97b6baac
11 changed files with 10 additions and 101 deletions
|
@ -21,7 +21,7 @@
|
|||
--pico-transition: 0.2s ease-in-out;
|
||||
--pico-spacing: 1rem;
|
||||
--pico-typography-spacing-vertical: 1rem;
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
--pico-form-element-spacing-vertical: 0.75rem;
|
||||
--pico-form-element-spacing-horizontal: 1rem;
|
||||
|
@ -147,23 +147,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
--pico-text-decoration: underline;
|
||||
}
|
||||
|
@ -2119,10 +2102,6 @@ dialog article {
|
|||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
dialog article > header,
|
||||
dialog article > footer {
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.5) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
dialog article > header > * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
23
css/pico.css
23
css/pico.css
|
@ -21,7 +21,7 @@
|
|||
--pico-transition: 0.2s ease-in-out;
|
||||
--pico-spacing: 1rem;
|
||||
--pico-typography-spacing-vertical: 1rem;
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
--pico-grid-column-gap: var(--pico-spacing);
|
||||
--pico-grid-row-gap: var(--pico-spacing);
|
||||
|
@ -149,23 +149,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
--pico-text-decoration: underline;
|
||||
}
|
||||
|
@ -2433,10 +2416,6 @@ dialog article {
|
|||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
dialog article > header,
|
||||
dialog article > footer {
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.5) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
dialog article > header > * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -21,7 +21,7 @@
|
|||
--pico-transition: 0.2s ease-in-out;
|
||||
--pico-spacing: 1rem;
|
||||
--pico-typography-spacing-vertical: 1rem;
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
--pico-form-element-spacing-vertical: 0.75rem;
|
||||
--pico-form-element-spacing-horizontal: 1rem;
|
||||
|
@ -147,23 +147,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
|
||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
dialog > article {
|
||||
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);
|
||||
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
--pico-text-decoration: underline;
|
||||
}
|
||||
|
@ -2082,10 +2065,6 @@ dialog article {
|
|||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
dialog article > header,
|
||||
dialog article > footer {
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.5) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
dialog article > header > * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -50,12 +50,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
> header,
|
||||
> footer {
|
||||
padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.5)
|
||||
var(#{$css-var-prefix}block-spacing-horizontal);
|
||||
}
|
||||
|
||||
> header {
|
||||
> * {
|
||||
margin-bottom: 0;
|
||||
|
|
|
@ -55,7 +55,7 @@
|
|||
map.get($modules, "components/card") or
|
||||
map.get($modules, "components/modal")
|
||||
{
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);
|
||||
#{$css-var-prefix}block-spacing-vertical: var(#{$css-var-prefix}spacing);
|
||||
#{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);
|
||||
}
|
||||
|
||||
|
@ -235,28 +235,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Modal
|
||||
@if map.get($modules, "components/modal") {
|
||||
dialog > article {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);
|
||||
#{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);
|
||||
|
||||
@if map.get($breakpoints, "sm") {
|
||||
@media (min-width: map.get(map.get($breakpoints, "sm"), "breakpoint")) {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2.5);
|
||||
#{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.25);
|
||||
}
|
||||
}
|
||||
|
||||
@if map.get($breakpoints, "md") {
|
||||
@media (min-width: map.get(map.get($breakpoints, "md"), "breakpoint")) {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 3);
|
||||
#{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Link
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue