CriticalDepsMirror/clay
1
0
Fork 0
mirror of https://github.com/pebble-dev/clay.git synced 2026-08-29 13:26:59 -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 {
background-color: $color-gray-2;
padding: $item-spacing-v $item-spacing-h;
padding: 0 $item-spacing-h $item-spacing-v;
}
h1, h2, h3, h4 {
@@ -105,7 +105,7 @@ label {
}
.component {
padding-bottom: $item-spacing-v;
padding-top: $item-spacing-v;
&.disabled {
pointer-events: none;
@@ -118,14 +118,18 @@ label {
.section {
background: $color-gray-4;
border-radius: 0.25rem;
margin-bottom: 1rem;
box-shadow: $color-gray-1 0 0.15rem 0.25rem;
> .component {
padding-top: $item-spacing-v;
padding-bottom: $item-spacing-v;
padding-right: $item-spacing-h;
padding-left: $item-spacing-h;
position: relative;
margin-top: 1rem;
&:not(.hide) ~ .component {
margin-top: 0;
}
&:last-child,
&:first-child {