-@import '_mixins';
-@import '_variables';
+@use '_mixins' as *;
+@use '_variables' as *;
.modal-body {
font-size: 15px;
}
+.two-columns {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 50px;
+}
+
+.mascot-fw {
+ width: 170px;
+}
+
+.mascot {
+ @include margin-right(2rem);
+
+ display: block;
+ min-width: 170px;
+}
+
.subtitle {
font-weight: $font-semibold;
margin-bottom: 10px;
font-size: 16px;
}
-.block-documentation .subtitle {
- margin-bottom: 20px;
-}
-
-.block-configuration,
-.block-instance {
- margin-top: 30px;
+.block-documentation {
+ .subtitle {
+ margin-bottom: 20px;
+ }
}
li {
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;
+.link-block {
+ @include disable-default-a-behaviour;
- color: var(--mainForegroundColor);
- padding: 10px;
- transition: background-color 0.2s ease-in;
+ color: pvar(--mainForegroundColor);
+ padding: 10px;
+ transition: background-color 0.2s ease-in;
+ flex-basis: 33%;
- &:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+ }
+
+ .link-title {
+ font-size: 16px;
+ font-weight: $font-semibold;
+ display: flex;
+ justify-content: center;
+ margin-bottom: 5px;
+ }
- .link-title {
- font-size: 16px;
- font-weight: $font-semibold;
- display: flex;
- justify-content: center;
- margin-bottom: 5px;
- }
+ .link-title,
+ div {
+ text-align: center;
}
}