Add scss example

Closes #26
This commit is contained in:
Lars Karlitski 2018-06-22 11:15:57 +02:00 committed by Martin Pitt
parent 47e02ef136
commit 7260f5c01f
6 changed files with 23 additions and 7 deletions

View file

@ -20,6 +20,7 @@
import cockpit from 'cockpit';
import React from 'react';
import './app.scss';
const _ = cockpit.gettext;
@ -36,9 +37,9 @@ export class Application extends React.Component {
return (
<div className="container-fluid">
<h2>Starter Kit</h2>
<div>
<span>{ cockpit.format(_("Running on $0"), this.state.hostname) }</span>
</div>
<p>
{ cockpit.format(_("Running on $0"), this.state.hostname) }
</p>
</div>
);
}

3
src/app.scss Normal file
View file

@ -0,0 +1,3 @@
p {
font-weight: bold;
}

View file

@ -23,6 +23,7 @@ along with this package; If not, see <http://www.gnu.org/licenses/>.
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../base1/patternfly.css">
<link rel="stylesheet" href="index.css">
<script type="text/javascript" src="../base1/cockpit.js"></script>
<script type="text/javascript" src="../*/po.js"></script>