Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: crystal-lang/crystal
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: e1539b102564
Choose a base ref
...
head repository: crystal-lang/crystal
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 06639e68cc38
Choose a head ref
  • 3 commits
  • 1 file changed
  • 1 contributor

Commits on Oct 25, 2016

  1. updates doc styles for a slightly more modern appeal 

    - updates to more modern font-stack.
- optimizes margin for headers and changes color
  to lighter shade of gray.
- adds box around h1.
- adds border under h2s.
- adds bottom padding to types list.
- changes style for search input and adds subtle.
  shadowing on focus
- adds monospace fonts to signatures.
- decreases top margin for summary paragraphs.
- adds light border to pre elements.
    Sam Eaton authored and Ary Borenszweig committed Oct 25, 2016
    Copy the full SHA
    6fa7eeb View commit details

  2. adds more padding to search box

    Sam Eaton authored and Ary Borenszweig committed Oct 25, 2016
    Copy the full SHA
    d6b3683 View commit details

  3. adds sublte shadowing in types-list for depth

    Sam Eaton authored and Ary Borenszweig committed Oct 25, 2016
    Copy the full SHA
    06639e6 View commit details
Showing with 62 additions and 6 deletions.
  1. +62 −6 src/compiler/crystal/tools/doc/html/css/style.css
68 changes: 62 additions & 6 deletions src/compiler/crystal/tools/doc/html/css/style.css
View file
Original file line number Diff line number Diff line change
@@ -8,7 +8,7 @@ html, body {
}

body {
font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
font-family: "Avenir", "Tahoma", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
color: #333;
}

@@ -21,11 +21,22 @@ a:visited {
}

h1, h2, h3, h4, h5, h6 {
margin: 30px 0;
margin: 35px 0 25px;
color: #444444;
}

h1.type-name {
color: #47266E;
margin: 20px 0 30px;
background-color: #F8F8F8;
padding: 10px 12px;
border: 1px solid #EBEBEB;
border-radius: 2px;
}

h2 {
border-bottom: 1px solid #E6E6E6;
padding-bottom: 5px;
}

#types-list, #main-content {
@@ -39,10 +50,12 @@ h1.type-name {
left: 0;
width: 20%;
background-color: #2E1052;
padding: 0 0 30px;
box-shadow: inset -3px 0 4px rgba(0,0,0,.35);
}

#types-list #search-box {
padding: 5px;
padding: 8px 9px;
}

#types-list input {
@@ -55,8 +68,38 @@ h1.type-name {
line-height: 1.2;
width: 100%;
border: 0;
border-radius: 50px;
outline: 0;
border-radius: 2px;
box-shadow: 0px 3px 5px rgba(0,0,0,.25);
transition: box-shadow .12s;
}

#types-list input:focus {
box-shadow: 0px 5px 6px rgba(0,0,0,.5);
}

#types-list input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #C8C8C8;
font-size: 14px;
text-indent: 2px;
}

#types-list input::-moz-placeholder { /* Firefox 19+ */
color: #C8C8C8;
font-size: 14px;
text-indent: 2px;
}

#types-list input:-ms-input-placeholder { /* IE 10+ */
color: #C8C8C8;
font-size: 14px;
text-indent: 2px;
}

#types-list input:-moz-placeholder { /* Firefox 18- */
color: #C8C8C8;
font-size: 14px;
text-indent: 2px;
}

#types-list ul {
@@ -78,7 +121,12 @@ h1.type-name {
display: block;
padding: 5px 15px 5px 30px;
text-decoration: none;
color: #fff;
color: #F8F4FD;
transition: color .14s;
}

#types-list a:focus {
outline: 1px solid #D1B7F1;
}

#types-list .current > a,
@@ -189,6 +237,8 @@ h1.type-name {
border: 1px solid #f0f0f0;
text-decoration: none;
border-radius: 3px;
font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
transition: background .15s, border-color .15s;
}

.superclass-hierarchy .superclass a:hover,
@@ -202,6 +252,10 @@ h1.type-name {
padding-left: 32px;
}

.entry-summary .summary p {
margin: 12px 0 16px;
}

.entry-summary a {
text-decoration: none;
}
@@ -219,6 +273,7 @@ h1.type-name {
background-color: #f8f8f8;
color: #47266E;
border: 1px solid #f0f0f0;
font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
transition: .2s ease-in-out;
}

@@ -275,8 +330,9 @@ pre {
line-height: 1.45;
overflow: auto;
color: #333;
background: #f7f7f7;
background: #fdfdfd;
font-size: 14px;
border: 1px solid #eee;
}

code {