--mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color};
- --secondaryColor: #{$secondary-color};
-
--greyForegroundColor: #{$grey-foreground-color};
--greyBackgroundColor: #{$grey-background-color};
--greySecondaryBackgroundColor: #{$grey-background-hover-color};
margin: 1rem auto;
}
+a {
+ text-decoration: none;
+}
+
strong {
font-weight: $font-semibold;
}
label {
font-weight: $font-bold;
font-size: 15px;
+ margin-bottom: 0.5rem;
}
code {
vertical-align: middle;
}
+.form-group {
+ margin-bottom: 1rem;
+}
+
.form-error,
.form-warning {
display: block;
}
.input-error,
-my-input-toggle-hidden ::ng-deep input {
+my-input-text ::ng-deep input {
border-color: $red !important;
}
max-width: initial;
}
-.glyphicon-black {
- color: #000;
-}
-
-.row {
- margin: 0 !important;
-}
-
.main-col {
@include margin-left($menu-width);
// In tables, don't have a hover different background
table {
- .action-button-edit,
- .action-button-delete {
- &:hover,
- &:active,
- &:focus,
- &[disabled],
- &.disabled {
- background-color: $grey-background-color !important;
+ my-edit-button,
+ my-delete-button {
+ .action-button {
+ &:hover,
+ &:active,
+ &:focus,
+ &[disabled],
+ &.disabled {
+ background-color: pvar(--greyBackgroundColor) !important;
+ opacity: 0.8;
+ }
}
}
}
}
}
+my-global-icon[iconName=external-link] {
+ margin: 0 3px;
+ width: 13px;
+ vertical-align: text-bottom;
+ color: pvar(--inputPlaceholderColor);
+}
+
+.chevron-down {
+ @include chevron-down(0.55rem, 0.20em);
+
+ margin: 0 5px;
+}
+
+.chevron-up {
+ @include chevron-up(0.55rem, 0.20em);
+
+ margin: 0 5px;
+}
+
/* offsetTop for scrollToAnchor */
.anchor {
margin-top: 10px;
}
+.callout {
+ padding: 1.25rem;
+ border: 1px solid #eee;
+ border-radius: .25rem;
+ position: relative;
+
+ > label {
+ position: relative;
+ top: -5px;
+ left: -10px;
+ color: #6c757d !important;
+ }
+
+ &:not(.callout-light) {
+ border-left-width: .25rem;
+ }
+
+ &.callout-info {
+ border-color: pvar(--mainColorLightest);
+ border-left-color: pvar(--mainColor);
+ }
+}
+
@media screen and (max-width: #{breakpoint(xxl)}) {
.main-col {
--horizontalMarginContent: #{math.div($not-expanded-horizontal-margins, 2)};
--videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
}
- /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
+ /* the following applies from 500px to 900px and is partially overridden from 500px to 800px by changes below to $small-view */
.main-col,
.main-col.expanded {
--horizontalMarginContent: #{math.div($expanded-horizontal-margins, 3)};