Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

style(site) improve readability #1119

Merged
merged 1 commit into from
Sep 14, 2017
Merged

style(site) improve readability #1119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 4 additions & 6 deletions site/css/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@


*{
* {
box-sizing: border-box;
}

Expand Down Expand Up @@ -384,13 +382,13 @@ header h2 {
padding: 5px 20px;

color: #fff;
background: #999;
background: #1e1e28;
overflow: auto;
}

.terminal mark {
background: none;
color: #1e1e28;
color: #999;
}

@media(max-width: 470px) {
Expand All @@ -400,7 +398,7 @@ header h2 {
}

.terminal a, .terminal a:visited {
color: #1e1e28;
color: #999;
}

.terminal a:hover {
Expand Down
2 changes: 1 addition & 1 deletion site/css/app.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ <h2 class="description">Informative and easily navigable live style guide which
<div class="content">
<div class="section-container">
<div class="section ingress">
Style guide is based on <a href="http://warpspire.com/kss/">KSS</a>, spiced up with some very useful features and a nifty UI built with AngularJS. It supports <a href="http://sass-lang.com/">SASS</a>, <a href="http://lesscss.org/">LESS</a>, <a href="https://github.com/postcss/postcss">PostCSS</a> styles as well as pure CSS style sheets.
Style guide is based on <a href="http://warpspire.com/kss/">KSS</a>, spiced up with some very useful features and a nifty UI built with AngularJS. It supports <a href="http://sass-lang.com/">Sass</a>, <a href="http://lesscss.org/">Less</a>, <a href="https://github.com/postcss/postcss">PostCSS</a> styles as well as pure CSS style sheets.
</div>
</div>
<section class="feature-container">
Expand All @@ -60,7 +60,7 @@ <h2>See related variables and styles</h2>
<i class="material-icons icon">edit</i>
<h2>Edit on the fly</h2>
</div>
<p>With the designer tool you can edit SASS, LESS or PostCSS variables directly via the web interface. All changes can be saved back to the original file.</p>
<p>With the designer tool you can edit Sass, Less or PostCSS variables directly via the web interface. All changes can be saved back to the original file.</p>
</div>
<div class="feature">
<div class="feature-heading">
Expand Down Expand Up @@ -89,7 +89,7 @@ <h2>Encapsulated styles</h2>
<i class="material-icons icon">format_paint</i>
<h2>Easy to customize</h2>
</div>
<p>If you do not like default look and feel, it is easy to customize built-in UI using SASS variables or by overriding CSS styles.</p>
<p>If you do not like default look and feel, it is easy to customize built-in UI using Sass variables or by overriding CSS styles.</p>
</div>
<div class="feature">
<div class="feature-heading">
Expand Down