CriticalDepsMirror/clay
1
0
Fork 0
mirror of https://github.com/pebble-dev/clay.git synced 2026-09-05 16:47:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix section spacing when all items in a section are hidden.

Browse Source
This commit is contained in:
Keegan
2016-03-03 00:13:51 +11:00
parent aa8409912c
commit 4fb8db32da
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/clay/_base.scss
+8 -4
View File
@@ -17,7 +17,7 @@ html, body {
body { body {
background-color: $color-gray-2; background-color: $color-gray-2;
padding: $item-spacing-v $item-spacing-h; padding: 0 $item-spacing-h $item-spacing-v;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
@@ -105,7 +105,7 @@ label {
} }
.component { .component {
padding-bottom: $item-spacing-v; padding-top: $item-spacing-v;
&.disabled { &.disabled {
pointer-events: none; pointer-events: none;
@@ -118,14 +118,18 @@ label {
.section { .section {
background: $color-gray-4; background: $color-gray-4;
border-radius: 0.25rem; border-radius: 0.25rem;
margin-bottom: 1rem;
box-shadow: $color-gray-1 0 0.15rem 0.25rem; box-shadow: $color-gray-1 0 0.15rem 0.25rem;
> .component { > .component {
padding-top: $item-spacing-v; padding-bottom: $item-spacing-v;
padding-right: $item-spacing-h; padding-right: $item-spacing-h;
padding-left: $item-spacing-h; padding-left: $item-spacing-h;
position: relative; position: relative;
margin-top: 1rem;
&:not(.hide) ~ .component {
margin-top: 0;
}
&:last-child, &:last-child,
&:first-child { &:first-child {