From: samhenri <samuel.guimaraes@eldorado.org.br> Signed-off-by: samhenri <samuel.guimaraes@eldorado.org.br> --- ui/css/src/modules/_wok-forms.scss | 55 ++++++++++++++++++++++++++++++++++++++ ui/css/src/wok.scss | 34 ++--------------------- 2 files changed, 57 insertions(+), 32 deletions(-) create mode 100644 ui/css/src/modules/_wok-forms.scss diff --git a/ui/css/src/modules/_wok-forms.scss b/ui/css/src/modules/_wok-forms.scss new file mode 100644 index 0000000..3f6f99a --- /dev/null +++ b/ui/css/src/modules/_wok-forms.scss @@ -0,0 +1,55 @@ +// +// Project Wok +// +// Copyright IBM, Corp. 2015 +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// + +// Custom check-boxes and radios +input[type=checkbox].wok-checkbox, +input[type=radio].wok-radio { + display: none; +} + +input[type=checkbox].wok-checkbox + label:before, +input[type=radio].wok-radio + label:before { + font-family: FontAwesome; + display: inline-block; +} + +input[type=checkbox].wok-checkbox + label:before { + content: "\f096"; + letter-spacing: 10px; +} + +input[type=checkbox].wok-checkbox:checked + label:before { + content: "\f14a"; + letter-spacing: 8px; +} + +input[type=radio].wok-radio + label:before { + content: "\f10c"; + letter-spacing: 5px; +} + +input[type=radio].wok-radio:checked + label:before { + content: "\f192"; + letter-spacing: 5px; +} + +input[type=radio].wok-checkbox + label, +input[type=radio].wok-radio + label { + cursor: pointer; + margin-right: 10px; +} diff --git a/ui/css/src/wok.scss b/ui/css/src/wok.scss index 9a934d5..db31c57 100755 --- a/ui/css/src/wok.scss +++ b/ui/css/src/wok.scss @@ -68,6 +68,8 @@ @import "modules/datagrid"; // Wok Loaders @import "modules/loaders"; +// Wok Forms +@import "modules/wok-forms"; // Wok Confirm Dialog @import "modules/wok-confirm"; // Form validation classes @@ -108,38 +110,6 @@ margin-right: 5px; } -// Custom check-boxes and radios -input[type=checkbox].wok-checkbox, -input[type=radio].wok-radio { - display: none; -} - -input[type=checkbox].wok-checkbox + label:before, -input[type=radio].wok-radio + label:before { - font-family: FontAwesome; - display: inline-block; -} - -input[type=checkbox].wok-checkbox + label:before { - content: "\f096"; - letter-spacing: 10px; -} - -input[type=checkbox].wok-checkbox:checked + label:before { - content: "\f14a"; - letter-spacing: 8px; -} - -input[type=radio].wok-radio + label:before { - content: "\f10c"; - letter-spacing: 5px; -} - -input[type=radio].wok-radio:checked + label:before { - content: "\f192"; - letter-spacing: 5px; -} - // Animation @import "modules/animation"; -- 1.9.3