docs: add some boilerplate button, h3, and hr styles (#41052)

PR Close #41052
This commit is contained in:
Kapunahele Wong 2021-03-02 09:47:46 -05:00 committed by Joey Perrott
parent 31dc483206
commit e340d190bd
2 changed files with 21 additions and 6 deletions

View File

@ -40,6 +40,6 @@ describe('Interpolation e2e tests', () => {
const label = element(by.css('label'));
expect(await label.getText()).toEqual('Type something:');
await input.sendKeys('abc');
expect(await label.getText()).toEqual('Type something: abc');
expect(await label.getText()).toMatch(/^Type something:\s+abc$/);
});
});

View File

@ -4,20 +4,23 @@
}
h1 {
color: #264D73;
font-size: 250%;
font-size: 2.5rem;
}
h2, h3 {
color: #444;
font-weight: lighter;
}
h3 {
font-size: 1.3rem;
}
body {
padding: .5em;
padding: .5rem;
max-width: 1000px;
margin: auto;
}
@media (min-width: 600px) {
body {
padding: 2em;
padding: 2rem;
}
}
body, input[text] {
@ -30,13 +33,17 @@ a {
button {
background-color: #eee;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
color: black;
font-size: 1.2rem;
padding: 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
button:hover {
background-color: #cfd8dc;
background-color: black;
color: white;
}
button:disabled {
background-color: #eee;
@ -64,3 +71,11 @@ nav a.active {
background-color: black;
color: white;
}
hr {
margin: 1.5rem 0;
}
input[type="text"] {
box-sizing: border-box;
width: 100%;
padding: .5rem;
}