diff --git a/docs/about.md b/docs/about.md index 7bd6d927..3d30b008 100644 --- a/docs/about.md +++ b/docs/about.md @@ -9,7 +9,7 @@ Learn more about this styleguide, particularly how it's built and who maintains Primer is GitHub's internal CSS framework. It includes basic global styling for typography, small components like buttons and tabs, and our general guidelines for writing HTML and CSS. It's been used internally at GitHub for years now. -Open-sourcing Primer means sharing and learning with the community. There's a lot we can improve upon in Primer, and help is always appreciated. While we don't currently plan on building this out as a competitor to other front-end frameworks, we will ocassionally add, remove, or modify things. +Open-sourcing Primer means sharing and learning with the community. There's a lot we can improve upon in Primer, and help is always appreciated. While we don't currently plan on building this out as a competitor to other front-end frameworks, we will occasionally add, remove, or modify things. ### Future updates diff --git a/docs/avatars.md b/docs/avatars.md index 8d158075..8fc57649 100644 --- a/docs/avatars.md +++ b/docs/avatars.md @@ -22,7 +22,7 @@ Be sure to set `width` and `height` attributes for maximum browser performance. ## Small avatars -We ocassionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level. +We occasionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level. {% example html %} diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 96631eea..c7ec466c 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -170,7 +170,7 @@ // Octicon buttons // -// Improve alignemnt of Octicons within buttons and minibuttons. Also auto tweak +// Improve alignment of Octicons within buttons and minibuttons. Also auto tweak // the right arrow to float right for ease of use. .btn { > .octicon-arrow-right { diff --git a/scss/_forms.scss b/scss/_forms.scss index 2c44fe5a..dc514821 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -42,7 +42,7 @@ textarea { } // Inputs with contrast for easy light gray backgrounds against white. -// input.class is needed here to increase specifity over input[…] +// input.class is needed here to increase specificity over input[…] input.input-contrast, .input-contrast { background-color: #fafafa; diff --git a/scss/_layout.scss b/scss/_layout.scss index a871ef36..3374f439 100644 --- a/scss/_layout.scss +++ b/scss/_layout.scss @@ -8,7 +8,7 @@ // Grid system // -// Create rows with `.columns` to clear the flaoted columns and outdent the +// Create rows with `.columns` to clear the floated columns and outdent the // padding on `.column`s with negative margin for alignment. .columns { diff --git a/scss/_states.scss b/scss/_states.scss index 77b98145..5be5b061 100644 --- a/scss/_states.scss +++ b/scss/_states.scss @@ -1,4 +1,4 @@ -// A rounded corner box containing a lable "open" or "closed" +// A rounded corner box containing a label "open" or "closed" // Without a state it is grey. // // open - green background diff --git a/scss/_truncate.scss b/scss/_truncate.scss index 0fef849c..7e38d828 100644 --- a/scss/_truncate.scss +++ b/scss/_truncate.scss @@ -1,11 +1,11 @@ // Truncate // -// css-truncate will shorten text with an elipsis. +// css-truncate will shorten text with an ellipsis. .css-truncate { // Truncate double target // - // css-truncate will shorten text with an elipsis. The maximum width + // css-truncate will shorten text with an ellipsis. The maximum width // of the truncated text can be changed by overriding the max-width // of the .css-truncate-target &.css-truncate-target,