From 1fd8a550122b400516bdc01062fc9a91112cd79d Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Sat, 15 Jun 2013 11:24:22 +0200 Subject: [PATCH] Form.scss reformatting (no functional changes) --- css/Form.css | 24 +----- scss/Form.scss | 224 +++++++++++++++++++++++++------------------------ 2 files changed, 115 insertions(+), 133 deletions(-) diff --git a/css/Form.css b/css/Form.css index 06afa4fe2..8677f2e90 100644 --- a/css/Form.css +++ b/css/Form.css @@ -1,42 +1,22 @@ -/** Fields */ +form { /** Messages */ } form * { font-size: 12px; } - form fieldset { margin: 0; padding: 0; border-style: none; } - form .field { clear: both; padding: 0.2em; margin: 0 0 0 10em; vertical-align: middle; } - form p.checkbox { margin: 0 0 0 8.5em; } - form .field.nolabel { margin-left: 0; } - form label.left { float: left; width: 10em; margin-left: -10em; } - form input.maxlength { width: auto; } - form .actions { float: right; } - form .validation, form .error, form .required { border: 1px solid #f00; background: #fcc; padding: 0.5em; width: 50%; } - form .field span.readonly { border: 1px #CCC dotted; background-color: #F7F7F7; display: block; width: 98%; padding: 3px; margin: 5px 0; } - form .indicator.inline { display: inline; margin-left: 5px; vertical-align: middle; } - form .indicator.block { display: inline; } - -/* Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions */ form button.minorAction { background: none; padding: 0; border: 0; color: #0074C6; text-decoration: underline; } - -/** Messages */ -form .message.notice { background-color: #FCFFDF; border-color: #FF9300; } - form .message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; background-color: #B9FFB9; border-color: #00FF00; } - +form .message.notice { background-color: #FCFFDF; border-color: #FF9300; } form .message.warning { background-color: #FFD2A6; border-color: #FF9300; } - form .message.bad { background-color: #FF8080; border-color: #FF0000; } - form .message.required, form .message.validation { display: block; margin-top: 5px; color: #FF9300; width: 240px; border-color: #FF9300; } - form .message.validation { color: #FF4040; width: 240px; border-color: #FF4040; } .typography .ss-tabset ul { margin: 0; } diff --git a/scss/Form.scss b/scss/Form.scss index efe09f01b..3924b0a68 100755 --- a/scss/Form.scss +++ b/scss/Form.scss @@ -1,119 +1,121 @@ -/** - * Fields - */ -form * { - font-size: 12px; -} -form fieldset { - margin: 0; - padding: 0; - border-style: none; -} - -form .field { - clear: both; - padding: 0.2em; - margin: 0 0 0 10em; - vertical-align: middle; -} - -form p.checkbox { - margin: 0 0 0 8.5em; -} - -form .field.nolabel { - margin-left: 0; -} - -form label.left { - float: left; - width: 10em; - margin-left: -10em; -} - -form input.maxlength { - width: auto; -} - -form .actions{ - float : right; -} - -form .validation, -form .error, -form .required -{ - border: 1px solid #f00; - background: #fcc; - padding: 0.5em; - width: 50%; -} - -form .field span.readonly { - border: 1px #CCC dotted; - background-color: #F7F7F7; - display: block; - width: 98%; - padding: 3px; - margin:5px 0; -} - -form .indicator.inline { - display: inline; - margin-left: 5px; - vertical-align: middle; -} - -form .indicator.block { - display: inline; -} - -/* Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions */ -form button.minorAction { - background: none; - padding: 0; - border: 0; - color: #0074C6; - text-decoration: underline; -} - -/** - * Messages - */ -form .message.notice { - background-color: #FCFFDF; - border-color: #FF9300; -} -form .message { - margin: 1em 0; - padding: 0.5em; - font-weight: bold; - border: 1px black solid; - background-color: #B9FFB9; - border-color: #00FF00; -} - form .message.warning { - background-color: #FFD2A6; - border-color: #FF9300; +form { + + * { + font-size: 12px; } - form .message.bad { - background-color: #FF8080; - border-color: #FF0000; + + fieldset { + margin: 0; + padding: 0; + border-style: none; } - form .message.required, - form .message.validation { - display:block; - margin-top:5px; - color:#FF9300; - width:240px; - border-color: #FF9300; + + .field { + clear: both; + padding: 0.2em; + margin: 0 0 0 10em; + vertical-align: middle; } - form .message.validation { - color:#FF4040; - width:240px; - border-color: #FF4040; + + p.checkbox { + margin: 0 0 0 8.5em; } + .field.nolabel { + margin-left: 0; + } + + label.left { + float: left; + width: 10em; + margin-left: -10em; + } + + input.maxlength { + width: auto; + } + + .actions{ + float : right; + } + + .validation, .error, .required { + border: 1px solid #f00; + background: #fcc; + padding: 0.5em; + width: 50%; + } + + .field span.readonly { + border: 1px #CCC dotted; + background-color: #F7F7F7; + display: block; + width: 98%; + padding: 3px; + margin:5px 0; + } + + .indicator.inline { + display: inline; + margin-left: 5px; + vertical-align: middle; + } + + .indicator.block { + display: inline; + } + + // Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions + button.minorAction { + background: none; + padding: 0; + border: 0; + color: #0074C6; + text-decoration: underline; + } + + /** + * Messages + */ + .message { + margin: 1em 0; + padding: 0.5em; + font-weight: bold; + border: 1px black solid; + background-color: #B9FFB9; + border-color: #00FF00; + + &.notice { + background-color: #FCFFDF; + border-color: #FF9300; + } + + &.warning { + background-color: #FFD2A6; + border-color: #FF9300; + } + + &.bad { + background-color: #FF8080; + border-color: #FF0000; + } + + &.required, &.validation { + display:block; + margin-top:5px; + color:#FF9300; + width:240px; + border-color: #FF9300; + } + + &.validation { + color:#FF4040; + width:240px; + border-color: #FF4040; + } + } +} + .typography .ss-tabset ul { margin: 0; } \ No newline at end of file