.icon.note.grey { /* no-r2 */ background-position: -240px -20px; }
.icon.query { /* no-r2 */ background-position: -260px 0; }
-/* Rules for links */
-
-a {
- color: #24d;
- text-decoration: none;
- outline: 0;
- &:hover {
- text-decoration: underline;
- }
-}
-
/* Utility for de-emphasizing content */
.text-muted a {
.login-menu {
.btn-outline-secondary {
- @include button-outline-variant($darkgrey);
+ @include button-outline-variant($darkgrey, $white, null, null, $white);
}
}
width: 100%;
}
- h2 {
- font-size: 1.5rem;
- }
-
- h3, h4 {
- font-size: 1.25rem;
- }
-
.close-wrap {
cursor: pointer;
position: absolute;
}
}
+/* Stop bootstrap 5 from floating legends when they don't need to be */
+legend {
+ float: none;
+}
+
+/* Override the text colour for primary and secondary buttons, to match our
+ bootstrap 4 colours. Note this has accessibility issues, which is why
+ bootstrap 5 calculates black as the appropriate colour, and we should
+ reconsider our colours at some point with that in mind. */
+
+.btn-primary {
+ @include button-variant($primary, $primary, $white, null, null, $white, null, null, $white, null, null, $white);
+}
+
+.btn-secondary {
+ @include button-variant($secondary, $secondary, $white, null, null, $white, null, null, $white, null, null, $white);
+}
+
+.btn-outline-secondary {
+ @include button-outline-variant($secondary, $white, null, null, $white);
+}
+
/* Rules for the search and direction forms */
header .search_forms,
/* Rules for messages pages */
.messages {
- input[type="submit"] {
+ button[type="submit"] {
margin: auto;
+ white-space: nowrap;
}
.inbox-row {
/* Rules for "flash" notice boxes shown at the top of the content area */
.flash {
- padding: $lineheight;
-
&.error {
background-color: #ff7070;
}
}
}
-/* Customise the background colour of striped tables */
-
-.table-striped > tbody > tr:nth-child(2n+1) > td,
-.table-striped > tbody > tr:nth-child(2n+1) > th {
- background-color: $offwhite;
-}
-
/* Rules for OpenID logo */
.openid_logo {
.richtext,
.prose {
code {
- font-size: 13px;
background: $lightgrey;
padding: 2px 3px;
}
pre {
- font-size: 13px;
background: $lightgrey;
padding: 2px 3px;
white-space: pre-wrap;