.link-orange {
color: pvar(--mainForegroundColor);
font-weight: $font-bold;
- border-bottom: 0.20em solid pvar(--mainColor);
+ border-bottom: 0.19em solid pvar(--mainColor);
+ display: inline-block;
+ line-height: 1.2;
&:hover {
color: pvar(--mainForegroundColor);
.underline-orange {
display: inline-block;
- border-bottom: 0.20em solid pvar(--mainColor);
+ border-bottom: 0.19em solid pvar(--mainColor);
}
// ---------------------------------------------------------------------------
margin-bottom: 1rem;
}
+.input-error:not(:focus) {
+ &,
+ + .nav-preview, // Markdown textarea
+ + * + .tab-content {
+ border-color: $red !important;
+ }
+}
+
+.input-group .input-error {
+ z-index: 3;
+}
+
.form-error,
.form-warning {
display: block;
margin-top: 5px;
+ font-size: 0.9em;
}
.form-error {
color: $red;
}
-.input-error {
- border-color: $red !important;
+// Disable red error on input focus
+.input-error:focus,
+.input-group:focus-within {
+ + .form-error,
+ + * + .form-error, // Markdown textarea
+ + * + * + .form-error {
+ color: pvar(--mainForegroundColor);
+ }
}
.form-group-description {
@extend .muted !optional;
- font-size: 90%;
+ font-size: 14px;
margin-top: 10px;
}
// ---------------------------------------------------------------------------
-.title-page {
+.sub-menu-entry {
@include disable-default-a-behaviour;
@include margin-right(55px);
- opacity: 0.6;
+ opacity: 0.7;
color: pvar(--mainForegroundColor);
- font-size: 16px;
display: inline-block;
font-weight: $font-semibold;
border-bottom: 2px solid transparent;
-
- &.title-page-single {
- margin-top: 30px;
- margin-bottom: 25px;
- }
+ white-space: nowrap;
+ font-size: 1rem;
&.active {
border-bottom-color: pvar(--mainColor);
}
- &.title-page-single {
- font-size: 125%;
- }
-
&:hover,
&:active,
&:focus {
&.active,
&:hover,
&:active,
- &:focus,
- &.title-page-single {
+ &:focus {
opacity: 1;
outline: 0 hidden !important;
}
padding: 35px 25px;
}
-.title-page-about,
-.title-page-settings {
- white-space: nowrap;
- font-size: 115%;
+.title-page {
+ @include margin-right(55px);
+
+ margin-top: 30px;
+ margin-bottom: 25px;
+
+ color: pvar(--mainForegroundColor);
+ display: inline-block;
+ font-weight: $font-semibold;
+ font-size: 1.25rem;
+
+ a {
+ @include disable-default-a-behaviour;
+
+ color: inherit;
+
+ &:hover {
+ color: inherit;
+ opacity: 0.8;
+ }
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ @include margin-left(15px);
+ }
}
.admin-sub-header {
flex-direction: column;
align-items: center;
justify-content: center;
- font-size: 16px;
font-weight: $font-semibold;
}
// ---------------------------------------------------------------------------
.alert {
- p:last-child {
- margin-bottom: 0;
- }
-
&.pt-alert-primary {
background-color: pvar(--mainColorVeryLight);
border: 2px solid pvar(--mainColorLightest);