5 // Checkboxes / radio buttons.
7 // Remove top/bottom margins when in table context, because this is most
8 // likely a tableselect checkbox element.
9 table &.form-no-label {
15 // Browsers do not recognize pseudo :after selectors, we must create a wrapper
16 // around the select element to style it properly.
17 // $see http://stackoverflow.com/q/21103542
19 display: inline-block;
27 // Reset rounded corners
28 &:first-child .form-control:first-child {
29 @include border-left-radius($border-radius-base);
31 &:last-child .form-control:first-child {
32 @include border-right-radius($border-radius-base);
36 -webkit-appearance: none;
37 -moz-appearance: none;
46 color: $brand-primary;
59 // Use a more stylish icon if the theme uses glyphicons.
61 -webkit-font-smoothing: antialiased;
62 -moz-osx-font-smoothing: grayscale;
63 content: '\e114'; // .glyphicon-chevron-down
64 display: inline-block;
65 font-family: 'Glyphicons Halflings';
68 color: $state-danger-text;
71 color: $state-success-text;
74 color: $state-warning-text;
79 // Use CSS/SVG image for required mark.
80 // @see https://www.drupal.org/node/2152217
81 // @see https://www.drupal.org/node/2274631
82 .form-required:after {
83 background-image: url(../images/required.svg);
84 background-size: 10px 7px;
86 display: inline-block;
92 // Form action buttons.