assets/src/sass/frontend.scss
@import "variables";
.torro-element-wrap {
margin-bottom: $element-wrap-spacing;
}
.torro-element-label {
margin-bottom: $element-label-spacing;
}
.torro-toggle input[type="radio"] + label,
.torro-toggle input[type="checkbox"] + label {
display: inline-block;
}
.torro-pager {
display: block;
clear: both;
.prev,
.next {
display: inline-block;
}
.prev > button {
float: left;
}
.next > button {
float: right;
}
}
.torro-required-indicator {
font-weight: bold;
}
.torro-element-wrap {
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="radio"],
input[type="checkbox"],
textarea,
select {
&[aria-invalid="true"] {
border-color: $color-error;
}
}
}
.torro-element-errors {
color: $color-error;
}
.torro-notice {
margin-bottom: $notice-spacing;
padding: 0.5em 1em;
background-color: #ffffff;
border-left: 4px solid #fff;
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
&.torro-success-notice {
background-color: $color-success-light;
border-left-color: $color-success;
}
&.torro-info-notice {
background-color: $color-info-light;
border-left-color: $color-info;
}
&.torro-warning-notice {
background-color: $color-warning-light;
border-left-color: $color-warning;
}
&.torro-error-notice {
background-color: $color-error-light;
border-left-color: $color-error;
}
> p:last-child,
> ul:last-child {
margin-bottom: 0;
}
}
.torro-evaluations-results {
margin: 0 0 $basic-spacing;
padding: $basic-spacing;
border: 1px solid #ccc;
.torro-evaluations-subtabs,
.torro-evaluations-subcontent {
position: relative;
display: block;
margin: 0;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.torro-evaluations-subtabs {
border-bottom: 1px solid #eee;
}
.torro-evaluations-subtab {
display: inline-block;
padding: 11px 12px;
&[aria-selected="true"] {
color: #555;
text-decoration: none;
font-weight: bold;
}
}
.torro-evaluations-subtab-panel[aria-hidden="true"] {
display: none;
}
}
#torro-email-wrap {
display: none;
}