2023-09-20 17:34:33 +02:00
|
|
|
@import 'bulma/bulma.sass';
|
2023-11-06 12:34:18 +01:00
|
|
|
@import 'bulma-checkradio/dist/css/bulma-checkradio.min.css';
|
2019-06-24 00:26:04 +02:00
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root,
|
|
|
|
footer,
|
|
|
|
.header,
|
|
|
|
.modal-background,
|
|
|
|
.modal-slot,
|
|
|
|
.options-header {
|
|
|
|
background-color: $white-ter;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="dark"],
|
|
|
|
:root[data-theme="dark"] footer,
|
|
|
|
:root[data-theme="dark"] .header,
|
|
|
|
:root[data-theme="dark"] .modal-background,
|
2023-02-08 16:35:52 +01:00
|
|
|
:root[data-theme="dark"] .modal-slot,
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .options-header {
|
|
|
|
background-color: $black-ter;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="dark"] .about-debug {
|
|
|
|
background-color: $black-bis;
|
|
|
|
}
|
|
|
|
|
2020-02-05 23:46:40 +01:00
|
|
|
a:hover {
|
|
|
|
color: hsl(204, 86%, 53%);
|
|
|
|
}
|
|
|
|
|
2023-12-01 15:03:57 +01:00
|
|
|
#app {
|
|
|
|
min-height: 100vh;
|
|
|
|
}
|
2020-09-29 22:46:03 +02:00
|
|
|
@supports (padding-top: env(safe-area-inset-top)) {
|
|
|
|
#app {
|
|
|
|
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (padding-top: constant(safe-area-inset-top)) {
|
|
|
|
#app {
|
|
|
|
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-left);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-01-11 16:46:59 +01:00
|
|
|
.main-section {
|
2020-02-06 17:03:08 +01:00
|
|
|
padding: 1.5rem 1rem 9rem 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
.main-section {
|
|
|
|
padding-top: 0.75rem;
|
|
|
|
}
|
2020-01-11 16:46:59 +01:00
|
|
|
}
|
|
|
|
|
2020-09-27 23:39:07 +02:00
|
|
|
.header {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
padding-top: 1rem;
|
|
|
|
padding-bottom: 1rem;
|
|
|
|
width: 100%;
|
2022-10-12 11:30:20 +02:00
|
|
|
z-index: 1000;
|
2020-01-31 11:44:45 +01:00
|
|
|
}
|
|
|
|
|
2020-09-29 22:46:03 +02:00
|
|
|
@supports (padding-top: env(safe-area-inset-top)) {
|
|
|
|
.header {
|
|
|
|
--safe-area-inset-top: env(safe-area-inset-top);
|
|
|
|
padding-top: calc(1rem + var(--safe-area-inset-top));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (padding-top: constant(safe-area-inset-top)) {
|
|
|
|
.header {
|
|
|
|
--safe-area-inset-top: constant(safe-area-inset-top);
|
|
|
|
padding-top: calc(1rem + var(--safe-area-inset-top));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
.toolbar button {
|
|
|
|
background-color: $white-ter;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="dark"] .toolbar button {
|
|
|
|
background-color: $black-ter;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toolbar button.delete {
|
|
|
|
background-color: $grey;
|
|
|
|
}
|
|
|
|
.toolbar button.delete::before, .toolbar button.delete::after {
|
|
|
|
background-color: $white;
|
|
|
|
}
|
|
|
|
.toolbar button.delete:hover, .toolbar button.delete:focus {
|
|
|
|
background-color: $grey;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .toolbar button.delete::before, :root[data-theme="dark"] .toolbar button.delete::after {
|
|
|
|
background-color: $white;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .toolbar button.delete:hover, :root[data-theme="dark"] .toolbar button.delete:focus {
|
|
|
|
background-color: rgba(10, 10, 10, 0.3);
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
:root[data-theme="dark"] .toolbar button.delete::before, :root[data-theme="dark"] .toolbar button.delete::after {
|
|
|
|
background-color: $white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.modal-otp {
|
|
|
|
z-index: 2000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.otp:focus-visible {
|
|
|
|
outline-offset: 3px;
|
|
|
|
outline: 2px dotted $dark;
|
|
|
|
border-radius: $radius-large;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.otp:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
// has-text-weight-semibold / $weight-semibold
|
2024-01-29 08:55:56 +01:00
|
|
|
.group-item, .list-item {
|
2023-02-01 17:21:55 +01:00
|
|
|
border-bottom: 1px solid $grey-lighter;
|
2020-10-25 23:59:03 +01:00
|
|
|
padding: 0.75rem;
|
|
|
|
}
|
2024-01-29 08:55:56 +01:00
|
|
|
:root[data-theme="dark"] .group-item,
|
|
|
|
:root[data-theme="dark"] .list-item {
|
2023-02-01 17:21:55 +01:00
|
|
|
border-color: $grey-darker;
|
|
|
|
color: $light;
|
|
|
|
}
|
2024-01-29 08:55:56 +01:00
|
|
|
:root[data-theme="dark"] .list-item {
|
|
|
|
color: $grey-lighter;
|
|
|
|
}
|
2020-10-25 23:59:03 +01:00
|
|
|
|
|
|
|
.group-item:first-of-type {
|
|
|
|
margin-top: 2.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-item span {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2020-01-31 11:44:45 +01:00
|
|
|
.accounts {
|
2022-10-12 11:30:20 +02:00
|
|
|
margin-top: 75px;
|
2020-10-25 23:59:03 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.groups {
|
|
|
|
margin-top: 110px;
|
2020-09-27 23:39:07 +02:00
|
|
|
}
|
|
|
|
|
2020-11-25 21:56:04 +01:00
|
|
|
.group-selector {
|
|
|
|
margin-top: 55px;
|
|
|
|
}
|
|
|
|
|
2021-10-29 17:12:58 +02:00
|
|
|
.group-item .tags:not(:last-child) {
|
|
|
|
margin-bottom: inherit;
|
|
|
|
}
|
|
|
|
|
2020-09-27 23:39:07 +02:00
|
|
|
@media screen and (min-width: 769px) {
|
|
|
|
.accounts {
|
2022-10-12 11:30:20 +02:00
|
|
|
margin-top: 99px;
|
2020-09-27 23:39:07 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.search {
|
|
|
|
margin-bottom: 0 !important;
|
2020-01-31 11:44:45 +01:00
|
|
|
}
|
|
|
|
|
2020-09-28 00:04:17 +02:00
|
|
|
.manage-buttons {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
2020-01-28 15:33:33 +01:00
|
|
|
.form-column {
|
|
|
|
padding-top: 3rem;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.form-column>div.nav-links {
|
2022-04-15 16:20:34 +02:00
|
|
|
padding-top: 1.5rem;
|
2020-01-28 15:33:33 +01:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.form-column>div.nav-links p {
|
2022-04-15 16:20:34 +02:00
|
|
|
margin-bottom: 0.25rem;
|
|
|
|
padding-top: 0.25rem;
|
2020-01-28 15:33:33 +01:00
|
|
|
}
|
|
|
|
|
2020-02-09 23:04:46 +01:00
|
|
|
.pull-down-header {
|
2023-02-01 17:21:55 +01:00
|
|
|
background-color: $grey-darker !important;
|
2020-02-09 23:04:46 +01:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-grid {
|
2022-12-14 14:00:33 +01:00
|
|
|
border-radius: 6px;
|
|
|
|
text-align: center;
|
2023-02-01 17:21:55 +01:00
|
|
|
background-color: $white;
|
2022-12-14 14:00:33 +01:00
|
|
|
padding: 0.75rem 3rem;
|
|
|
|
margin: 0.5rem;
|
2020-01-29 17:26:05 +01:00
|
|
|
}
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .tfa-grid {
|
|
|
|
background-color: hsl(0, 0%, 10%);
|
|
|
|
}
|
2020-01-29 17:26:05 +01:00
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-list {
|
2022-12-14 14:00:33 +01:00
|
|
|
text-align: inherit;
|
2023-02-01 17:21:55 +01:00
|
|
|
border-bottom: 1px solid $grey-lighter;
|
2022-12-14 14:00:33 +01:00
|
|
|
margin: 0 1%;
|
|
|
|
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
|
|
|
|
width: 31.3% !important;
|
2020-05-02 17:55:41 +02:00
|
|
|
}
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .tfa-list {
|
|
|
|
background-color: $black-ter;
|
|
|
|
border-bottom: 1px solid $grey-darker;
|
|
|
|
}
|
2020-05-02 17:55:41 +02:00
|
|
|
|
|
|
|
@media screen and (max-width: 1217px) {
|
2022-04-13 13:59:23 +02:00
|
|
|
.tfa-list {
|
2022-12-14 14:00:33 +01:00
|
|
|
width: 48% !important;
|
2020-05-02 17:55:41 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 769px) {
|
|
|
|
.tfa-list {
|
2022-12-14 14:00:33 +01:00
|
|
|
border-radius: unset;
|
|
|
|
text-align: inherit;
|
|
|
|
margin: 0;
|
|
|
|
max-width: none;
|
|
|
|
width: auto !important;
|
2020-01-29 17:26:05 +01:00
|
|
|
}
|
2019-06-24 00:26:04 +02:00
|
|
|
}
|
|
|
|
|
2020-01-30 23:06:16 +01:00
|
|
|
.tfa-container {
|
|
|
|
align-items: center;
|
|
|
|
display: flex;
|
|
|
|
justify-content: left;
|
2020-05-02 17:55:41 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.tfa-grid .tfa-container {
|
2020-01-30 23:06:16 +01:00
|
|
|
flex-direction: column;
|
2020-11-28 20:09:08 +01:00
|
|
|
// padding: 0 1.5rem;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-list .tfa-container {
|
|
|
|
flex-direction: row;
|
2020-02-06 22:15:13 +01:00
|
|
|
padding: 0;
|
2020-05-02 17:55:41 +02:00
|
|
|
}
|
2020-01-30 23:06:16 +01:00
|
|
|
|
2020-11-02 13:39:43 +01:00
|
|
|
// .tfa-list .tfa-container > div:first-of-type {
|
|
|
|
// padding: 0 0 0 0.5rem;
|
|
|
|
// }
|
2020-01-30 23:06:16 +01:00
|
|
|
|
2020-11-02 13:39:43 +01:00
|
|
|
// .tfa-list .tfa-container > div:last-of-type {
|
|
|
|
// padding: 0 1rem 0 0;
|
|
|
|
// }
|
2020-01-30 23:06:16 +01:00
|
|
|
|
2020-11-28 20:09:08 +01:00
|
|
|
.tfa-cell {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-grid .tfa-checkbox,
|
|
|
|
.tfa-grid .tfa-dots,
|
|
|
|
.tfa-grid .tfa-edit {
|
2020-01-30 23:06:16 +01:00
|
|
|
align-items: center;
|
2020-01-31 08:29:05 +01:00
|
|
|
padding: 0.5rem 0 0 0;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
|
|
|
|
2020-11-28 20:09:08 +01:00
|
|
|
.tfa-grid .tfa-checkbox {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-list .tfa-checkbox,
|
|
|
|
.tfa-list .tfa-dots,
|
|
|
|
.tfa-list .tfa-edit {
|
|
|
|
align-items: center;
|
2022-12-14 14:00:33 +01:00
|
|
|
padding: 0
|
2020-05-02 17:55:41 +02:00
|
|
|
}
|
2020-03-27 22:36:01 +01:00
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-list .tfa-dots {
|
|
|
|
margin-left: 1.5rem;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
|
|
|
|
2020-11-28 20:09:08 +01:00
|
|
|
.tfa-content {
|
2022-12-14 14:00:33 +01:00
|
|
|
flex-grow: 1;
|
|
|
|
overflow: hidden;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.tfa-content:focus-visible {
|
|
|
|
outline: 1px solid $grey;
|
|
|
|
border: none;
|
|
|
|
outline-offset: 7px;
|
|
|
|
border-radius: 3px;
|
2022-09-21 21:38:53 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.tfa-content:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
2020-11-28 20:09:08 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.is-edit-mode .tfa-list .tfa-content {
|
2022-12-14 14:00:33 +01:00
|
|
|
margin-right: 1rem;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.tfa-dots {
|
2020-03-27 22:36:01 +01:00
|
|
|
cursor: grab;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-grid .is-checkradio[type="checkbox"]+label,
|
|
|
|
.tfa-grid .is-checkradio[type="radio"]+label {
|
|
|
|
padding-left: 0 !important;
|
|
|
|
margin-top: 0 !important;
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
2020-01-30 23:06:16 +01:00
|
|
|
|
|
|
|
.tfa-text {
|
2022-12-14 14:00:33 +01:00
|
|
|
display: block;
|
|
|
|
// max-width: 300px;
|
|
|
|
cursor: pointer;
|
2020-01-30 23:06:16 +01:00
|
|
|
}
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .tfa-text {
|
|
|
|
color: $white;
|
|
|
|
}
|
2020-01-30 23:06:16 +01:00
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-container img {
|
2022-12-14 14:00:33 +01:00
|
|
|
height: 0.75em;
|
|
|
|
width: 0.75em;
|
|
|
|
margin-right: .1em;
|
2019-06-24 00:26:04 +02:00
|
|
|
}
|
|
|
|
|
2022-07-28 13:17:22 +02:00
|
|
|
.import-icon {
|
2022-12-14 14:00:33 +01:00
|
|
|
height: 1em;
|
|
|
|
width: 1em;
|
|
|
|
margin-right: 0.2em;
|
|
|
|
vertical-align: sub;
|
2022-07-28 13:17:22 +02:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-container span {
|
2019-06-24 00:26:04 +02:00
|
|
|
display: block;
|
2020-01-29 22:37:20 +01:00
|
|
|
}
|
|
|
|
|
2020-04-24 09:03:00 +02:00
|
|
|
.fullscreen-streamer {
|
|
|
|
position: fixed;
|
2023-10-31 15:32:01 +01:00
|
|
|
top: 7%;
|
2020-04-24 09:03:00 +02:00
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
2020-09-29 22:46:03 +02:00
|
|
|
height: 65%;
|
2020-11-23 19:30:58 +01:00
|
|
|
padding: 2%;
|
2020-09-29 22:46:03 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Corner borders */
|
|
|
|
.overlay {
|
|
|
|
background:
|
|
|
|
linear-gradient(to right, white 1px, transparent 1px) 0 0,
|
|
|
|
linear-gradient(to right, white 1px, transparent 1px) 0 100%,
|
|
|
|
linear-gradient(to left, white 1px, transparent 1px) 100% 0,
|
|
|
|
linear-gradient(to left, white 1px, transparent 1px) 100% 100%,
|
|
|
|
linear-gradient(to bottom, white 1px, transparent 1px) 0 0,
|
|
|
|
linear-gradient(to bottom, white 1px, transparent 1px) 100% 0,
|
|
|
|
linear-gradient(to top, white 1px, transparent 1px) 0 100%,
|
|
|
|
linear-gradient(to top, white 1px, transparent 1px) 100% 100%;
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 20px 20px;
|
2020-04-24 09:03:00 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.fullscreen-alert {
|
|
|
|
position: fixed;
|
2020-09-29 22:46:03 +02:00
|
|
|
top: 37.5vh;
|
2020-04-24 09:03:00 +02:00
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0.75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fullscreen-footer {
|
|
|
|
position: fixed;
|
2023-10-31 15:32:01 +01:00
|
|
|
// top: calc(100vh - 8rem);
|
|
|
|
bottom: 68px;
|
2020-04-24 09:03:00 +02:00
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2020-01-29 22:37:20 +01:00
|
|
|
.has-ellipsis {
|
2020-01-29 14:54:39 +01:00
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
2019-06-24 00:26:04 +02:00
|
|
|
}
|
|
|
|
|
2022-06-20 17:50:32 +02:00
|
|
|
.has-nowrap {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
2024-01-19 17:07:59 +01:00
|
|
|
.has-no-background {
|
|
|
|
background: none !important;
|
|
|
|
}
|
|
|
|
|
2024-01-29 08:55:56 +01:00
|
|
|
.is-left-bordered-link,
|
|
|
|
.is-left-bordered-warning,
|
|
|
|
.is-left-bordered-danger {
|
|
|
|
border: none;
|
|
|
|
border-left-style: solid;
|
|
|
|
border-left-width: 3px;
|
|
|
|
padding-left: $size-normal;
|
|
|
|
}
|
|
|
|
.is-left-bordered-link {
|
|
|
|
border-left-color: $link;
|
|
|
|
}
|
|
|
|
.is-left-bordered-warning {
|
|
|
|
border-left-color: $warning;
|
|
|
|
}
|
|
|
|
.is-left-bordered-danger {
|
|
|
|
border-left-color: $danger;
|
|
|
|
}
|
|
|
|
|
2020-02-05 11:52:26 +01:00
|
|
|
.add-icon-button {
|
|
|
|
height: 64px;
|
|
|
|
width: 64px;
|
2020-02-05 17:50:37 +01:00
|
|
|
padding-top: calc(32px - 1rem);
|
2020-02-05 11:52:26 +01:00
|
|
|
position: absolute;
|
|
|
|
margin-left: -32px;
|
|
|
|
z-index: 40;
|
2020-02-04 17:06:11 +01:00
|
|
|
}
|
|
|
|
|
2020-02-05 11:52:26 +01:00
|
|
|
.delete-icon-button {
|
|
|
|
position: absolute;
|
|
|
|
margin-left: 37px;
|
|
|
|
}
|
|
|
|
|
2020-02-06 17:03:08 +01:00
|
|
|
figure.no-icon {
|
2023-02-01 17:21:55 +01:00
|
|
|
border: 1px dashed $black-bis;
|
2020-02-06 17:03:08 +01:00
|
|
|
}
|
|
|
|
|
2020-02-05 11:52:26 +01:00
|
|
|
.file-input {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .add-icon-button,
|
|
|
|
:root[data-theme="dark"] .add-icon-button:hover {
|
|
|
|
color: $black-bis;
|
|
|
|
}
|
2020-02-05 11:52:26 +01:00
|
|
|
|
2019-06-24 00:26:04 +02:00
|
|
|
.dots {
|
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dots li {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0 5px;
|
|
|
|
width: 4px;
|
|
|
|
height: 4px;
|
|
|
|
border-radius: 50%;
|
2022-12-14 14:00:33 +01:00
|
|
|
background: hsl(348, 100%, 61%);
|
2023-04-14 17:13:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.dots.condensed {
|
|
|
|
line-height: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dots.condensed li {
|
|
|
|
margin: 0 2px;
|
|
|
|
width: 3px;
|
|
|
|
height: 3px;
|
2019-06-24 00:26:04 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.dots li[data-is-active]~li {
|
2023-11-22 10:43:11 +01:00
|
|
|
background: $grey-light;
|
2023-02-01 17:21:55 +01:00
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .dots li[data-is-active]~li {
|
|
|
|
background: $black-bis;
|
|
|
|
}
|
2019-06-24 00:26:04 +02:00
|
|
|
|
2020-11-16 09:38:28 +01:00
|
|
|
.dots li:nth-child(-n+9) {
|
2022-12-14 14:00:33 +01:00
|
|
|
background: hsl(48, 100%, 67%);
|
|
|
|
/* yellow */
|
2019-06-24 00:26:04 +02:00
|
|
|
}
|
|
|
|
|
2020-11-16 09:38:28 +01:00
|
|
|
.dots li:nth-child(-n+6) {
|
2022-12-14 14:00:33 +01:00
|
|
|
background: hsl(141, 71%, 48%);
|
|
|
|
/* green */
|
2019-07-02 00:48:48 +02:00
|
|
|
}
|
|
|
|
|
2023-10-19 11:40:19 +02:00
|
|
|
.dots.off li {
|
2023-11-22 10:43:11 +01:00
|
|
|
background: $grey-light;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .dots.off li {
|
2023-10-19 11:40:19 +02:00
|
|
|
background: $black-bis;
|
|
|
|
}
|
|
|
|
|
2020-11-16 09:38:28 +01:00
|
|
|
// .dots li:nth-child(3n+2), .dots li:nth-child(3n+3) {
|
|
|
|
// display:none;
|
|
|
|
// }
|
2020-01-02 00:09:19 +01:00
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .input,
|
|
|
|
:root[data-theme="dark"] .select select,
|
|
|
|
:root[data-theme="dark"] .textarea {
|
|
|
|
background-color: $grey-darker;
|
2020-01-02 00:09:19 +01:00
|
|
|
border-color: hsl(0, 0%, 29%);
|
2020-01-09 16:33:32 +01:00
|
|
|
color: hsl(0, 0%, 100%);
|
2020-01-02 00:09:19 +01:00
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .select select::placeholder,
|
|
|
|
:root[data-theme="dark"] .textarea::placeholder,
|
|
|
|
:root[data-theme="dark"] .input::placeholder {
|
2022-12-14 14:00:33 +01:00
|
|
|
color: hsl(0, 0%, 48%);
|
2020-01-08 14:56:31 +01:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.select select[disabled],
|
|
|
|
[disabled].textarea,
|
|
|
|
[disabled].input,
|
|
|
|
fieldset[disabled] .select select,
|
|
|
|
.select fieldset[disabled] select,
|
|
|
|
fieldset[disabled] .textarea,
|
|
|
|
fieldset[disabled] .input {
|
2023-02-01 17:21:55 +01:00
|
|
|
border-color: $grey-lighter;
|
|
|
|
background-color: $white;
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .select select[disabled],
|
|
|
|
:root[data-theme="dark"] [disabled].textarea,
|
|
|
|
:root[data-theme="dark"] [disabled].input,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .select select,
|
|
|
|
:root[data-theme="dark"] .select fieldset[disabled] select,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .textarea,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .input {
|
2020-01-08 14:56:31 +01:00
|
|
|
background-color: hsl(0, 0%, 10%);
|
2023-02-01 17:21:55 +01:00
|
|
|
border-color: $grey-darker;
|
2020-01-08 14:56:31 +01:00
|
|
|
box-shadow: none;
|
2023-02-01 17:21:55 +01:00
|
|
|
color: $grey-darker;
|
|
|
|
}
|
2020-01-08 14:56:31 +01:00
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .select select[disabled]::placeholder,
|
|
|
|
:root[data-theme="dark"] [disabled].textarea::placeholder,
|
|
|
|
:root[data-theme="dark"] [disabled].input::placeholder,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .select select::placeholder,
|
|
|
|
:root[data-theme="dark"] .select fieldset[disabled] select::placeholder,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .textarea::placeholder,
|
|
|
|
:root[data-theme="dark"] fieldset[disabled] .input::placeholder {
|
|
|
|
color: $grey-darker;
|
|
|
|
}
|
2020-01-08 14:56:31 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.button.has-line-height {
|
|
|
|
height: inherit !important;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.button.has-line-height span {
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 1rem;
|
|
|
|
}
|
|
|
|
|
2023-02-08 16:06:38 +01:00
|
|
|
.button.is-multiline {
|
|
|
|
min-height: 2.25em;
|
|
|
|
white-space: unset;
|
|
|
|
height: auto;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.button.is-multiline span {
|
|
|
|
color: $grey;
|
|
|
|
}
|
|
|
|
.button.is-link.is-multiline span {
|
|
|
|
color: $grey-lighter;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.button.is-dark.field-lock,
|
|
|
|
.button.is-dark.field-unlock {
|
2020-01-08 14:56:31 +01:00
|
|
|
color: hsl(0, 0%, 48%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.button.is-dark.field-unlock {
|
|
|
|
border-color: hsl(0, 0%, 29%);
|
|
|
|
border-left: none;
|
|
|
|
}
|
|
|
|
|
2022-09-21 10:49:37 +02:00
|
|
|
.button.is-like-text {
|
|
|
|
line-height: inherit !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
height: auto;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2022-09-21 10:49:37 +02:00
|
|
|
.button.copy-text:hover,
|
|
|
|
.button.copy-text:active,
|
|
|
|
.button.copy-text:focus,
|
|
|
|
.button.copy-text:focus-visible,
|
|
|
|
.button.copy-text:focus-within,
|
|
|
|
.button.is-like-text:hover,
|
2022-12-14 14:00:33 +01:00
|
|
|
.button.is-like-text:active,
|
|
|
|
.button.is-like-text:focus,
|
|
|
|
.button.is-like-text:focus-visible,
|
2022-09-21 10:49:37 +02:00
|
|
|
.button.is-like-text:focus-within {
|
|
|
|
background: inherit;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.button:focus-visible,
|
|
|
|
.button.is-focused,
|
2022-10-12 11:30:20 +02:00
|
|
|
.file[role=button]:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
border-color: transparent;
|
2022-09-30 14:00:22 +02:00
|
|
|
outline-offset: 3px;
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-style: solid;
|
|
|
|
outline-width: 2px;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.button:focus:not(:focus-visible),
|
2022-12-14 14:00:33 +01:00
|
|
|
.file[role=button]:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button:focus:not(:active),
|
|
|
|
.button.is-focused:not(:active),
|
|
|
|
.button.is-white:focus:not(:active),
|
|
|
|
.button.is-white.is-focused:not(:active),
|
|
|
|
.button.is-light:focus:not(:active),
|
|
|
|
.button.is-light.is-focused:not(:active),
|
|
|
|
.button.is-dark:focus:not(:active),
|
|
|
|
.button.is-dark.is-focused:not(:active),
|
|
|
|
.button.is-black:focus:not(:active),
|
|
|
|
.button.is-black.is-focused:not(:active),
|
|
|
|
.button.is-text:focus:not(:active),
|
|
|
|
.button.is-text.is-focused:not(:active),
|
|
|
|
.button.is-ghost:focus:not(:active),
|
|
|
|
.button.is-ghost.is-focused:not(:active),
|
|
|
|
.button.is-primary:focus:not(:active),
|
|
|
|
.button.is-primary.is-focused:not(:active),
|
|
|
|
.button.is-link:focus:not(:active),
|
|
|
|
.button.is-link.is-focused:not(:active),
|
|
|
|
.button.is-info:focus:not(:active),
|
|
|
|
.button.is-info.is-focused:not(:active),
|
|
|
|
.button.is-success:focus:not(:active),
|
|
|
|
.button.is-success.is-focused:not(:active),
|
|
|
|
.button.is-warning:focus:not(:active),
|
|
|
|
.button.is-warning.is-focused:not(:active),
|
|
|
|
.button.is-danger:focus:not(:active),
|
|
|
|
.button.is-danger.is-focused:not(:active) {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button.is-white:focus,
|
|
|
|
.button.is-white:focus-visible,
|
|
|
|
.button.is-white.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $white;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-light:focus,
|
|
|
|
.button.is-light:focus-visible,
|
|
|
|
.button.is-light.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $grey-lightest;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-dark:focus,
|
|
|
|
.button.is-dark:focus-visible,
|
|
|
|
.button.is-dark.is-focused,
|
|
|
|
.file[role=button].is-dark:focus,
|
|
|
|
.file[role=button].is-dark:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $dark;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-black:focus,
|
|
|
|
.button.is-black:focus-visible,
|
|
|
|
.button.is-black.is-focused,
|
|
|
|
.file[role=button].is-black:focus,
|
|
|
|
.file[role=button].is-black:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $black;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-text:focus,
|
|
|
|
.button.is-text:focus-visible,
|
|
|
|
.button.is-text.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $text;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-ghost:focus,
|
|
|
|
.button.is-ghost:focus-visible,
|
|
|
|
.button.is-ghost.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $text;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-primary:focus,
|
|
|
|
.button.is-primary:focus-visible,
|
|
|
|
.button.is-primary.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $primary;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-link:focus,
|
|
|
|
.button.is-link:focus-visible,
|
|
|
|
.button.is-link.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $link;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-info:focus,
|
|
|
|
.button.is-info:focus-visible,
|
|
|
|
.button.is-info.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $info;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-success:focus,
|
|
|
|
.button.is-success:focus-visible,
|
|
|
|
.button.is-success.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $success;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-warning:focus,
|
|
|
|
.button.is-warning:focus-visible,
|
|
|
|
.button.is-warning.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $warning;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.button.is-danger:focus,
|
|
|
|
.button.is-danger:focus-visible,
|
|
|
|
.button.is-danger.is-focused {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $danger;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
button.is-main {
|
2022-10-18 13:41:46 +02:00
|
|
|
box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color;
|
2022-10-12 11:30:20 +02:00
|
|
|
}
|
|
|
|
|
2024-02-13 09:34:08 +01:00
|
|
|
.button.has-normal-radius {
|
|
|
|
border-radius: $radius !important;
|
|
|
|
}
|
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.file[role=button]:focus-visible {
|
|
|
|
border-radius: $radius;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.file[role=button].is-small:focus-visible {
|
|
|
|
border-radius: $radius-small;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tag-button:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
border-color: transparent;
|
2022-09-21 10:49:37 +02:00
|
|
|
border-radius: 3px;
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-width: 1px;
|
|
|
|
outline-style: solid;
|
|
|
|
outline-offset: 3px;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.tag-button:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.tag-button-link:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $link;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.tag-button-danger:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-color: $danger;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.clear-selection {
|
|
|
|
vertical-align: text-bottom;
|
|
|
|
;
|
2022-10-12 11:30:20 +02:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.clear-selection:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
border-color: transparent;
|
|
|
|
outline-offset: 1px;
|
|
|
|
outline: 2px solid $text;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.clear-selection:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
2022-09-21 10:49:37 +02:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
a:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-offset: 2px;
|
|
|
|
border-radius: 3px;
|
|
|
|
outline: 1px dashed $link;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-black-bis:focus,
|
|
|
|
a.has-text-black-bis:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $black-bis;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-black-ter:focus,
|
|
|
|
a.has-text-black-ter:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $black-ter;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-grey-darker:focus,
|
|
|
|
a.has-text-grey-darker:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $grey-darker;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-grey-dark:focus,
|
|
|
|
a.has-text-grey-dark:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $grey-dark;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-grey:focus,
|
|
|
|
a.has-text-grey:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $grey;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-grey-light:focus,
|
|
|
|
a.has-text-grey-light:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $grey-light;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-grey-lighter:focus,
|
|
|
|
a.has-text-grey-lighter:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $grey-lighter;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-white-ter:focus,
|
|
|
|
a.has-text-white-ter:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $white-ter;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.has-text-white-bis:focus,
|
|
|
|
a.has-text-white-bis:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline-color: $white-bis;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
a.tag.is-dark.is-rounded:focus-visible {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline-offset: 1px;
|
|
|
|
outline: 1px solid $grey;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
a.tag.is-dark.is-rounded:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
button.button.tag.is-white,
|
|
|
|
.tfa-cell .tag.is-white {
|
|
|
|
border-color: $input-border-color;
|
|
|
|
}
|
|
|
|
.tfa-cell .tag.is-white {
|
|
|
|
border-style: solid;
|
|
|
|
border-width: $control-border-width;
|
|
|
|
}
|
|
|
|
|
2022-10-12 11:30:20 +02:00
|
|
|
.tabs a:focus-visible {
|
2022-09-30 14:00:22 +02:00
|
|
|
outline-offset: -4px;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.tabs a:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
|
|
|
}
|
2022-09-30 14:00:22 +02:00
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.control.has-icons-right>span.icon:focus-visible,
|
|
|
|
.control.has-icons-left>span.icon:focus-visible {
|
2022-09-21 10:49:37 +02:00
|
|
|
outline: none;
|
|
|
|
border: 1px solid $input-focus-border-color;
|
|
|
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.control.has-icons-right>span.icon:focus:not(:focus-visible),
|
|
|
|
.control.has-icons-left>span.icon:focus:not(:focus-visible) {
|
2022-10-12 11:30:20 +02:00
|
|
|
outline: none;
|
|
|
|
}
|
2022-09-21 10:49:37 +02:00
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.is-checkradio[type="checkbox"]+label:focus,
|
|
|
|
.is-checkradio[type="checkbox"]+label:focus-visible {
|
2022-09-21 21:38:53 +02:00
|
|
|
outline: none;
|
|
|
|
border: none;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.is-checkradio[type="checkbox"]+label:focus::before,
|
|
|
|
.is-checkradio[type="checkbox"]+label:focus-visible::before {
|
2022-09-21 21:38:53 +02:00
|
|
|
outline: none;
|
|
|
|
border: 1px solid $input-focus-border-color;
|
|
|
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
|
|
|
.is-checkradio[type="checkbox"]+label::before {
|
2023-02-01 17:21:55 +01:00
|
|
|
border-color: $grey-light;
|
|
|
|
border-width: 1px !important;
|
|
|
|
background-color: $white;
|
|
|
|
}
|
|
|
|
.tfa-checkbox .is-checkradio[type="checkbox"]+label::before {
|
2022-09-21 21:38:53 +02:00
|
|
|
border-color: $grey;
|
|
|
|
}
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .is-checkradio[type="checkbox"]+label::before {
|
|
|
|
border-color: $grey;
|
|
|
|
background: none;
|
|
|
|
}
|
2022-09-21 10:49:37 +02:00
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
.is-checkradio[type="checkbox"]:checked + label::before {
|
|
|
|
border-color: $grey;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .is-checkradio[type="checkbox"]:checked + label::before {
|
|
|
|
border-color: $grey-lighter;
|
|
|
|
}
|
2022-09-21 10:49:37 +02:00
|
|
|
|
2020-01-02 00:09:19 +01:00
|
|
|
.label {
|
|
|
|
color: hsl(0, 0%, 48%);
|
|
|
|
}
|
|
|
|
|
2022-09-13 17:13:17 +02:00
|
|
|
.is-underscored {
|
|
|
|
border-bottom: 1px solid hsl(0, 0%, 29%);
|
|
|
|
height: 0.6rem;
|
|
|
|
width: 0.6rem;
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.is-underscored.is-dot {
|
|
|
|
border: none;
|
|
|
|
border-radius: 50%;
|
2023-02-01 17:21:55 +01:00
|
|
|
background-color: $success;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="dark"] .is-underscored.is-dot {
|
|
|
|
background-color: $success-dark;
|
|
|
|
}
|
2022-09-13 17:13:17 +02:00
|
|
|
|
2023-10-30 12:53:41 +01:00
|
|
|
.is-mid-width-field {
|
2022-09-14 11:07:22 +02:00
|
|
|
width: 50% !important;
|
|
|
|
}
|
|
|
|
|
2023-10-30 12:53:41 +01:00
|
|
|
.is-half-width-field {
|
2022-09-14 11:07:22 +02:00
|
|
|
width: 50% !important;
|
|
|
|
}
|
|
|
|
|
2023-10-30 12:53:41 +01:00
|
|
|
.is-third-width-field {
|
2022-09-14 11:07:22 +02:00
|
|
|
width: 33% !important;
|
|
|
|
}
|
|
|
|
|
2020-11-09 01:24:19 +01:00
|
|
|
.is-toggle.buttons,
|
|
|
|
.is-toggle.buttons a.button {
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
2020-11-16 14:15:33 +01:00
|
|
|
.has-uppercased-button .is-toggle {
|
|
|
|
text-transform: uppercase !important;
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] .control.has-icons-left .icon,
|
|
|
|
:root[data-theme="dark"] .control.has-icons-right .icon {
|
2020-01-11 16:46:59 +01:00
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"].is-search {
|
|
|
|
border-color: $grey-darker;
|
|
|
|
}
|
2020-01-11 16:46:59 +01:00
|
|
|
|
2020-01-02 00:09:19 +01:00
|
|
|
.modal .field.is-grouped:last-child {
|
2020-02-04 17:06:11 +01:00
|
|
|
justify-content: center;
|
|
|
|
padding-top: 40px;
|
2020-01-02 00:09:19 +01:00
|
|
|
}
|
|
|
|
|
2023-11-21 13:06:52 +01:00
|
|
|
footer.main {
|
2020-02-06 22:29:57 +01:00
|
|
|
padding: 5px 0 25px 0;
|
2020-01-07 11:46:18 +01:00
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
position: fixed;
|
|
|
|
z-index: 30;
|
|
|
|
}
|
2023-12-01 15:03:57 +01:00
|
|
|
@supports (-webkit-touch-callout: none) {
|
|
|
|
@media (display-mode: standalone) {
|
|
|
|
footer.main {
|
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-01-07 11:46:18 +01:00
|
|
|
|
2023-11-21 13:06:52 +01:00
|
|
|
footer.main .field.is-grouped {
|
2020-01-07 11:46:18 +01:00
|
|
|
justify-content: center;
|
2020-01-07 21:45:47 +01:00
|
|
|
}
|
|
|
|
|
2020-09-25 23:36:11 +02:00
|
|
|
.notification {
|
2020-10-08 22:06:27 +02:00
|
|
|
padding: 0.4rem 1.5rem;
|
2020-09-25 23:36:11 +02:00
|
|
|
}
|
|
|
|
|
2020-09-29 22:46:03 +02:00
|
|
|
@supports (padding-top: env(safe-area-inset-top)) {
|
2023-11-29 09:28:54 +01:00
|
|
|
.notification-banner {
|
2020-09-29 22:46:03 +02:00
|
|
|
--safe-area-inset-top: env(safe-area-inset-top);
|
2020-10-08 22:06:27 +02:00
|
|
|
padding-top: calc(0.4rem + var(--safe-area-inset-top));
|
2020-09-29 22:46:03 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (padding-top: constant(safe-area-inset-top)) {
|
2023-11-29 09:28:54 +01:00
|
|
|
.notification-banner {
|
2020-09-29 22:46:03 +02:00
|
|
|
--safe-area-inset-top: constant(safe-area-inset-top);
|
2020-10-08 22:06:27 +02:00
|
|
|
padding-top: calc(0.4rem + var(--safe-area-inset-top));
|
2020-09-29 22:46:03 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-25 23:36:11 +02:00
|
|
|
.notification .notification-content {
|
2020-05-07 14:02:03 +02:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2020-09-27 23:39:07 +02:00
|
|
|
.options-header {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0 1rem 0.5rem;
|
|
|
|
z-index: 1000;
|
|
|
|
}
|
|
|
|
|
2020-09-29 22:46:03 +02:00
|
|
|
@supports (padding-top: env(safe-area-inset-top)) {
|
|
|
|
.options-header {
|
|
|
|
padding-top: env(safe-area-inset-top);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (padding-top: constant(safe-area-inset-top)) {
|
|
|
|
.options-header {
|
|
|
|
padding-top: constant(safe-area-inset-top);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-27 23:39:07 +02:00
|
|
|
.options-tabs {
|
|
|
|
margin-top: 80px;
|
|
|
|
}
|
|
|
|
|
2020-01-08 14:56:31 +01:00
|
|
|
.file .tag {
|
|
|
|
margin-left: 0.75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-preview {
|
|
|
|
height: 24px;
|
|
|
|
width: 24px;
|
|
|
|
}
|
|
|
|
|
2020-02-28 15:21:12 +01:00
|
|
|
.field.with-offset {
|
|
|
|
padding-top: 1.5rem;
|
|
|
|
}
|
|
|
|
|
2020-01-08 14:56:31 +01:00
|
|
|
.field.is-grouped:last-child {
|
|
|
|
padding-top: 0.75rem;
|
2020-01-09 09:23:54 +01:00
|
|
|
}
|
|
|
|
|
2020-01-09 16:33:32 +01:00
|
|
|
.help-for-file {
|
|
|
|
margin-top: -0.50rem;
|
|
|
|
margin-bottom: 0.75rem;
|
|
|
|
}
|
|
|
|
|
2023-11-23 12:43:27 +01:00
|
|
|
.error-message > p {
|
2020-01-14 11:48:42 +01:00
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
}
|
|
|
|
|
2020-04-24 09:03:00 +02:00
|
|
|
.quick-uploader {
|
|
|
|
flex-direction: column
|
2020-02-04 22:42:18 +01:00
|
|
|
}
|
|
|
|
|
2020-04-24 09:03:00 +02:00
|
|
|
.quick-uploader-header {
|
|
|
|
padding-top: 7vh;
|
|
|
|
padding-bottom: 7vh;
|
2020-02-04 17:06:11 +01:00
|
|
|
}
|
|
|
|
|
2020-02-04 22:42:18 +01:00
|
|
|
.preview {
|
|
|
|
margin-top: 20vh;
|
2020-02-04 17:06:11 +01:00
|
|
|
}
|
|
|
|
|
2020-04-24 09:03:00 +02:00
|
|
|
.quick-uploader-button {
|
|
|
|
height: 256px;
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.quick-uploader-centerer {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
2020-02-04 17:06:11 +01:00
|
|
|
height: 256px;
|
2020-04-24 09:03:00 +02:00
|
|
|
width: 100%;
|
2020-02-04 17:06:11 +01:00
|
|
|
}
|
|
|
|
|
2020-04-24 09:03:00 +02:00
|
|
|
.quick-uploader-button::before {
|
2020-02-04 17:06:11 +01:00
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
2022-12-14 14:00:33 +01:00
|
|
|
width: 100%;
|
2023-02-01 17:21:55 +01:00
|
|
|
opacity: 0.1;
|
2020-01-09 09:23:54 +01:00
|
|
|
height: 256px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top left 50%;
|
|
|
|
background-image: url('data:image/png;base64,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');
|
|
|
|
}
|
2023-02-01 17:21:55 +01:00
|
|
|
:root[data-theme="dark"] quick-uploader-button::before {
|
|
|
|
opacity: 0.05;
|
|
|
|
}
|
2020-01-10 10:25:29 +01:00
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.error-404,
|
|
|
|
.error-generic,
|
|
|
|
.too-bad {
|
2020-01-10 10:25:29 +01:00
|
|
|
display: block;
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
opacity: 0.1;
|
|
|
|
height: 256px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top left 50%;
|
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.error-generic,
|
|
|
|
.too-bad {
|
2020-01-10 10:25:29 +01:00
|
|
|
background-image: url('data:image/png;base64,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
|
|
|
|
}
|
|
|
|
|
|
|
|
.error-404 {
|
|
|
|
background-image: url('data:image/png;base64,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
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2021-11-08 22:33:32 +01:00
|
|
|
@media screen and (max-width: 769px) {
|
|
|
|
.too-bad {
|
|
|
|
height: 128px;
|
|
|
|
background-image: url('data:image/png;base64,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');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-29 17:12:58 +02:00
|
|
|
.pat {
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2022-10-12 11:10:51 +02:00
|
|
|
.release-flag {
|
|
|
|
height: 0.5rem;
|
|
|
|
width: 0.5rem;
|
|
|
|
display: inline-block;
|
|
|
|
border: none;
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: $warning;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin: 0 5px;
|
2024-03-07 13:03:24 +01:00
|
|
|
box-shadow: 0px 0px 2px black;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .release-flag {
|
|
|
|
background-color: $warning;
|
|
|
|
box-shadow: none;
|
2022-10-12 11:10:51 +02:00
|
|
|
}
|
|
|
|
|
2023-02-01 17:21:55 +01:00
|
|
|
.about-logo {
|
|
|
|
height: 32px;
|
|
|
|
filter: invert(1);
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .about-logo {
|
|
|
|
filter: none;
|
|
|
|
}
|
|
|
|
|
2023-04-24 09:30:23 +02:00
|
|
|
// Themed Spinner
|
|
|
|
.spinner-container {
|
|
|
|
background-color: $white-ter;
|
|
|
|
.spinner {
|
|
|
|
color: $dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .spinner-container {
|
|
|
|
background-color: $black-ter;
|
|
|
|
.spinner {
|
|
|
|
color: $light;
|
|
|
|
}
|
|
|
|
}
|
2023-11-21 13:07:55 +01:00
|
|
|
.spinner-overlay-container {
|
|
|
|
background-color: none;
|
|
|
|
}
|
2023-04-24 09:30:23 +02:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
.fadeInOut-enter-active {
|
2022-12-14 14:00:33 +01:00
|
|
|
animation: fadeIn 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
.fadeInOut-leave-active {
|
2022-12-14 14:00:33 +01:00
|
|
|
animation: fadeOut 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
|
2023-04-14 17:13:28 +02:00
|
|
|
.popLater-enter-active {
|
|
|
|
transition: opacity .2s linear .5s
|
|
|
|
}
|
|
|
|
.popLater-enter, .popLater-leave-active, .popLater-leave-to {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-grid .slideCheckbox-enter-active {
|
2022-12-14 14:00:33 +01:00
|
|
|
animation: enterFromTop 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-grid .slideCheckbox-enter-active+.tfa-content {
|
|
|
|
animation: addTopOffset 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
.tfa-grid .slideCheckbox-leave-active {
|
2022-12-14 14:00:33 +01:00
|
|
|
animation: leaveToTop 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-grid .slideCheckbox-leave-active+.tfa-content {
|
|
|
|
animation: removeTopOffset 500ms
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
// @media screen and (max-width: 768px) {
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-list .slideCheckbox-enter-active {
|
|
|
|
animation: enterFromLeft 500ms
|
|
|
|
}
|
2020-02-13 13:50:51 +01:00
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-list .slideCheckbox-enter-active+.tfa-content {
|
|
|
|
animation: addLeftOffset 500ms
|
|
|
|
}
|
2020-02-13 13:50:51 +01:00
|
|
|
|
2022-12-14 14:00:33 +01:00
|
|
|
.tfa-list .slideCheckbox-leave-active {
|
|
|
|
animation: leaveToLeft 500ms
|
|
|
|
}
|
|
|
|
|
|
|
|
.tfa-list .slideCheckbox-leave-active+.tfa-content {
|
|
|
|
animation: removeLeftOffset 500ms
|
|
|
|
}
|
2020-02-13 13:50:51 +01:00
|
|
|
|
2020-05-02 17:55:41 +02:00
|
|
|
// }
|
2020-02-13 13:50:51 +01:00
|
|
|
|
|
|
|
/*FadeInOut*/
|
|
|
|
|
|
|
|
@keyframes fadeIn {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
@keyframes fadeIn {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
75% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOut {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Enter from left*/
|
|
|
|
@keyframes enterFromLeft {
|
|
|
|
from {
|
|
|
|
transform: translateX(-100%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateX(0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes addLeftOffset {
|
|
|
|
from {
|
2020-11-02 13:39:43 +01:00
|
|
|
transform: translateX(-2.375rem);
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Enter from top*/
|
|
|
|
@keyframes enterFromTop {
|
|
|
|
from {
|
|
|
|
transform: translateY(-50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateY(0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes addTopOffset {
|
|
|
|
from {
|
|
|
|
transform: translateY(-2rem);
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Leave from left*/
|
|
|
|
@keyframes leaveToLeft {
|
|
|
|
from {
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateX(-100%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes removeLeftOffset {
|
|
|
|
from {
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
2020-11-02 13:39:43 +01:00
|
|
|
transform: translateX(-2.375rem);
|
2020-02-13 13:50:51 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Leave from top*/
|
|
|
|
@keyframes leaveToTop {
|
|
|
|
from {
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateY(-50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes removeTopOffset {
|
|
|
|
from {
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
2022-12-14 14:00:33 +01:00
|
|
|
|
2020-02-13 13:50:51 +01:00
|
|
|
to {
|
|
|
|
transform: translateY(-2rem);
|
|
|
|
}
|
2023-04-24 09:30:23 +02:00
|
|
|
}
|
2023-11-21 13:10:50 +01:00
|
|
|
|
|
|
|
:root[data-theme="dark"] .table {
|
|
|
|
background-color: $black-ter;
|
|
|
|
color: $white-bis;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .table th,
|
|
|
|
:root[data-theme="dark"] .table thead th {
|
|
|
|
color: $grey;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .table td,
|
|
|
|
:root[data-theme="dark"] .table th {
|
|
|
|
border: 1px solid $grey-darker;
|
|
|
|
border-width: 0 0 1px;
|
|
|
|
}
|
|
|
|
|
2023-11-22 10:43:11 +01:00
|
|
|
.card {
|
|
|
|
background-color: none;
|
|
|
|
border: 1px solid $grey-lighter;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
2023-11-21 13:10:50 +01:00
|
|
|
:root[data-theme="dark"] .card {
|
|
|
|
background-color: $black-ter;
|
|
|
|
border: 1px solid $grey-darker;
|
|
|
|
}
|
|
|
|
|
2023-11-22 10:43:11 +01:00
|
|
|
.card-footer {
|
|
|
|
border-top: 1px solid $grey-lighter;
|
|
|
|
}
|
2023-11-21 13:10:50 +01:00
|
|
|
:root[data-theme="dark"] .card-footer {
|
|
|
|
border-top: 1px solid $grey-darker;
|
|
|
|
}
|
|
|
|
|
2023-11-22 10:43:11 +01:00
|
|
|
.card-footer-item:not(:last-child) {
|
|
|
|
border-right: 1px solid $grey-lighter;
|
|
|
|
}
|
2023-11-21 13:10:50 +01:00
|
|
|
:root[data-theme="dark"] .card-footer-item:not(:last-child) {
|
|
|
|
border-right: 1px solid $grey-darker;
|
2023-11-24 10:33:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.addressbar {
|
|
|
|
padding: 6px;
|
|
|
|
border: 1px solid $grey-light;
|
|
|
|
background-color: $white;
|
|
|
|
border-radius: $radius;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark"] .addressbar {
|
|
|
|
background-color: $black-bis;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.circled::before {
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
border-radius: 50%;
|
|
|
|
border: 2px solid $danger;
|
|
|
|
left: 25px;
|
|
|
|
top: 4px;
|
|
|
|
width: 29px;
|
|
|
|
height: 29px;
|
2023-11-21 13:10:50 +01:00
|
|
|
}
|