@use '_badges' as *;
@use '_icons' as *;
+.link-orange {
+ color: pvar(--mainForegroundColor);
+ font-weight: $font-semibold;
+ border-bottom: 0.18em solid pvar(--mainColor);
+ display: inline-block;
+ line-height: 1.1;
+
+ &:hover {
+ color: pvar(--mainForegroundColor);
+ opacity: 0.8;
+ }
+}
+
+.underline-orange {
+ display: inline-block;
+ border-bottom: 0.19em solid pvar(--mainColor);
+}
+
+// ---------------------------------------------------------------------------
+
.peertube-button {
@include peertube-button;
}
+.peertube-button-big {
+ @include peertube-button-big;
+}
+
.peertube-button-link {
@include peertube-button-link;
}
+.peertube-button-big-link {
+ @include peertube-button-big-link;
+}
+
.orange-button {
@include orange-button;
}
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;
}
+label + .form-group-description {
+ margin-bottom: 10px;
+ margin-top: 0;
+}
+
// ---------------------------------------------------------------------------
-.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;
}
}
}
-.title-page-about,
-.title-page-settings {
- white-space: nowrap;
- font-size: 115%;
+.title-page-v2 {
+ font-weight: normal;
+ font-size: 15px;
+ padding: 35px 25px;
+}
+
+.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;
}
border-left-width: .25rem;
}
- &.callout-info {
+ &.callout-orange {
border-color: pvar(--mainColorLightest);
- border-left-color: pvar(--mainColor);
+
+ &:not(.callout-light) {
+ border-left-color: pvar(--mainColor);
+ }
}
}
top: #{-($header-height + $sub-menu-height + 20px)};
}
}
+
+// ---------------------------------------------------------------------------
+
+.alert {
+ &.pt-alert-primary {
+ background-color: pvar(--mainColorVeryLight);
+ border: 2px solid pvar(--mainColorLightest);
+ }
+}