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

Jump to bottom

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
@pgundlach
Labels
Feature Request
Milestone
Version 4.2

Comments

@pgundlach
Copy link
Member

pgundlach commented Dec 15, 2020 •
edited 

<!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
@pgundlach
Allow before:: styling for CSS
786a79e 
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
@pgundlach
li::before spacing
2a55412 
This implements #286
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@pgundlach pgundlach

Labels
Feature Request
Projects
None yet
Milestone
Version 4.2
Development

No branches or pull requests
1 participant
@pgundlach