Skip to content

Commit

Permalink
updates harness styles (#16)
Browse files Browse the repository at this point in the history
* init

* bump version

* updates

* more

* updates readme

* one more
  • Loading branch information
PeteSchuster authored Jan 16, 2019
1 parent 5b02d77 commit fe9ea10
Show file tree
Hide file tree
Showing 4 changed files with 51 additions and 14 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Welcome to the All Digital brought to you by Comcast.
In your project:

```bash
npm install git+https://github.com/Comcast/all-digital.git#v2.1.1
npm install git+https://github.com/Comcast/all-digital.git#v2.6.0
```

## Usage
Expand Down
7 changes: 6 additions & 1 deletion assets/sass/all-digital/components/_page-header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -51,13 +51,19 @@
font-weight: 500;
}

.page-header .button--text,
.page-header a {
color: $blue-genie;
}

.page-app--harnessed {
.page-header {
display: flex;
justify-content: space-between;
padding: 12px;
align-items: center
}

.page-header__back {
position: static;
order: -1;
Expand All @@ -69,4 +75,3 @@
left: 62px;
text-align: left;
}

54 changes: 43 additions & 11 deletions assets/sass/all-digital/context/_harness.scss
Original file line number Diff line number Diff line change
@@ -1,15 +1,4 @@
.page-app--harnessed {
h2,
.heading2 {
@include font-size(14);
color: $cool-grey11;
font-weight: 500;
}

.page-section--banner h1.heading2 {
@include heading2;
}

.form-control:not(.form-control--boolean) {
.label,
label,
Expand All @@ -19,6 +8,11 @@
}
}

.label {
color: $cool-grey11;
font-weight: 500;
}

[type=text],
[type=email],
[type=url],
Expand All @@ -33,7 +27,45 @@
border-color: #656b71;
}

a,
.link,
.button {
font-weight: 500;
}

.hgroup {
.display1,
.display2,
.display3,
.heading1,
.heading2,
.heading3,
.heading4,
.heading5,
.heading6,
.body1,
.body2,
.body3,
.body4,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-bottom: 8px;
}
}

.card {
margin-left: -17px; // 16 padding + 1 border
width: calc(100% + 34px); // 16 padding * 2 + 2 border
padding: 16px;
}

.page-section__wrapper {
padding-left: 16px;
padding-right: 16px;
}
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "all-digital",
"version": "2.5.0",
"version": "2.6.0",
"description": "CSS for All Digital",
"repository": {
"type": "git",
Expand Down

0 comments on commit fe9ea10

Please sign in to comment.