Skip to content

Commit

Permalink
Restructure to share content between toolkit and guide
Browse files Browse the repository at this point in the history
  • Loading branch information
@jmatsushita
jmatsushita committed Jan 14, 2018
1 parent b7162f8 commit d287e14
Show file tree
Hide file tree
Showing 473 changed files with 5,422 additions and 444 deletions.
127 changes: 127 additions & 0 deletions code/assets/css/fonts.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
/* raleway-300 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
src: url('../fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
src: local('Raleway Light'), local('Raleway-Light'),
url('../fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-300.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-300.woff') format('woff'),
url('../fonts/raleway-v12-latin-300.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 300;
src: url('../fonts/raleway-v12-latin-300italic.eot'); /* IE9 Compat Modes */
src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
url('../fonts/raleway-v12-latin-300italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-300italic.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-300italic.woff') format('woff'),
url('../fonts/raleway-v12-latin-300italic.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Raleway'), local('Raleway-Regular'),
url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-regular.woff') format('woff'),
url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url('../fonts/raleway-v12-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Raleway Italic'), local('Raleway-Italic'),
url('../fonts/raleway-v12-latin-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-italic.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-italic.woff') format('woff'),
url('../fonts/raleway-v12-latin-italic.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
src: url('../fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
url('../fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-600.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-600.woff') format('woff'),
url('../fonts/raleway-v12-latin-600.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 600;
src: url('../fonts/raleway-v12-latin-600italic.eot'); /* IE9 Compat Modes */
src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
url('../fonts/raleway-v12-latin-600italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-v12-latin-600italic.woff2') format('woff2'),
url('../fonts/raleway-v12-latin-600italic.woff') format('woff'),
url('../fonts/raleway-v12-latin-600italic.ttf') format('truetype'),
url('../fonts/raleway-v12-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* lora-regular - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: url('../fonts/lora-v12-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Lora Regular'), local('Lora-Regular'),
url('../fonts/lora-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/lora-v12-latin-regular.woff2') format('woff2'),
url('../fonts/lora-v12-latin-regular.woff') format('woff'),
url('../fonts/lora-v12-latin-regular.ttf') format('truetype'),
url('../fonts/lora-v12-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 400;
src: url('../fonts/lora-v12-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Lora Italic'), local('Lora-Italic'),
url('../fonts/lora-v12-latin-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/lora-v12-latin-italic.woff2') format('woff2'),
url('../fonts/lora-v12-latin-italic.woff') format('woff'),
url('../fonts/lora-v12-latin-italic.ttf') format('truetype'),
url('../fonts/lora-v12-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 700;
src: url('../fonts/lora-v12-latin-700.eot'); /* IE9 Compat Modes */
src: local('Lora Bold'), local('Lora-Bold'), url('../fonts/lora-v12-latin-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/lora-v12-latin-700.woff2') format('woff2'), url('../fonts/lora-v12-latin-700.woff') format('woff'),
url('../fonts/lora-v12-latin-700.ttf') format('truetype'), url('../fonts/lora-v12-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 700;
src: url('../fonts/lora-v12-latin-700italic.eot'); /* IE9 Compat Modes */
src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
url('../fonts/lora-v12-latin-700italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/lora-v12-latin-700italic.woff2') format('woff2'),
url('../fonts/lora-v12-latin-700italic.woff') format('woff'),
url('../fonts/lora-v12-latin-700italic.ttf') format('truetype'),
url('../fonts/lora-v12-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
}
46 changes: 28 additions & 18 deletions code/assets/css/site.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ h6,
nav a,
.links small a,
.links small {
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.links small {
Expand All @@ -31,6 +31,10 @@ li > p {
display: inline;
}

a:focus {
outline: none;
}

.post a,
.docs-section a,
.links small a,
Expand Down Expand Up @@ -61,7 +65,7 @@ p img {
}

.anchorjs-link {
transition: all .25s linear;
transition: all 0.25s linear;
}
*:hover > .anchorjs-link {
margin-left: -1.125em !important;
Expand Down Expand Up @@ -170,7 +174,7 @@ blockquote p {
.docs-header {
text-transform: uppercase;
font-size: 1.4rem;
letter-spacing: .2rem;
letter-spacing: 0.2rem;
font-weight: 600;
}
.value-img {
Expand All @@ -187,9 +191,9 @@ blockquote p {
text-transform: uppercase;
height: 30px;
line-height: 30px;
margin-bottom: .75rem;
margin-bottom: 0.75rem;
font-weight: 600;
letter-spacing: .1rem;
letter-spacing: 0.1rem;
}
.docs-example .row,
.docs-example.row,
Expand Down Expand Up @@ -224,7 +228,7 @@ blockquote p {
.example-header {
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: .5rem;
margin-bottom: 0.5rem;
}
.example-description {
margin-bottom: 1.5rem;
Expand Down Expand Up @@ -319,7 +323,7 @@ blockquote p {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: .2rem;
letter-spacing: 0.2rem;
margin-right: 35px;
text-decoration: none;
line-height: 6.5rem;
Expand Down Expand Up @@ -353,16 +357,16 @@ blockquote p {
background: #fff;
border: 1px solid #eee;
border-radius: 4px;
-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
-moz-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
-moz-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
}
.popover-item:first-child .popover-link:after,
.popover-item:first-child .popover-link:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
content: ' ';
height: 0;
width: 0;
position: absolute;
Expand Down Expand Up @@ -397,10 +401,10 @@ blockquote p {
border-bottom: 1px solid #eee;
text-decoration: none;
text-transform: uppercase;
font-size: 1.0rem;
font-size: 1rem;
font-weight: 600;
text-align: center;
letter-spacing: .1rem;
letter-spacing: 0.1rem;
}
.popover-item:first-child .popover-link {
border-radius: 4px 4px 0 0;
Expand Down Expand Up @@ -622,6 +626,12 @@ button:focus {
margin-top: -42px;
}

.boxtext {
background-color: lightblue;
padding: 15px;
margin-bottom: 10px;
}

.greybox {
background-color: lightgrey;
padding: 15px;
Expand All @@ -638,8 +648,8 @@ div#results {
}

.docs-section :target:before {
content: "";
display: block;
content: '';
display: inline-block;
height: 80px;
margin: -80px 0 0;
}
Expand All @@ -652,14 +662,14 @@ div#results {
}

.docs-section li[id]:before {
content: "";
content: '';
display: block;
height: 80px;
padding-top: 80px;
margin: -60px 0 0;
content: counter(step-counter) ".";
content: counter(step-counter) '.';
}

.docs-section li[id] > * {
margin-left: 20px;
margin-left: 45px;
}
Binary file added code/assets/fonts/lora-v12-latin-700.eot
View file
Binary file not shown.
Loading

0 comments on commit d287e14

Please sign in to comment.