honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/examples/interpolation/e2e/src/app.e2e-spec.ts
View File

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

25
aio/tools/examples/shared/boilerplate/common/src/styles.css
View File

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