readOnlyDefaultStylesheet top-level property
Stylesheet applied to all SuperReaders by default.
Implementation
final readOnlyDefaultStylesheet = Stylesheet(
rules: [
StyleRule(
BlockSelector.all,
(doc, docNode) {
return {
Styles.maxWidth: 640.0,
Styles.padding: const CascadingPadding.symmetric(horizontal: 24),
Styles.textStyle: const TextStyle(
color: Colors.black,
fontSize: 18,
height: 1.4,
),
};
},
),
StyleRule(
const BlockSelector("header1"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 40),
Styles.textStyle: const TextStyle(
color: Color(0xFF333333),
fontSize: 38,
fontWeight: FontWeight.bold,
),
};
},
),
StyleRule(
const BlockSelector("header2"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 32),
Styles.textStyle: const TextStyle(
color: Color(0xFF333333),
fontSize: 26,
fontWeight: FontWeight.bold,
),
};
},
),
StyleRule(
const BlockSelector("header3"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 28),
Styles.textStyle: const TextStyle(
color: Color(0xFF333333),
fontSize: 22,
fontWeight: FontWeight.bold,
),
};
},
),
StyleRule(
const BlockSelector("paragraph"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 24),
};
},
),
StyleRule(
const BlockSelector("paragraph").after("header1"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 0),
};
},
),
StyleRule(
const BlockSelector("paragraph").after("header2"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 0),
};
},
),
StyleRule(
const BlockSelector("paragraph").after("header3"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 0),
};
},
),
StyleRule(
const BlockSelector("listItem"),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(top: 24),
};
},
),
StyleRule(
const BlockSelector("blockquote"),
(doc, docNode) {
return {
Styles.textStyle: const TextStyle(
color: Colors.grey,
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
};
},
),
StyleRule(
BlockSelector.all.last(),
(doc, docNode) {
return {
Styles.padding: const CascadingPadding.only(bottom: 96),
};
},
),
],
inlineTextStyler: readOnlyDefaultInlineTextStyler,
inlineWidgetBuilders: defaultInlineWidgetBuilderChain,
);