111 lines
2.2 KiB
SCSS
111 lines
2.2 KiB
SCSS
:host ::ng-deep p {
|
|
display: block;
|
|
//margin-top: 1em;
|
|
//margin-bottom: 1em;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
font-size: 1rem; /* oder 1rem, abhängig vom Browser und den Standardeinstellungen */
|
|
line-height: 1.5;
|
|
min-height: 1.5em;
|
|
}
|
|
:host ::ng-deep h1 {
|
|
display: block;
|
|
font-size: 2em; /* etwa 32px */
|
|
margin-top: 0.67em;
|
|
margin-bottom: 0.67em;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
font-weight: bold;
|
|
}
|
|
:host ::ng-deep h2 {
|
|
display: block;
|
|
font-size: 1.5em; /* etwa 24px */
|
|
margin-top: 0.83em;
|
|
margin-bottom: 0.83em;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
font-weight: bold;
|
|
}
|
|
:host ::ng-deep h3 {
|
|
display: block;
|
|
font-size: 1.17em; /* etwa 18.72px */
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
font-weight: bold;
|
|
}
|
|
:host ::ng-deep ul {
|
|
display: block;
|
|
list-style-type: disc; /* listet Punkte (•) vor jedem Listenelement auf */
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding-left: 40px; /* Standard-Einrückung für Listen */
|
|
}
|
|
:host ::ng-deep li {
|
|
display: list-item; /* Zeigt das Element als Listenelement an */
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
button.share {
|
|
font-size: 13px;
|
|
transform: translateY(-2px) scale(1.03);
|
|
margin-right: 4px;
|
|
margin-left: 2px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
i {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
.share-edit {
|
|
background-color: #0088cc;
|
|
}
|
|
.share-save {
|
|
background-color: #e60023;
|
|
}
|
|
.share-email {
|
|
background-color: #ff961c;
|
|
}
|
|
.share-facebook {
|
|
background-color: #1877f2;
|
|
}
|
|
.share-twitter {
|
|
background-color: #000000;
|
|
}
|
|
.share-linkedin {
|
|
background-color: #0a66c2;
|
|
}
|
|
:host ::ng-deep .ng-select-container {
|
|
height: 42px !important;
|
|
border-radius: 0.5rem;
|
|
.ng-value-container .ng-input {
|
|
top: 10px;
|
|
}
|
|
}
|
|
/* details.scss */
|
|
|
|
/* Stil für das Adress-Info-Feld */
|
|
.address-control {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.address-control a {
|
|
color: #007bff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.address-control a:hover {
|
|
text-decoration: underline;
|
|
}
|