EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix dedicated RTE config for ep-events not working

Browse Source
This commit is contained in:
Björn Fromme
2019-09-16 13:00:51 +02:00
parent 0efedb5354
commit 55d0342e4f
9 changed files with 276 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_events/Resources/Private/Assets/css/rte.css
-9
View File
@@ -1,9 +0,0 @@
ul.coloured-list {
list-style: circle;
}
ul.footnote-list {
list-style: disc;
}
a.button {
font-weight: 700;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss
+226
View File
@@ -0,0 +1,226 @@
$output-bourbon-deprecation-warnings: false;
@import "~bourbon/app/assets/stylesheets/bourbon";
@import "mixins";
@import "colors";
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/cairo-v2-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
src: local('Cairo'), local('Cairo-Regular'),
url('../fonts/cairo-v2-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/cairo-v2-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/cairo-v2-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/cairo-v2-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/cairo-v2-latin-ext_latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../fonts/cairo-v2-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
src: local('Cairo Bold'), local('Cairo-Bold'),
url('../fonts/cairo-v2-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/cairo-v2-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/cairo-v2-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/cairo-v2-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/cairo-v2-latin-ext_latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}
$font-main: 'Cairo', $helvetica;
@font-face {
font-family: 'fontello';
font-display: swap;
src: url('../fonts/fontello.eot?39986861');
src: url('../fonts/fontello.eot?39986861#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff2?39986861') format('woff2'),
url('../fonts/fontello.woff?39986861') format('woff'),
url('../fonts/fontello.ttf?39986861') format('truetype'),
url('../fonts/fontello.svg?39986861#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .5em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-plus:before { content: '\e800'; }
.icon-minus:before { content: '\e801'; }
.icon-ok:before { content: '\e802'; }
.icon-calendar:before { content: '\e803'; }
.icon_mail_circle:before { content: '\e804'; }
.icon_phone_circle:before { content: '\e805'; }
body {
font-family: $font-main;
font-weight: 400;
font-size: 16px;
}
b, strong {
font-weight: 700;
}
a {
color: inherit;
}
ul {
margin: 0 0 16px;
padding-left: 24px;
&.plain-list {
list-style: none;
margin: 0;
padding: 0;
}
&.inline-list {
& > li {
float: left;
}
}
&.footnote-list {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
padding-left: 16px;
}
&.coloured-list {
list-style: none;
padding: 0;
line-height: 175%;
li {
position: relative;
padding-left: 16px;
}
li::before {
position: absolute;
top: 0;
left: 0;
content: "\25CF";
font-size: 18px;
@include sectionColoursFromParent();
}
}
}
p {
margin: 0 0 24px;
line-height: 175%;
.lead & {
font-size: 18px;
font-weight: 700;
}
}
hr {
max-width: 25%;
margin: 32px auto 32px 0;
color: $color-ruler;
background-color: $color-ruler;
height: 1px;
border: none;
}
h1,
h2,
h3,
.headline--primary,
.headline--secondary {
margin: 0;
padding: 0;
font-weight: 700;
}
.headline {
@include sectionColoursFromParent();
&--icon {
display: flex;
justify-content: flex-start;
align-items: center;
}
}
.headline--primary,
.headline--secondary {
.content--sub & {
text-align: center;
}
}
h1,
.headline--primary {
font-size: 22px;
line-height: 115%;
text-transform: uppercase;
padding-bottom: 18px;
span {
font-weight: 400;
}
.subline,
.topline {
display: block;
font-size: 16px;
line-height: 120%;
color: $color-brand-primary;
text-transform: none;
@include sectionColoursFromParent();
&--box {
color: white;
}
}
}
h2,
.headline--secondary {
font-size: 16px;
line-height: 120%;
padding-bottom: 16px;
font-weight: 400;
}
h3 {
font-weight: 400;
font-size: 16px;
}
.headline__icon {
display: block;
width: 80px;
height: auto;
padding-right: 16px;
}