Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement bullet point styling in HTML / CSS #286

Closed
pgundlach opened this issue Dec 15, 2020 · 1 comment
Closed

Implement bullet point styling in HTML / CSS #286

pgundlach opened this issue Dec 15, 2020 · 1 comment
Assignees
Milestone

Comments

@pgundlach
Copy link
Member

pgundlach commented Dec 15, 2020

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    ul {
      list-style: none;
      padding-left: 0;
    }
    ul li::before {
      content: "\2022";
      color: red;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: 0em;
    }
  </style>
</head>
<body>
  <ul>
    <li>hello</li>
    <li>world</li>
  </ul>
</body>

</html>

This should be the output:

listyle

@pgundlach pgundlach added this to the Version 4.2 milestone Dec 15, 2020
@pgundlach pgundlach self-assigned this Dec 15, 2020
pgundlach added a commit that referenced this issue Dec 15, 2020
This partly implements #286
@pgundlach
Copy link
Member Author

<Layout xmlns="urn:speedata.de:2009/publisher/en"
	xmlns:sd="urn:speedata:2009/publisher/functions/en">
	<Stylesheet filename="mystyle.css"/>
	<Record element="data">
		<PlaceObject>
			<Textblock>
				<Paragraph>
					<Value select="."></Value>
				</Paragraph>
			</Textblock>
		</PlaceObject>
	</Record>
</Layout>

css:

ul {
  list-style: none;
  padding-left: 1em;
}
ul li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

data:

<data>
    <p>text</p>
    <ul>
        <li>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</li>
        <li>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</li>
    </ul>
    <p>text</p>
</data>

is a suitable input.

pgundlach added a commit that referenced this issue Jan 4, 2021
This implements #286
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant