-@import '_mixins';
-@import '_variables';
+@use '_mixins' as *;
+@use '_variables' as *;
.modal-body {
font-size: 15px;
margin-top: 50px;
}
+.mascot-fw {
+ width: 170px;
+}
+
.mascot {
+ @include margin-right(2rem);
+
display: block;
min-width: 170px;
}
text-align: center;
font-weight: 600;
font-size: 18px;
- margin: 20px 0 40px 0;
+ margin: 20px 0 40px;
}
.columns {
display: flex;
+}
- .link-block {
- @include disable-default-a-behaviour;
-
- color: var(--mainForegroundColor);
- padding: 10px;
- transition: background-color 0.2s ease-in;
- flex-basis: 33%;
-
- &:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
+.link-block {
+ @include disable-default-a-behaviour;
- .link-title {
- font-size: 16px;
- font-weight: $font-semibold;
- display: flex;
- justify-content: center;
- margin-bottom: 5px;
- }
+ color: pvar(--mainForegroundColor);
+ padding: 10px;
+ transition: background-color 0.2s ease-in;
+ flex-basis: 33%;
- .link-title,
- div {
- text-align: center;
- }
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.05);
}
-}
-
-.configure-instance-button {
- @include peertube-button;
- @include orange-button;
- display: inline-block;
-}
+ .link-title {
+ font-size: 16px;
+ font-weight: $font-semibold;
+ display: flex;
+ justify-content: center;
+ margin-bottom: 5px;
+ }
-.action-button-understood {
- @include peertube-button;
- @include grey-button;
+ .link-title,
+ div {
+ text-align: center;
+ }
}