.layoutBoundary {
margin: 0 auto;
-
+
@include screen-md-down {
padding: 0 10px;
width: 100%;
}
-
+
@include screen-lg {
padding: 0 20px;
-
+
@if $useFluidLayout == 1 {
min-width: $wcfLayoutMinWidth;
max-width: $wcfLayoutMaxWidth;
}
.monospace {
- font-family: Consolas, 'Courier New', monospace !important;
+ font-family: Consolas, "Courier New", monospace !important;
}
/* boxes with an image */
-.box16 { @include box(16px, 5px); }
-.box24 { @include box(24px, 8px); }
-.box32 { @include box(32px, 10px); }
-.box48 { @include box(48px, 12px); }
-.box64 { @include box(64px, 15px); }
-.box96 { @include box(96px, 15px); }
-.box128 { @include box(128px, 20px); }
-.box256 { @include box(256px, 30px); }
-
-small, .small {
+.box16 {
+ @include box(16px, 5px);
+}
+.box24 {
+ @include box(24px, 8px);
+}
+.box32 {
+ @include box(32px, 10px);
+}
+.box48 {
+ @include box(48px, 12px);
+}
+.box64 {
+ @include box(64px, 15px);
+}
+.box96 {
+ @include box(96px, 15px);
+}
+.box128 {
+ @include box(128px, 20px);
+}
+.box256 {
+ @include box(256px, 30px);
+}
+
+small,
+.small {
@include wcfFontSmall;
}
position: absolute;
top: 0;
transform: translateY(-100%);
-
+
&.center {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
-
+
&.left {
left: 4px;
}
-
+
&.right {
right: 4px;
}
-
+
&.flipVertical {
bottom: 0;
top: auto;
transform: translateY(100%);
-
+
&.center {
transform: translateX(-50%) translateY(100%);
}
/* simulate native HTML styles for certain elements */
.htmlContent {
@include clearfix;
-
+
img {
max-width: 100%;
}
-
+
> :first-child {
margin-top: 0 !important;
}
-
+
> :last-child {
margin-bottom: 0 !important;
}
-
+
p {
//margin: 1em 0;
margin: 0;
}
-
+
h1 {
@include wcfFontTitle;
}
-
+
h2 {
@include wcfFontSection;
}
-
+
h3 {
@include wcfFontHeadline;
}
-
- h1, h2, h3, h4, h5, h6 {
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
margin: 1.5em 0 1em 0;
}
-
- ul, ol {
+
+ ul,
+ ol {
@include nativeList;
}
-
+
ul {
list-style-type: disc;
}
-
+
ol {
list-style-type: decimal;
}
-
- em {
- /* slight margin to prevent visual merge with adjacent words */
- margin-right: 2px;
- }
}
.containerContent,