_checkboxgroup.scss.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js"><span id='Ext-form-CheckboxGroup-css_mixin-extjs-form-checkboxgroup'>/**
  19. </span> * Creates the base structure of CheckboxGroup.
  20. * @member Ext.form.CheckboxGroup
  21. */
  22. @mixin extjs-form-checkboxgroup {
  23. .#{$prefix}form-checkboxgroup-body {
  24. padding: 1px 4px 1px 4px;
  25. }
  26. .#{$prefix}form-invalid {
  27. .#{$prefix}form-checkboxgroup-body {
  28. border: 1px solid #c30!important;
  29. background: transparent repeat-x bottom;
  30. background-image: theme-background-image($theme-name, 'grid/invalid_line.gif');
  31. padding: 1px 3px 0 3px;
  32. }
  33. }
  34. .#{$prefix}check-group-alt {
  35. background: adjust-color($base-color, $hue: 2.667deg, $saturation: -7.168%, $lightness: 3.725%);
  36. border-top:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%);
  37. border-bottom:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%);
  38. }
  39. .#{$prefix}form-check-group-label {
  40. color: #333;
  41. border-bottom: 1px solid #333;
  42. margin: 0 30px 5px 0;
  43. padding: 2px;
  44. }
  45. }</pre>
  46. </body>
  47. </html>