docs: add some boilerplate button, h3, and hr styles (#41052)
PR Close #41052
This commit is contained in:
parent
31dc483206
commit
e340d190bd
|
@ -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$/);
|
||||
});
|
||||
});
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue