diff --git a/README.md b/README.md index 698de32..9f2baee 100644 --- a/README.md +++ b/README.md @@ -45,4 +45,4 @@ They are nearly identical, save for `--watch` and `--update`. Please refer to th ### License -[BSD-3-Clause](LICENSE) Copyright © LBRY Inc. +[BSD 3-Clause](LICENSE) Copyright © LBRY Inc. diff --git a/package.json b/package.json index 8c121b5..66b17e5 100644 --- a/package.json +++ b/package.json @@ -9,12 +9,12 @@ "description": "Styling for shared components across LBRY properties", "devDependencies": { "@inc/sasslint-config": "^1.1.2", - "@lbry/color": "^1.0.5", - "husky": "^1.2.0", + "@lbry/color": "^1.1.0", + "husky": "^1.3.1", "npm-run-all": "^4.1.5", "sass": "^1.15.2", "sass-lint": "^1.12.1", - "updates": "^5.4.3" + "updates": "^6.0.3" }, "files": [ "dist/style.css", @@ -26,7 +26,7 @@ "pre-commit": "npm run test:sass && npm run sass:prod && git add -A :/" } }, - "license": "BSD-3-Clause", + "license": "BSD 3-Clause", "main": "sass/", "name": "@lbry/components", "repository": { diff --git a/sass/badge/_index.scss b/sass/badge/_index.scss index 3b23822..4810855 100644 --- a/sass/badge/_index.scss +++ b/sass/badge/_index.scss @@ -9,8 +9,8 @@ font-size: 0.8rem; letter-spacing: 0.05rem; line-height: 2; - padding-right: var(--spacing-xs); // 0.5rem; - padding-left: var(--spacing-xs); // 0.55rem; + padding-right: var(--spacing-xs); + padding-left: var(--spacing-xs); } } diff --git a/sass/button/_index.scss b/sass/button/_index.scss index 1c704a9..4519605 100644 --- a/sass/button/_index.scss +++ b/sass/button/_index.scss @@ -46,7 +46,7 @@ } .button--inverse { - padding: var(--spacing-xs --spacing-s); // 0.5rem 1rem; + padding: var(--spacing-xs --spacing-s); border: 1px solid $lbry-gray-1; border-radius: 1rem; color: inherit; @@ -90,7 +90,7 @@ } .button--primary { - padding: var(--spacing-xs --spacing-s); // 0.5rem 1rem; + padding: var(--spacing-xs --spacing-s); align-self: center; // fixes buttons next to tall elements inside one with `display: flex` border-radius: 1rem; color: $lbry-white; diff --git a/sass/media/_index.scss b/sass/media/_index.scss index e9736f0..8ec77a0 100644 --- a/sass/media/_index.scss +++ b/sass/media/_index.scss @@ -37,12 +37,12 @@ .media__info { width: calc(100% - 20rem); - margin-left: var(--spacing-s); // 1rem; + margin-left: var(--spacing-s); } .media__thumb { width: 40rem; - margin-bottom: var(--spacing-s); // 1rem; + margin-bottom: var(--spacing-s); } } @@ -75,12 +75,12 @@ justify-content: space-between; &:not(:last-of-type) { - margin-bottom: var(--spacing-s); // 1rem; + margin-bottom: var(--spacing-s); } .media__info { width: 50%; - padding-left: var(--spacing-s); // 1rem; + padding-left: var(--spacing-s); } .media__properties { @@ -102,12 +102,12 @@ display: flex; &:not(:last-of-type) { - margin-bottom: var(--spacing-m); // 1.5rem; + margin-bottom: var(--spacing-m); } .media__info { width: calc(100% - 20rem); - margin-left: var(--spacing-s); // 1rem; + margin-left: var(--spacing-s); } .media__properties { @@ -116,7 +116,7 @@ } .media__text { // .media__subtext - padding-top: var(--spacing-s); // 1rem; + padding-top: var(--spacing-s); } .media__thumb { @@ -134,8 +134,8 @@ .media__actions { display: flex; - padding-top: var(--spacing-m); // 2rem; - padding-bottom: var(--spacing-m); // 2rem; + padding-top: var(--spacing-m); + padding-bottom: var(--spacing-m); } .media__content { // sass-lint:disable-line no-empty-rulesets @@ -153,7 +153,7 @@ } .media__message { - padding: var(--spacing-s); // 1rem; + padding: var(--spacing-s); white-space: normal; } @@ -161,7 +161,7 @@ vertical-align: top; > *:not(:last-child) { - margin-right: var(--spacing-xs); // 0.5rem; + margin-right: var(--spacing-xs); } &:not(:empty) {