Skip to content

Commit

Permalink
code consistency
Browse files Browse the repository at this point in the history
  • Loading branch information
sindresorhus committed Aug 28, 2014
1 parent 8ee6ed2 commit c838e01
Show file tree
Hide file tree
Showing 14 changed files with 147 additions and 143 deletions.
138 changes: 68 additions & 70 deletions app/styles/components/_components/_icons.scss
Original file line number Diff line number Diff line change
@@ -1,149 +1,147 @@
@font-face {
font-family:"icons";
src:url("../images/icons/icons.eot");
src:url("../images/icons/icons.eot?#iefix") format("embedded-opentype"),
url("../images/icons/icons.woff2") format("woff2"),
url("../images/icons/icons.woff") format("woff"),
url("../images/icons/icons.ttf") format("truetype"),
url("../images/icons/icons.svg?#icons") format("svg");
font-weight:normal;
font-style:normal;
font-family: icons;
src: url(../images/icons/icons.eot);
src: url(../images/icons/icons.eot?#iefix) format('embedded-opentype'),
url(../images/icons/icons.woff2) format('woff2'),
url(../images/icons/icons.woff) format('woff'),
url(../images/icons/icons.ttf) format('truetype'),
url(../images/icons/icons.svg?#icons) format('svg');
font-weight: normal;
font-style: normal;
}


.icon {
font-family:"icons";
display:inline-block;
vertical-align:top;
line-height:1;
font-weight:normal;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family: 'icons';
display: inline-block;
vertical-align: top;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


// Icons
$icon-bullet: "\e001";
$icon-bullet: '\e001';
.icon-bullet::before {
content:"\e001";
}

$icon-chevron-down: "\e002";
$icon-chevron-down: '\e002';
.icon-chevron-down::before {
content:"\e002";
content: '\e002';
}

$icon-chevron-large: "\e003";
$icon-chevron-large: '\e003';
.icon-chevron-large::before {
content:"\e003";
content: '\e003';
}

$icon-chevron-left: "\e004";
$icon-chevron-left: '\e004';
.icon-chevron-left::before {
content:"\e004";
content: '\e004';
}

$icon-chevron-right: "\e005";
$icon-chevron-right: '\e005';
.icon-chevron-right::before {
content:"\e005";
content: '\e005';
}

$icon-chevron-up: "\e006";
$icon-chevron-up: '\e006';
.icon-chevron-up::before {
content:"\e006";
content: '\e006';
}

$icon-close: "\e007";
$icon-close: '\e007';
.icon-close::before {
content:"\e007";
content: '\e007';
}

$icon-cog: "\e008";
$icon-cog: '\e008';
.icon-cog::before {
content:"\e008";
content: '\e008';
}

$icon-diamond: "\e009";
$icon-diamond: '\e009';
.icon-diamond::before {
content:"\e009";
content: '\e009';
}

$icon-exclamation: "\e00a";
$icon-exclamation: '\e00a';
.icon-exclamation::before {
content:"\e00a";
content: '\e00a';
}

$icon-google-dev: "\e00b";
$icon-google-dev: '\e00b';
.icon-google-dev::before {
content:"\e00b";
content: '\e00b';
}

$icon-hash: "\e00c";
$icon-hash: '\e00c';
.icon-hash::before {
content:"\e00c";
content: '\e00c';
}

$icon-introduction-to-media: "\e00d";
$icon-introduction-to-media: '\e00d';
.icon-introduction-to-media::before {
content:"\e00d";
content: '\e00d';
}

$icon-lessons: "\e00e";
$icon-lessons: '\e00e';
.icon-lessons::before {
content:"\e00e";
content: '\e00e';
}

$icon-menu: "\e00f";
$icon-menu: '\e00f';
.icon-menu::before {
content:"\e00f";
content: '\e00f';
}

$icon-minus: "\e010";
$icon-minus: '\e010';
.icon-minus::before {
content:"\e010";
content: '\e010';
}

$icon-multi-device-layouts: "\e011";
$icon-multi-device-layouts: '\e011';
.icon-multi-device-layouts::before {
content:"\e011";
content: '\e011';
}

$icon-performance: "\e012";
$icon-performance: '\e012';
.icon-performance::before {
content:"\e012";
content: '\e012';
}

$icon-plus: "\e013";
$icon-plus: '\e013';
.icon-plus::before {
content:"\e013";
content: '\e013';
}

$icon-question: "\e014";
$icon-question: '\e014';
.icon-question::before {
content:"\e014";
content: '\e014';
}

$icon-slash: "\e015";
$icon-slash: '\e015';
.icon-slash::before {
content:"\e015";
content: '\e015';
}

$icon-star: "\e016";
$icon-star: '\e016';
.icon-star::before {
content:"\e016";
content: '\e016';
}

$icon-tick: "\e017";
$icon-tick: '\e017';
.icon-tick::before {
content:"\e017";
content: '\e017';
}

$icon-user-input: "\e018";
$icon-user-input: '\e018';
.icon-user-input::before {
content:"\e018";
content: '\e018';
}
4 changes: 3 additions & 1 deletion app/styles/components/_global.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,9 @@
box-sizing: border-box;
}

html, body, button {
html,
body,
button {
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
Expand Down
10 changes: 5 additions & 5 deletions app/styles/components/_helper.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,11 @@
.clear {
&::before,
&::after {
content:"";
display:table;
content: '';
display: table;
}
&::after {
clear:both;
clear: both;
}
}

Expand Down Expand Up @@ -60,7 +60,7 @@
margin-bottom: $lineHeight;

&::after {
content: "";
content: '';
display: block;
position: absolute;
width: 40%;
Expand Down Expand Up @@ -116,7 +116,7 @@
}

&::before {
content: "# ";
content: '# ';
display: inline-block;
}
}
2 changes: 1 addition & 1 deletion app/styles/components/_modules/_article-nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
position: relative;

&::before {
content: "";
content: '';
border-left: 2px solid $colorGrayKeyline;
height: 100%;
position: absolute;
Expand Down
8 changes: 4 additions & 4 deletions app/styles/components/_modules/_featured-spotlight.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
background: $colorGrayDark;
color: #ffffff;
overflow: hidden;
padding-bottom: $lineHeight*3 - 1;
margin-top: $lineHeight*2;
padding-bottom: $lineHeight * 3 - 1;
margin-top: $lineHeight * 2;

p {
padding-bottom: $lineHeight;
Expand Down Expand Up @@ -51,11 +51,11 @@
@include medium {
width: auto;
max-width: none;
left: 100% + $mediumGutterWidth*2;
left: 100% + $mediumGutterWidth * 2;
}

@include wide {
left: 100% + $wideGutterWidth*2;
left: 100% + $wideGutterWidth * 2;
}
}
}
2 changes: 1 addition & 1 deletion app/styles/components/_modules/_guides-section.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.guides-section {
background: $colorGrayBackground;
text-align: center;
padding: $lineHeight 0 $lineHeight*4;
padding: $lineHeight 0 $lineHeight * 4;
}
12 changes: 6 additions & 6 deletions app/styles/components/_modules/_highlight.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,13 @@

.highlight-module {
overflow: hidden;
margin-top: $lineHeight*2;
margin-top: $lineHeight * 2;
margin-bottom: $lineHeight;
position: relative;

&::after {
background: $colorGrayBackground;
content: "";
content: '';
height: 100%;
position: absolute;
top: 0;
Expand All @@ -31,16 +31,16 @@

.highlight-module__container {
@include container;
padding-bottom: $lineHeight*3;
padding-bottom: $lineHeight * 3;
z-index: 1;
@include highlight-symbol();

@include medium {
padding-bottom: $lineHeight*2;
padding-bottom: $lineHeight * 2;
}

@include wide {
min-height: $lineHeight*8;
min-height: $lineHeight * 8;
}
}

Expand Down Expand Up @@ -91,7 +91,7 @@
/*========== CODE ==========*/
.highlight-module--code {
overflow: visible;
margin-bottom: $lineHeight*2;
margin-bottom: $lineHeight * 2;

pre {
margin: 0;
Expand Down
2 changes: 1 addition & 1 deletion app/styles/components/_modules/_next-lessons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

.next-lessons {
background: $colorGrayDark;
padding: $lineHeight $lineHeight $lineHeight*2;
padding: $lineHeight $lineHeight $lineHeight * 2;
margin-top: $lineHeight;
color: #ffffff;
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion app/styles/components/_modules/_related-guides.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
text-transform: uppercase;

&::before {
content: "#";
content: '#';
display: inline-block;
padding-right: 2px;
}
Expand Down
1 change: 0 additions & 1 deletion app/styles/components/_modules/_related-items.scss
Original file line number Diff line number Diff line change
Expand Up @@ -17,4 +17,3 @@
}

}

2 changes: 1 addition & 1 deletion app/styles/components/_pages/_styleguide.scss
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
}

&::before {
content: "HTML classes: ";
content: 'HTML classes: ';
font-weight: 700;
}

Expand Down
Loading

0 comments on commit c838e01

Please sign in to comment.