[Mobile] IN PROGRESS: Styling in forms, overlay and tree

open #74
.section-header and form-row styles changed in forms/_elems.scss;
significant changes to overlay in mobile: full-screen, close button, more;
tree hover bg changed to use rgba(#fff, 0.1);
removed "Hide title by default" in core/bundle.json;
This commit is contained in:
Charles Hacskaylo
2015-08-26 12:34:45 -07:00
parent 9a3009f327
commit f80266b23f
11 changed files with 113 additions and 110 deletions

View File

@@ -20,20 +20,21 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
.section-header {
@include border-radius(3px);
background: $colorFormLines;
@include border-radius($basicCr);
background: rgba(#fff, 0.1);
$c: lighten($colorBodyFg, 20%);
//border-bottom: 1px solid rgba(#fff, 0.3);
color: $c;
font-size: 0.8em;
margin-top: $interiorMargin;
padding: $interiorMargin;
&:first-child {
margin-top: 0;
}
padding: $formTBPad $formLRPad;
text-transform: uppercase;
}
.form {
// @include test(orange);
.form-section {
position: relative;
margin-bottom: $interiorMarginLg * 2;
}
.form-row {
@@ -42,7 +43,7 @@
@include clearfix;
border-top: 1px solid $colorFormLines;
margin-top: $m;
padding: $m;
padding: $formTBPad $formLRPad;
position: relative;
&.first {
border-top: none;