Use light page background for text layouts
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
<title>Styleguide – Pattern Text Layouts</title>
|
<title>Styleguide – Pattern Text Layouts</title>
|
||||||
<link rel="stylesheet" href="../styleguide.css">
|
<link rel="stylesheet" href="../styleguide.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="sg-page-text-layouts">
|
||||||
|
|
||||||
<h1 class="sg-main-heading">Pattern – Text Layouts</h1>
|
<h1 class="sg-main-heading">Pattern – Text Layouts</h1>
|
||||||
<section id="pattern-text-layouts">
|
<section id="pattern-text-layouts">
|
||||||
|
|||||||
@@ -2,6 +2,16 @@
|
|||||||
/* Patterns: Text Layouts */
|
/* Patterns: Text Layouts */
|
||||||
/* ========================================================= */
|
/* ========================================================= */
|
||||||
|
|
||||||
|
.sg-page-text-layouts {
|
||||||
|
background: var(--surface-form-preview);
|
||||||
|
color: var(--color-font-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sg-page-text-layouts .sg-main-heading,
|
||||||
|
.sg-page-text-layouts .sg-preview-label {
|
||||||
|
color: var(--color-font-dark);
|
||||||
|
}
|
||||||
|
|
||||||
.sg-text-layout-pattern {
|
.sg-text-layout-pattern {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user