History

New design

Thibaut committed 12 years ago

Commit 465a1721 parent a3aa03b29 files · +235 −293Browse files

Unified · Split

29 files
  1. assets/images/icons.png +0 −0
  2. assets/images/icons@2x.png +0 −0
  3. assets/javascripts/templates/pages/news_tmpl.coffee +5 −1
  4. assets/javascripts/templates/pages/root_tmpl.coffee.erb +2 −2
  5. assets/javascripts/views/search/search_scope.coffee +1 −1
  6. assets/javascripts/views/sidebar/sidebar_hover.coffee +1 −1
  7. assets/stylesheets/components/_app.scss +1 −1
  8. assets/stylesheets/components/_content.scss +27 −9
  9. assets/stylesheets/components/_header.scss +40 −53
  10. assets/stylesheets/components/_mobile.scss +5 −20
  11. assets/stylesheets/components/_notice.scss +2 −17
  12. assets/stylesheets/components/_notif.scss +3 −12
  13. assets/stylesheets/components/_page.scss +2 −3
  14. assets/stylesheets/components/_path.scss +2 −5
  15. assets/stylesheets/components/_sidebar.scss +40 −76
  16. assets/stylesheets/global/_base.scss +11 −16
  17. assets/stylesheets/global/_classes.scss +23 −63
  18. assets/stylesheets/global/_variables.scss +66 −8
  19. assets/stylesheets/pages/_angular.scss +1 −1
  20. assets/stylesheets/pages/_c.scss +1 −2
  21. assets/stylesheets/pages/_maxcdn.scss +3 −3
  22. assets/stylesheets/pages/_mdn.scss +1 −1
  23. assets/stylesheets/pages/_node.scss +1 −1
  24. assets/stylesheets/pages/_rdoc.scss +2 −2
  25. assets/stylesheets/pages/_yii.scss +1 −1
  26. public/icons/ui/home/16.png +0 −0
  27. public/icons/ui/home/16@2x.png +0 −0
  28. public/icons/ui/menu/16.png +0 −0
  29. public/icons/ui/menu/16@2x.png +0 −0
assets/images/icons.png+0−0

Binary file not shown.

assets/images/icons@2x.png+0−0

Binary file not shown.

assets/javascripts/templates/pages/news_tmpl.coffee+5−1
@@ -33,7 +33,11 @@ newsItem = (date, news) -> · 32 unmodified lines
33 result33 result
34 34
35app.news = [35app.news = [
36 [ 1413676800000, # October 19, 201436 [ 1415491200000, # November 9, 2014
37 """ New design
38 Feedback welcome on <a href="https://twitter.com/DevDocs" target="_blank">Twitter</a> and <a href="https://github.com/Thibaut/devdocs" target="_blank">GitHub</a>. """
39 ], [
40 1413676800000, # October 19, 2014
37 """ New <a href="/svg/">SVG</a>, <a href="/marionette/">Marionette.js</a>, and <a href="/mongoose/">Mongoose</a> documentations """,41 """ New <a href="/svg/">SVG</a>, <a href="/marionette/">Marionette.js</a>, and <a href="/mongoose/">Mongoose</a> documentations """,
38 ], [42 ], [
39 1413590400000, # October 18, 201443 1413590400000, # October 18, 2014
assets/javascripts/templates/pages/root_tmpl.coffee.erb+2−2
@@ -13,8 +13,8 @@ app.templates.intro = """ · 12 unmodified lines
13 <ol class="_intro-list">13 <ol class="_intro-list">
14 <li>Your local version of DevDocs won't self-update. Unless you're offline or modifying the code,14 <li>Your local version of DevDocs won't self-update. Unless you're offline or modifying the code,
15 I recommend using the hosted version at <a href="http://devdocs.io">devdocs.io</a>.15 I recommend using the hosted version at <a href="http://devdocs.io">devdocs.io</a>.
16 <li>Run <code class="_label">thor docs:list</code> to see all available documentations.16 <li>Run <code>thor docs:list</code> to see all available documentations.
17 <li>Run <code class="_label">thor docs:download --all</code> to download/update all documentations.17 <li>Run <code>thor docs:download --all</code> to download/update all documentations.
18 <li>To be notified about new versions, don't forget to <a href="https://github.com/Thibaut/devdocs/subscription">watch the repository</a> on GitHub.18 <li>To be notified about new versions, don't forget to <a href="https://github.com/Thibaut/devdocs/subscription">watch the repository</a> on GitHub.
19 <li>The <a href="https://github.com/Thibaut/devdocs/issues">issue tracker</a> is the preferred channel for bug reports and19 <li>The <a href="https://github.com/Thibaut/devdocs/issues">issue tracker</a> is the preferred channel for bug reports and
20 feature requests. For everything else, use the <a href="https://groups.google.com/d/forum/devdocs">mailing list</a>.20 feature requests. For everything else, use the <a href="https://groups.google.com/d/forum/devdocs">mailing list</a>.
assets/javascripts/views/search/search_scope.coffee+1−1
@@ -49,7 +49,7 @@ class app.views.SearchScope extends app.View · 48 unmodified lines
49 49
50 @input.removeAttribute 'placeholder'50 @input.removeAttribute 'placeholder'
51 @input.value = @input.value[@input.selectionStart..]51 @input.value = @input.value[@input.selectionStart..]
52 @input.style.paddingLeft = @tag.offsetWidth + 6 + 'px'52 @input.style.paddingLeft = @tag.offsetWidth + 10 + 'px'
53 $.trigger @input, 'input'53 $.trigger @input, 'input'
54 54
55 reset: =>55 reset: =>
assets/javascripts/views/sidebar/sidebar_hover.coffee+1−1
@@ -59,7 +59,7 @@ class app.views.SidebarHover extends app.View · 58 unmodified lines
59 el.classList.contains 'active'59 el.classList.contains 'active'
60 60
61 isTruncated: (el) ->61 isTruncated: (el) ->
62 el.scrollWidth >= el.offsetWidth62 el.scrollWidth > el.offsetWidth
63 63
64 onFocus: (event) =>64 onFocus: (event) =>
65 @focusTime = Date.now()65 @focusTime = Date.now()
assets/stylesheets/components/_app.scss+1−1
@@ -26,7 +26,7 @@ · 25 unmodified lines
26 line-height: 1;26 line-height: 1;
27 margin-top: -.75em;27 margin-top: -.75em;
28 font-size: 4rem;28 font-size: 4rem;
29 color: #ccc;29 color: $loadingText;
30 text-align: center;30 text-align: center;
31 letter-spacing: -.125rem;31 letter-spacing: -.125rem;
32 opacity: 0;32 opacity: 0;
assets/stylesheets/components/_content.scss+27−9
@@ -7,9 +7,6 @@ · 6 unmodified lines
7 z-index: $contentZ;7 z-index: $contentZ;
8 height: 100%;8 height: 100%;
9 margin-left: $sidebarWidth;9 margin-left: $sidebarWidth;
10 border-top: 1px solid #b4b7bf;
11 box-shadow: inset 0 1px rgba(black, .04), // top inner shadow
12 inset 1px 0 #f4f4f4; // left inner shadow
13 pointer-events: none;10 pointer-events: none;
14 @extend %border-box;11 @extend %border-box;
15 12
@@ -20,7 +17,7 @@ · 4 unmodified lines
20 position: relative;17 position: relative;
21 height: 100%;18 height: 100%;
22 overflow-y: scroll;19 overflow-y: scroll;
23 margin-left: 1rem;20 margin-left: .875rem;
24 padding: 1.25rem 1.5rem 0;21 padding: 1.25rem 1.5rem 0;
25 font-size: .875rem;22 font-size: .875rem;
26 pointer-events: auto;23 pointer-events: auto;
@@ -28,6 +25,8 @@ · 1 unmodified line
28 @extend %border-box;25 @extend %border-box;
29 26
30 -webkit-padding-start: .75rem;27 -webkit-padding-start: .75rem;
28 -webkit-padding-end: 1rem;
29
31 @media (-moz-overlay-scrollbars) { padding-left: .75rem; }30 @media (-moz-overlay-scrollbars) { padding-left: .75rem; }
32 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { margin-left: 0; }31 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { margin-left: 0; }
33 32
@@ -36,10 +35,28 @@ · 2 unmodified lines
36 display: block;35 display: block;
37 margin-bottom: 1.25rem;36 margin-bottom: 1.25rem;
38 }37 }
38
39 &::-webkit-scrollbar { -webkit-appearance: none; }
40 &::-webkit-scrollbar:vertical { width: 14px; }
41 &::-webkit-scrollbar:horizontal { height: 14px }
42 &::-webkit-scrollbar-button { display: none; }
43 &::-webkit-scrollbar-track { background: $contentBackground; }
44 &::-webkit-scrollbar-thumb {
45 min-height: 2rem;
46 background: $scrollbarColor;
47 background-clip: padding-box;
48 border: 5px solid $contentBackground;
49 border-radius: 10px;
50
51 &:active {
52 background-color: $scrollbarColorHover;
53 border-width: 4px;
54 }
55 }
39}56}
40 57
41._content-loading:before {58._content-loading:before {
42 color: #e6e6e6;59 opacity: 1;
43 @extend ._booting:before;60 @extend ._booting:before;
44}61}
45 62
@@ -48,7 +65,7 @@ · 2 unmodified lines
48//65//
49 66
50._splash-title {67._splash-title {
51 color: #ddd;68 color: $splashText;
52 cursor: default;69 cursor: default;
53 opacity: 1;70 opacity: 1;
54 @extend ._booting:before, %user-select-none;71 @extend ._booting:before, %user-select-none;
@@ -58,7 +75,7 @@ · 3 unmodified lines
58 position: absolute;75 position: absolute;
59 bottom: 1.25rem;76 bottom: 1.25rem;
60 line-height: 1rem;77 line-height: 1rem;
61 color: #bbb;78 color: $promoText;
62 79
63 &:hover { color: $linkColor; }80 &:hover { color: $linkColor; }
64}81}
@@ -73,6 +90,7 @@ · 8 unmodified lines
73 90
74._splash-gratipay {91._splash-gratipay {
75 right: 1.25rem;92 right: 1.25rem;
93 -webkit-margin-end: -.5rem;
76 @extend %splash-promo;94 @extend %splash-promo;
77 95
78 > ._gratipay-logo-bw { opacity: .35; }96 > ._gratipay-logo-bw { opacity: .35; }
@@ -175,7 +193,7 @@ · 96 unmodified lines
175 height: 1px;193 height: 1px;
176 line-height: 0;194 line-height: 0;
177 margin-left: 1rem;195 margin-left: 1rem;
178 background: #dde3e8;196 background: $boxBorderLight;
179 }197 }
180}198}
181 199
@@ -297,7 +315,7 @@ · 115 unmodified lines
297._note { @extend %note; }315._note { @extend %note; }
298._note-green { @extend %note-green; }316._note-green { @extend %note-green; }
299._label { @extend %label; }317._label { @extend %label; }
300._highlight { background: #fffdcd !important; }318._highlight { background: $highlightBackground !important; }
301 319
302._github-btn {320._github-btn {
303 display: inline-block;321 display: inline-block;
assets/stylesheets/components/_header.scss+40−53
@@ -10,11 +10,8 @@ · 9 unmodified lines
10 right: 0;10 right: 0;
11 height: $headerHeight;11 height: $headerHeight;
12 line-height: $headerHeight;12 line-height: $headerHeight;
13 text-shadow: 0 1px rgba(white, .5);13 background: $headerBackground;
14 background: -webkit-linear-gradient(top, #f6f6f8, #e4e4e6);14 border-bottom: 1px solid $headerBorder;
15 background: linear-gradient(to bottom, #f6f6f8, #e4e4e6);
16 box-shadow: inset 0 1px rgba(white, .8), // top inner glow
17 inset 0 -1px rgba(white, .3); // bottom inner glow
18 @extend %user-select-none;15 @extend %user-select-none;
19 16
20 a:focus { outline: 0; }17 a:focus { outline: 0; }
@@ -28,30 +25,38 @@ · 7 unmodified lines
28 float: right;25 float: right;
29 margin-right: .5rem;26 margin-right: .5rem;
30 font-size: .875rem;27 font-size: .875rem;
31 color: lighten($textColor, 5%);28 color: $textColor;
32}29}
33 30
34._nav-link,31._nav-link,
35._nav-link:hover {32._nav-link:hover {
33 position: relative;
36 float: left;34 float: left;
37 padding: 0 1.25rem;35 padding: 0 1.25rem;
38 color: inherit;36 color: inherit;
39 text-decoration: none;37 text-decoration: none;
40 background-clip: padding-box;
41 border: solid transparent;
42 border-width: 0 1px;
43}38}
44 39
45._nav-current,40._nav-link {
46._nav-current:hover {41 &:before, &:after {
47 color: lighten($textColor, 8%);42 position: absolute;
48 background: -webkit-linear-gradient(top, #e1e1e4, #f2f2f5);43 left: 50%;
49 background: linear-gradient(to bottom, #e1e1e4, #f2f2f5);44 bottom: 0;
50 border-color: rgba(black, .15);45 width: 0;
51 box-shadow: inset 0 1px rgba(black, .07), // top border46 height: 0;
52 inset 0 1px 2px rgba(black, .1), // top inner shadow47 margin-left: -.375rem;
53 1px 0 rgba(white, .2), // right glow48 border: .375rem solid transparent;
54 -1px 0 rgba(white, .2); // left glow49 border-bottom-color: darken($headerBorder, 2%);
50 }
51
52 &:after {
53 bottom: -1px;
54 border-bottom-color: $contentBackground;
55 }
56}
57
58._nav-current {
59 &:before, &:after { content: ''; }
55}60}
56 61
57//62//
@@ -66,21 +71,9 @@ · 8 unmodified lines
66 line-height: inherit;71 line-height: inherit;
67 font-size: inherit;72 font-size: inherit;
68 73
69 &:before, &:after { // left border74 > ._nav-link {
70 content: '';75 float: none;
71 position: absolute;76 padding: 0 1rem;
72 top: 0;
73 bottom: 0;
74 left: -1px;
75 width: 1px;
76 background: -webkit-linear-gradient(bottom, #b4b7bf, rgba(#b4b7bf, 0) 80%);
77 background: linear-gradient(to top, #b4b7bf, rgba(#b4b7bf, 0) 80%);
78 }
79
80 &:after { // left glow
81 left: -2px;
82 background: -webkit-linear-gradient(bottom, rgba(white, .4), rgba(white, 0) 80%);
83 background: linear-gradient(to top, rgba(white, .4), rgba(white, 0) 80%);
84 }77 }
85}78}
86 79
@@ -93,8 +86,7 @@ · 6 unmodified lines
93 float: left;86 float: left;
94 width: $sidebarWidth;87 width: $sidebarWidth;
95 height: 100%;88 height: 100%;
96 padding: .625rem;89 padding: .5rem 0 .5rem .5rem;
97 border-right: 1px solid transparent;
98 @extend %border-box;90 @extend %border-box;
99 91
100 @media #{$mediumScreen} { width: $sidebarMediumWidth; }92 @media #{$mediumScreen} { width: $sidebarMediumWidth; }
@@ -103,7 +95,7 @@ · 2 unmodified lines
103 position: absolute;95 position: absolute;
104 top: 1rem;96 top: 1rem;
105 left: 1rem;97 left: 1rem;
106 opacity: .5;98 opacity: .4;
107 @extend %icon, %icon-search;99 @extend %icon, %icon-search;
108 }100 }
109}101}
@@ -112,19 +104,17 @@ · 2 unmodified lines
112 display: block;104 display: block;
113 width: 100%;105 width: 100%;
114 height: 100%;106 height: 100%;
115 padding: 0 .75rem 1px 1.625rem;107 padding: 0 .75rem 1px 1.75rem;
116 font-size: .875rem;108 font-size: .875rem;
109 background: $contentBackground;
117 border: 1px solid;110 border: 1px solid;
118 border-color: #b2b5bb #babbc5 #bebfc6;111 border-color: darken($headerBorder, 2%);
119 border-radius: 1rem;112 border-radius: 3px;
120 box-shadow: inset 0 1px 1px rgba(black, .1), // top inner shadow
121 0 1px rgba(white, .3); // bottom glow
122 113
123 &:focus {114 &:focus {
124 outline: 0;115 outline: 0;
125 border-color: #35b5f4 #35b5f4 #30aeee;116 border-color: $inputFocusBorder;
126 box-shadow: inset 0 0 1px rgba(#35b5f4, .5), // inner glow117 box-shadow: 0 0 1px $inputFocusBorder;
127 0 0 2px rgba(#35b5f4, .8); // outer glow
128 }118 }
129}119}
130 120
@@ -132,7 +122,7 @@ · 1 unmodified line
132 display: none;122 display: none;
133 position: absolute;123 position: absolute;
134 top: .5em;124 top: .5em;
135 right: .5em;125 right: 0;
136 padding: .5em;126 padding: .5em;
137 cursor: pointer;127 cursor: pointer;
138 opacity: .3;128 opacity: .3;
@@ -147,13 +137,10 @@ · 8 unmodified lines
147 position: absolute;137 position: absolute;
148 top: .875rem;138 top: .875rem;
149 left: .875rem;139 left: .875rem;
150 margin: -1px 0 0 -1px;140 padding: 0 .5rem;
151 padding: 0 .625rem;
152 line-height: 1.25rem;141 line-height: 1.25rem;
153 font-size: .875rem;142 font-size: .875rem;
154 background: #dfeafe;143 color: $textColorLight;
155 border: 1px solid #98aed8;144 background: darken($headerBackground, 5%);
156 border-radius: .75rem;145 border-radius: 2px;
157 box-shadow: inset 0 1px rgba(white, .2), // top inner glow
158 0 1px rgba(black, .05); // bottom shadow
159}146}
assets/stylesheets/components/_mobile.scss+5−20
@@ -14,7 +14,6 @@ · 13 unmodified lines
14 ._container {14 ._container {
15 margin: 0;15 margin: 0;
16 border: 0;16 border: 0;
17 box-shadow: none;
18 }17 }
19 18
20 ._content {19 ._content {
@@ -24,19 +23,11 @@ · 3 unmodified lines
24 padding: .75rem 1rem 2.5rem;23 padding: .75rem 1rem 2.5rem;
25 }24 }
26 25
27 ._booting:before, ._content-loading:before {26 ._booting:before, ._content-loading:before { font-size: 3rem; }
28 font-size: 3rem;
29 color: #ccc;
30 }
31 27
32 // Header28 // Header
33 29
34 ._header {30 ._header { position: fixed; }
35 position: fixed;
36 z-index: $contentZ + 1;
37 border-bottom: 1px solid #b4b7bf;
38 box-shadow: 0 1px rgba(black, .03);
39 }
40 31
41 ._logo, ._nav { display: none; }32 ._logo, ._nav { display: none; }
42 ._home-link, ._menu-link { display: block; }33 ._home-link, ._menu-link { display: block; }
@@ -52,7 +43,6 @@ · 9 unmodified lines
52 &:before { left: .5rem; }43 &:before { left: .5rem; }
53 }44 }
54 45
55 ._search-clear { padding-right: 0; }
56 ._search-tag { left: .325rem; }46 ._search-tag { left: .325rem; }
57 47
58 // Sidebar48 // Sidebar
@@ -62,21 +52,17 @@ · 3 unmodified lines
62 min-height: 100%;52 min-height: 100%;
63 overflow: visible;53 overflow: visible;
64 padding-bottom: 2rem;54 padding-bottom: 2rem;
65 box-shadow: none;
66 55
67 > ._list { padding-bottom: 0; }56 > ._list { padding-bottom: 0; }
68 }57 }
69 58
70 ._list, ._sidebar-footer {59 ._list, ._sidebar-footer { width: 100%; }
71 width: 100%;
72 box-shadow: none;
73 }
74 60
75 ._list-item {61 ._list-item {
76 white-space: normal;62 white-space: normal;
77 word-wrap: break-word;63 word-wrap: break-word;
78 overflow-wrap: break-word;64 overflow-wrap: break-word;
79 border-right-width: 0;65 box-shadow: none;
80 }66 }
81 67
82 ._list-result {68 ._list-result {
@@ -101,7 +87,7 @@ · 18 unmodified lines
101 87
102 ._sidebar-footer-save {88 ._sidebar-footer-save {
103 margin-top: 1rem;89 margin-top: 1rem;
104 border-bottom: 1px solid #bac6d7;90 box-shadow: 0 1px $noteGreenBorder, 0 -1px $noteGreenBorder;
105 }91 }
106 92
107 // Notice93 // Notice
@@ -111,7 +97,6 @@ · 3 unmodified lines
111 left: 0;97 left: 0;
112 padding: 0 .5rem;98 padding: 0 .5rem;
113 99
114 &:before { content: none; }
115 ~ ._sidebar { padding-bottom: 4rem; }100 ~ ._sidebar { padding-bottom: 4rem; }
116 }101 }
117 102
assets/stylesheets/components/_notice.scss+2−17
@@ -6,27 +6,12 @@ · 5 unmodified lines
6 right: 0;6 right: 0;
7 height: 2.5rem;7 height: 2.5rem;
8 padding: 0 1.25rem;8 padding: 0 1.25rem;
9 text-shadow: 0 1px rgba(white, .5);9 background: $noticeBackground;
10 background: #faf9e2;10 box-shadow: inset 0 1px $noticeBorder;
11 box-shadow: inset 0 1px #dddaaa, // top border
12 inset 0 2px rgba(white, .7), // top inner glow
13 inset 1px 0 rgba(black, .03); // left inner shadow
14 11
15 @media #{$mediumScreen} { left: $sidebarMediumWidth; }12 @media #{$mediumScreen} { left: $sidebarMediumWidth; }
16 13
17 ~ ._container { padding-bottom: 2.5rem; }14 ~ ._container { padding-bottom: 2.5rem; }
18
19 &:before {
20 content: '';
21 position: absolute;
22 bottom: 100%;
23 left: 1.5rem;
24 right: 1.5rem;
25 height: 1.5rem;
26 background-image: -webkit-linear-gradient(top, rgba(white, 0), rgba(white, .95));
27 background-image: linear-gradient(to bottom, rgba(white, 0), rgba(white, .95));
28 pointer-events: none;
29 }
30}15}
31 16
32._notice-text {17._notice-text {
assets/stylesheets/components/_notif.scss+3−12
@@ -7,16 +7,9 @@ · 6 unmodified lines
7 max-width: 90%;7 max-width: 90%;
8 padding: .75rem 1rem;8 padding: .75rem 1rem;
9 font-size: .75rem;9 font-size: .75rem;
10 color: white;10 color: $notifColor;
11 text-shadow: 0 1px 1px rgba(black, .4);11 background: $notifBackground;
12 background: -webkit-linear-gradient(top, rgba(#3a3a3a, .9), rgba(#202020, .9));
13 background: linear-gradient(to bottom, rgba(#3a3a3a, .9), rgba(#202020, .9));
14 background-clip: padding-box;
15 border: 1px solid black;
16 border-radius: .25rem;12 border-radius: .25rem;
17 box-shadow: inset 0 1px rgba(white, .1), // top inner glow
18 inset 0 0 0 1px rgba(white, .1), // inner glow
19 0 1px 3px rgba(black, .5); // drop shadow
20 transition: opacity .2s;13 transition: opacity .2s;
21 opacity: 0;14 opacity: 0;
22 cursor: default;15 cursor: default;
@@ -63,7 +56,7 @@ · 40 unmodified lines
63 > ._news-row {56 > ._news-row {
64 line-height: 1.125rem;57 line-height: 1.125rem;
65 font-size: .6875rem;58 font-size: .6875rem;
66 color: #bbb;59 color: $notifColorLight;
67 60
68 + ._news-row { margin-top: .75rem; }61 + ._news-row { margin-top: .75rem; }
69 }62 }
@@ -89,9 +82,7 @@ · 19 unmodified lines
89 margin: 0 .25rem;82 margin: 0 .25rem;
90 padding: 0;83 padding: 0;
91 color: inherit;84 color: inherit;
92 text-shadow: inherit;
93 background: none;85 background: none;
94 border: 0;86 border: 0;
95 box-shadow: none;
96 }87 }
97}88}
assets/stylesheets/components/_page.scss+2−3
@@ -16,7 +16,7 @@ · 15 unmodified lines
16 iframe {16 iframe {
17 display: block;17 display: block;
18 padding: 1px;18 padding: 1px;
19 border: 1px dotted #ddd;19 border: 1px dotted $boxBorder;
20 border-radius: 3px;20 border-radius: 3px;
21 }21 }
22}22}
@@ -41,8 +41,7 @@ · 18 unmodified lines
41 display: inline-block;41 display: inline-block;
42 margin: 0;42 margin: 0;
43 padding: .25rem .75rem;43 padding: .25rem .75rem;
44 text-shadow: 0 1px rgba(white, .3);44 background: $labelBackground;
45 background: #f2f2f2;
46 border-radius: 3px;45 border-radius: 3px;
47}46}
48 47
assets/stylesheets/components/_path.scss+2−5
@@ -8,11 +8,8 @@ · 7 unmodified lines
8 line-height: 2rem;8 line-height: 2rem;
9 padding: 0 .375rem;9 padding: 0 .375rem;
10 font-size: .875rem;10 font-size: .875rem;
11 text-shadow: 0 1px rgba(white, .5);11 background: $pathBackground;
12 background: #f5f5f7;12 box-shadow: inset 0 1px $pathBorder;
13 box-shadow: inset 0 1px #d5d5da, // top border
14 inset 0 2px rgba(white, .3), // top inner glow
15 inset 1px 0 rgba(black, .03); // left inner shadow
16 13
17 @media #{$mediumScreen} { left: $sidebarMediumWidth; }14 @media #{$mediumScreen} { left: $sidebarMediumWidth; }
18 15
assets/stylesheets/components/_sidebar.scss+40−76
@@ -8,28 +8,26 @@ · 7 unmodified lines
8 top: $headerHeight;8 top: $headerHeight;
9 bottom: 0;9 bottom: 0;
10 left: 0;10 left: 0;
11 margin-top: 1px;
11 overflow-x: hidden;12 overflow-x: hidden;
12 overflow-y: scroll;13 overflow-y: scroll;
13 text-shadow: 0 1px rgba(white, .3);14 background: $sidebarBackground;
14 background: #e5eaf4;
15 box-shadow: inset 0 1px #b4b7bf, // top border
16 inset 0 2px rgba(black, .03); // top inner shadow
17 -webkit-overflow-scrolling: touch;15 -webkit-overflow-scrolling: touch;
18 -ms-overflow-style: none; // IE 10 doesn't support pointer-events16 -ms-overflow-style: none; // IE 10 doesn't support pointer-events
19 @extend %user-select-none;17 @extend %user-select-none;
20 18
21 &::-webkit-scrollbar { width: 10px; }19 &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; }
22 &::-webkit-scrollbar-button { display: none; }20 &::-webkit-scrollbar-button { display: none; }
23 &::-webkit-scrollbar-track { background: white; }21 &::-webkit-scrollbar-track { background: $contentBackground; }
24 &::-webkit-scrollbar-thumb {22 &::-webkit-scrollbar-thumb {
25 min-height: 1rem;23 min-height: 2rem;
26 background: #ccc;24 background: $scrollbarColor;
27 background-clip: padding-box;25 background-clip: padding-box;
28 border: 3px solid white;26 border: 3px solid $contentBackground;
29 border-radius: 5px;27 border-radius: 5px;
30 28
31 &:active {29 &:active {
32 background-color: #999;30 background-color: $scrollbarColorHover;
33 border-width: 2px;31 border-width: 2px;
34 }32 }
35 }33 }
@@ -46,15 +44,14 @@ · 10 unmodified lines
46 padding: 0;44 padding: 0;
47 list-style: none;45 list-style: none;
48 width: $sidebarWidth;46 width: $sidebarWidth;
47 box-shadow: inset -1px 0 $sidebarBorder;
48 @extend %border-box;
49 49
50 @media #{$mediumScreen} { width: $sidebarMediumWidth; }50 @media #{$mediumScreen} { width: $sidebarMediumWidth; }
51 51
52 ._sidebar > & {52 ._sidebar > & {
53 min-height: 100%;53 min-height: 100%;
54 padding-bottom: 3.5rem;54 padding-bottom: 3.5rem;
55 box-shadow: inset -1px 0 #bbc1cc, // right border
56 inset -2px 0 rgba(white, .2); // right inner glow
57 @extend %border-box;
58 }55 }
59}56}
60 57
@@ -74,16 +71,15 @@ · 13 unmodified lines
74 position: relative;71 position: relative;
75 overflow: hidden;72 overflow: hidden;
76 padding: .25rem .75rem;73 padding: .25rem .75rem;
77 line-height: 1.25rem;74 line-height: 1.5rem;
78 font-size: .875rem;75 font-size: .875rem;
79 white-space: nowrap;76 white-space: nowrap;
80 word-wrap: normal;77 word-wrap: normal;
81 overflow-wrap: normal;78 overflow-wrap: normal;
82 text-overflow: ellipsis;79 text-overflow: ellipsis;
83 text-shadow: 0 1px rgba(white, .3);
84 border: solid transparent;
85 border-width: 1px 1px 1px 0;
86 cursor: default;80 cursor: default;
81 background: $sidebarBackground;
82 box-shadow: inset -1px 0 $sidebarBorder;
87 83
88 &, &:hover {84 &, &:hover {
89 color: inherit;85 color: inherit;
@@ -94,26 +90,21 @@ · 4 unmodified lines
94 &.focus:hover,90 &.focus:hover,
95 &.active,91 &.active,
96 &.active:hover {92 &.active:hover {
97 color: white;93 color: $focusText;
98 text-shadow: 0 1px rgba(black, .2);94 background: $focusBackground;
99 background: -webkit-linear-gradient(top, #bfc6dd, #949eb8);95 box-shadow: inset -1px 0 $focusBorder;
100 background: linear-gradient(to bottom, #bfc6dd, #949eb8);
101 border-color: #96a1c6 #8e99b7 #7f87a4;
102 box-shadow: inset 0 1px rgba(white, .15), // top inner glow
103 inset 0 0 0 1px rgba(white, .08), // inner glow
104 0 1px rgba(black, .05); // drop shadow
105 }96 }
106 97
107 &.active,98 &.active,
108 &.active:hover {99 &.active:hover {
109 background: -webkit-linear-gradient(top, #65b2fb, #3492e9);100 color: $selectionText;
110 background: linear-gradient(to bottom, #65b2fb, #3492e9);101 background: $selectionBackground;
111 border-color: #318ce4 #2b82db #2878c7;102 box-shadow: inset -1px 0 $selectionBorder;
112 }103 }
113 104
114 &:before {105 &:before {
115 float: left;106 float: left;
116 margin: .125rem .625rem 0 0;107 margin: .25rem .625rem 0 0;
117 @extend %icon;108 @extend %icon;
118 }109 }
119}110}
@@ -136,10 +127,7 @@ · 16 unmodified lines
136 127
137._list-dir,128._list-dir,
138%_list-dir {129%_list-dir {
139 line-height: 1.5rem;
140 padding-left: 2.25rem;130 padding-left: 2.25rem;
141
142 &:before { margin-top: .25rem; }
143}131}
144 132
145._list-disabled {133._list-disabled {
@@ -155,9 +143,9 @@ · 9 unmodified lines
155 left: .25rem;143 left: .25rem;
156 padding: .5rem;144 padding: .5rem;
157 cursor: pointer;145 cursor: pointer;
158 opacity: .45;146 opacity: .4;
159 147
160 &:hover { opacity: .7; }148 &:hover { opacity: .65; }
161 149
162 &:before {150 &:before {
163 @extend %icon, %icon-dir;151 @extend %icon, %icon-dir;
@@ -172,11 +160,11 @@ · 8 unmodified lines
172._list-sub {160._list-sub {
173 > ._list-item { padding-left: 2.75rem; }161 > ._list-item { padding-left: 2.75rem; }
174 > ._list-item:before { content: none; }162 > ._list-item:before { content: none; }
175 > ._list-dir { line-height: 1.25rem; }163 > ._list-dir { line-height: 1.375rem; }
176 164
177 ._list-arrow {165 ._list-arrow {
178 left: 1rem;166 left: 1rem;
179 padding: .375rem;167 padding: .4375rem;
180 }168 }
181}169}
182 170
@@ -220,17 +208,14 @@ · 37 unmodified lines
220 left: .5rem;208 left: .5rem;
221 width: .75rem;209 width: .75rem;
222 height: 1px;210 height: 1px;
223 background: rgba(white, .9);211 background: rgba($selectionText, .9);
224 box-shadow: 0 -3px rgba(white, .9), // top line212 box-shadow: 0 -3px rgba($selectionText, .9), // top line
225 0 3px rgba(white, .9), // bottom line213 0 3px rgba($selectionText, .9); // bottom line
226 0 -2px rgba(black, .15), // top shadow
227 0 1px rgba(black, .15), // middle shadow
228 0 4px rgba(black, .15); // bottom shadow
229 }214 }
230}215}
231 216
232._list-noresults {217._list-noresults {
233 padding: .625rem .75rem;218 padding: .5rem .75rem;
234 line-height: 1.25rem;219 line-height: 1.25rem;
235 font-size: .8125rem;220 font-size: .8125rem;
236 color: $textColorLight;221 color: $textColorLight;
@@ -238,7 +223,7 @@ · 1 unmodified line
238 223
239._list-noresults-note {224._list-noresults-note {
240 display: block;225 display: block;
241 margin-top: .375rem;226 margin-top: .25rem;
242}227}
243 228
244._list-noresults-link { cursor: pointer; }229._list-noresults-link { cursor: pointer; }
@@ -252,39 +237,21 @@ · 7 unmodified lines
252 z-index: $hoverZ;237 z-index: $hoverZ;
253 left: 0;238 left: 0;
254 overflow: visible;239 overflow: visible;
240 min-width: $sidebarWidth;
255 padding: .25rem .75rem;241 padding: .25rem .75rem;
256 background-color: #e5eaf4;
257 pointer-events: none;242 pointer-events: none;
258 -webkit-font-smoothing: subpixel-antialiased;243 -webkit-font-smoothing: subpixel-antialiased;
259 -webkit-transform: translate3d(0, 0, 0);244 -webkit-transform: translate3d(0, 0, 0);
260 transform: translate3d(0, 0, 0);245 transform: translate3d(0, 0, 0);
246 @extend %border-box;
247
248 @media #{$mediumScreen} { min-width: $sidebarMediumWidth; }
261 249
262 &:not(._list-result) {250 &:not(._list-result) {
263 padding-left: 2.75rem;251 padding-left: 2.75rem;
264 252
265 &:before { content: none; }253 &:before { content: none; }
266 }254 }
267
268 &:not(.focus):not(.active):after {
269 content: '';
270 position: absolute;
271 top: -1px;
272 bottom: -1px;
273 left: $sidebarWidth;
274 right: -2px;
275 margin-left: -1px;
276 border: 1px solid #bbc1cc;
277 border-left-width: 0;
278 border-radius: 0 2px 2px 0;
279 box-shadow: inset -1px 0 rgba(white, .15), // right inner glow
280 inset 0 1px rgba(white, .15), // top inner glow
281 inset 0 -1px rgba(white, .15), // bottom inner glow
282 1px 0 rgba(black, .04), // right shadow
283 0 1px rgba(black, .04), // bottom shadow
284 0 -1px rgba(black, .02); // top shadow
285
286 @media #{$mediumScreen} { left: $sidebarMediumWidth; }
287 }
288}255}
289 256
290//257//
@@ -336,9 +303,8 @@ · 45 unmodified lines
336 bottom: 0;303 bottom: 0;
337 left: 0;304 left: 0;
338 width: $sidebarWidth;305 width: $sidebarWidth;
339 background: #e5eaf4;306 background: $sidebarBackground;
340 box-shadow: inset -1px 0 #bbc1cc, // right border307 box-shadow: inset -1px 0 $sidebarBorder;
341 inset -2px 0 rgba(white, .2); // right inner glow
342 308
343 @media #{$mediumScreen} { width: $sidebarMediumWidth; }309 @media #{$mediumScreen} { width: $sidebarMediumWidth; }
344 310
@@ -349,8 +315,8 @@ · 4 unmodified lines
349 left: 0;315 left: 0;
350 right: 1px;316 right: 1px;
351 height: 1em;317 height: 1em;
352 background-image: -webkit-linear-gradient(top, rgba(#e5eaf4, 0), rgba(#e5eaf4, .95));318 background-image: -webkit-linear-gradient(top, rgba($sidebarBackground, 0), rgba($sidebarBackground, .95));
353 background-image: linear-gradient(to bottom, rgba(#e5eaf4, 0), rgba(#e5eaf4, .95));319 background-image: linear-gradient(to bottom, rgba($sidebarBackground, 0), rgba($sidebarBackground, .95));
354 pointer-events: none;320 pointer-events: none;
355 }321 }
356}322}
@@ -384,11 +350,9 @@ · 27 unmodified lines
384._sidebar-footer-save {350._sidebar-footer-save {
385 margin-right: 1px;351 margin-right: 1px;
386 font-weight: bold;352 font-weight: bold;
387 background-image: -webkit-linear-gradient(top, #fbfbfe, #f5f5f8 50%, #eeeef1 51%, #e8e8ec);353 background: $noteGreenBackground;
388 background-image: linear-gradient(to bottom, #fbfbfe, #f5f5f8 50%, #eeeef1 51%, #e8e8ec);354 box-shadow: inset 0 1px $noteGreenBorder,
389 box-shadow: inset 0 1px white, // top inner glow355 1px 0 $noteGreenBorder;
390 inset 0 0 0 1px rgba(white, .2), // inner glow
391 0 -1px #c4cfde; // top border
392 356
393 &:before { @extend %icon-check; }357 &:before { @extend %icon-check; }
394}358}
assets/stylesheets/global/_base.scss+11−16
@@ -1,7 +1,7 @@
1html {1html {
2 height: 100%;2 height: 100%;
3 font-size: 100%;3 font-size: 100%;
4 background: white;4 background: $contentBackground;
5 5
6 @media #{$mediumScreen} { font-size: 93.75%; }6 @media #{$mediumScreen} { font-size: 93.75%; }
7}7}
@@ -110,11 +110,10 @@ a > code { color: inherit; } · 102 unmodified lines
110table {110table {
111 margin: 1.5em 0;111 margin: 1.5em 0;
112 background: none;112 background: none;
113 border: 1px solid #d5d5d5;113 border: 1px solid $boxBorder;
114 border-collapse: separate;114 border-collapse: separate;
115 border-spacing: 0;115 border-spacing: 0;
116 border-radius: 3px;116 border-radius: 3px;
117 box-shadow: 0 1px 1px rgba(black, .04);
118}117}
119 118
120th, td {119th, td {
@@ -127,17 +126,13 @@ th, td { · 6 unmodified lines
127 126
128th {127th {
129 border: 0;128 border: 0;
130 border-bottom: 1px solid #d5d5d5;129 border-bottom: 1px solid $boxBorder;
131 border-radius: 0;130 border-radius: 0;
132 @extend %heading-box;131 @extend %heading-box;
133 132
134 &:empty {133 &:empty { background: none; }
135 background: none;
136 box-shadow: none;
137 }
138 134
139 + th { border-left: 1px solid rgba(black, .12); }135 + th, + td { border-left: 1px solid $boxBorder; }
140 + td { border-left: 1px solid #d5d5d5; }
141 136
142 tr:first-child > &:first-child { border-top-left-radius: 3px; }137 tr:first-child > &:first-child { border-top-left-radius: 3px; }
143 tr:first-child > &:last-child { border-top-right-radius: 3px; }138 tr:first-child > &:last-child { border-top-right-radius: 3px; }
@@ -148,9 +143,9 @@ th { · 4 unmodified lines
148}143}
149 144
150td {145td {
151 border-bottom: 1px solid #e5e5e5;146 border-bottom: 1px solid $boxBorderLight;
152 147
153 + td { border-left: 1px solid #e5e5e5; }148 + td { border-left: 1px solid $boxBorderLight; }
154 tr:last-child > & { border-bottom: 0; }149 tr:last-child > & { border-bottom: 0; }
155}150}
156 151
@@ -162,7 +157,7 @@ input { · 5 unmodified lines
162 @extend %border-box;157 @extend %border-box;
163}158}
164 159
165input[type="search"] { -webkit-appearance: textfield; }160input[type="search"] { -webkit-appearance: none; }
166 161
167input[type="search"]::-webkit-search-cancel-button,162input[type="search"]::-webkit-search-cancel-button,
168input[type="search"]::-webkit-search-decoration {163input[type="search"]::-webkit-search-decoration {
@@ -176,6 +171,6 @@ input[type="search"]::-webkit-search-decoration { · 7 unmodified lines
176 border: 0 !important;171 border: 0 !important;
177}172}
178 173
179::-webkit-input-placeholder { color: #aaa; }174::-webkit-input-placeholder { color: $textColorLighter; }
180::-moz-placeholder { color: #aaa; opacity: 1; }175::-moz-placeholder { color: $textColorLighter; opacity: 1; }
181:-ms-input-placeholder { color: #aaa; }176:-ms-input-placeholder { color: $textColorLighter; }
assets/stylesheets/global/_classes.scss+23−63
@@ -19,25 +19,15 @@ · 18 unmodified lines
19//19//
20 20
21%box {21%box {
22 text-shadow: 0 1px rgba(white, .3);22 background: $boxBackground;
23 background: #f8f8f8;23 border: 1px solid $boxBorder;
24 border: 1px solid;
25 border-color: #d5d5d5 #d5d5d5 #d1d1d1;
26 border-radius: 3px;24 border-radius: 3px;
27 box-shadow: inset 0 1px rgba(white, .3), // top inner glow
28 0 1px 1px rgba(black, .04); // drop shadow
29}25}
30 26
31%heading-box {27%heading-box {
32 text-shadow: 0 1px rgba(white, .3);28 background: $boxHeaderBackground;
33 background: -webkit-linear-gradient(top, #f7f7fa, #f0f0f2);29 border: 1px solid $boxBorder;
34 background: linear-gradient(to bottom, #f7f7fa, #f0f0f2);
35 border: 1px solid;
36 border-color: #d5d5d5 #d5d5d5 #d1d1d1;
37 border-radius: 3px;30 border-radius: 3px;
38 box-shadow: inset 0 1px rgba(white, .3), // top inner glow
39 inset 0 0 0 1px rgba(white, .2), // inner glow
40 0 1px 1px rgba(black, .04); // drop shadow
41}31}
42 32
43%block-heading {33%block-heading {
@@ -56,48 +46,16 @@ · 12 unmodified lines
56%note {46%note {
57 margin: 1.5rem 0;47 margin: 1.5rem 0;
58 padding: .5rem .875rem;48 padding: .5rem .875rem;
59 text-shadow: 0 1px rgba(white, .3);49 background: $noteBackground;
60 background: #faf9e2;50 border: 1px solid $noteBorder;
61 border: 1px solid;
62 border-color: #dddaaa #dddaaa #d7d7a9;
63 border-radius: 3px;51 border-radius: 3px;
64 box-shadow: inset 0 1px rgba(white, .2), // top inner glow
65 0 1px 1px rgba(black, .04); // drop shadow
66}52}
67 53
68%note-green {
69 background: #f1faeb;
70 border-color: #b3dba8 #b3dba8 #aed7a5;
71}
72
73%note-blue {
74 background: #f2f2ff;
75 border-color: #c6cde9 #c6cde9 #c3cce7;
76}
77
78%note-gold {
79 background: #fff0aa;
80 border-color: #ddce81 #ddce81 #d9ca7f;
81}
82
83%note-red {
84 background: #fed5d3;
85 border-color: #dc7874 #dc7874 #d47474;
86}
87
88//
89// Labels
90//
91
92%label {54%label {
93 margin: 0 1px;55 margin: 0 1px;
94 padding: 0 .3em 1px;56 padding: 1px 4px 2px;
95 text-shadow: 0 1px rgba(white, .3);57 background: $labelBackground;
96 background: #f2f2f2;58 border-radius: 3px;
97 border: 1px solid;
98 border-color: #d2d2d2 #d2d2d2 #ccc;
99 border-radius: 2px;
100 box-shadow: 0 1px rgba(black, .04);
101}59}
102 60
103%block-label {61%block-label {
@@ -107,27 +65,29 @@ · 3 unmodified lines
107 padding-left: .5em;65 padding-left: .5em;
108 padding-right: .5em;66 padding-right: .5em;
109 font-size: inherit;67 font-size: inherit;
68 border: 1px solid $boxBorder;
69 border-radius: 2px;
110 @extend %label;70 @extend %label;
111}71}
112 72
113%label-green {73%note-green, %label-green {
114 background: #f1faeb;74 background: $noteGreenBackground;
115 border-color: #b3dba8 #b3dba8 #aed7a5;75 border-color: $noteGreenBorder;
116}76}
117 77
118%label-blue {78%note-blue, %label-blue {
119 background: #dbe4ff;79 background: $noteBlueBackground;
120 border-color: #a8a9e2;80 border-color: $noteBlueBorder;
121}81}
122 82
123%label-yellow {83%note-orange, %label-orange {
124 background: #ffdfb2;84 background: $noteOrangeBackground;
125 border-color: #c2a16f;85 border-color: $noteOrangeBorder;
126}86}
127 87
128%label-red {88%note-red, %label-red {
129 background: #fed5d3;89 background: $noteRedBackground;
130 border-color: #dc7874;90 border-color: $noteRedBorder;
131}91}
132 92
133//93//
assets/stylesheets/global/_variables.scss+66−8
@@ -1,22 +1,80 @@
1$baseFont: 'Open Sans', Helvetica, Arial, sans-serif;1$baseFont: 'Open Sans', Helvetica, Arial, sans-serif;
2$monoFont: 'Source Code Pro', 'Inconsolata-g', Consolas, Menlo, monospace;2$monoFont: 'Source Code Pro', 'Inconsolata-g', Consolas, Menlo, monospace;
3 3
4$textColor: #39393e;4$headerHeight: 3rem;
5$textColorLight: #6b6f78;5$sidebarWidth: 18rem;
6$textColorLighter: #9498a6;6$sidebarMediumWidth: 16rem;
7
8$contentBackground: #fff;
9
10$textColor: #333;
11$textColorLight: #666;
12$textColorLighter: #999;
13
14$inputFocusBorder: #35b5f4;
15
16$focusBackground: #e5e5e5;
17$focusBorder: #d4d4d4;
18$focusText: #000;
19
20$loadingText: #e6e6e6;
21$splashText: #ddd;
22$promoText: #bbb;
23
24$selectionBackground: #398df0;
25$selectionBorder: #196fc2;
26$selectionText: #fff;
27
28$highlightBackground: #fffdcd;
7 29
8$linkColor: #0082c6;30$linkColor: #0082c6;
9$linkColorHover: #0072c5;31$linkColorHover: #0072c5;
10 32
11$headerHeight: 3rem;33$headerBackground: #f0f0f0;
34$headerBorder: #d9d9d9;
12 35
13$sidebarWidth: 18rem;36$sidebarBackground: #f9f9f9;
14$sidebarMediumWidth: 16rem;37$sidebarBorder: #e3e3e3;
38
39$scrollbarColor: #d2d2d2;
40$scrollbarColorHover: #aaa;
41
42$pathBackground: $sidebarBackground;
43$pathBorder: $sidebarBorder;
44
45$noticeBackground: #faf9e2;
46$noticeBorder: #e2e2c1;
47
48$boxBackground: #fafafa;
49$boxBorder: #d8d8d8;
50$boxBorderLight: #e5e5e5;
51$boxHeaderBackground: #f5f5f5;
52
53$noteBackground: #f8f8dd;
54$noteBorder: #d3d952;
55
56$noteGreenBackground: #e7f8e1;
57$noteGreenBorder: #89da70;
58
59$noteBlueBackground: #d4f3fd;
60$noteBlueBorder: #94bbeb;
61
62$noteOrangeBackground: #fbe6d1;
63$noteOrangeBorder: #ec8b01;
64
65$noteRedBackground: #fed5d3;
66$noteRedBorder: #dc7874;
67
68$labelBackground: #f4f4f4;
69
70$notifBackground: rgba(#333, .85);
71$notifColor: #fff;
72$notifColorLight: #bbb;
15 73
16$mediumScreen: '(max-width: 800px)';74$mediumScreen: '(max-width: 800px)';
17 75
18$headerZ: 1;76$contentZ: 1;
19$sidebarZ: 2;77$sidebarZ: 2;
20$contentZ: 3;78$headerZ: 3;
21$noticeZ: 4;79$noticeZ: 4;
22$hoverZ: 5;80$hoverZ: 5;
assets/stylesheets/pages/_angular.scss+1−1
@@ -30,7 +30,7 @@ · 29 unmodified lines
30 line-height: 1.7rem;30 line-height: 1.7rem;
31 padding-left: 1em;31 padding-left: 1em;
32 font-size: .875rem;32 font-size: .875rem;
33 background: white;33 background: $contentBackground;
34 }34 }
35 35
36 .defs {36 .defs {
assets/stylesheets/pages/_c.scss+1−2
@@ -9,7 +9,6 @@ · 8 unmodified lines
9 line-height: inherit;9 line-height: inherit;
10 background: none;10 background: none;
11 border: 0;11 border: 0;
12 box-shadow: none;
13 }12 }
14 13
15 .t-lines > span { display: block; } // numeric/fenv, string/byte, etc.14 .t-lines > span { display: block; } // numeric/fenv, string/byte, etc.
@@ -30,7 +29,7 @@ · 14 unmodified lines
30 margin: 1rem 0;29 margin: 1rem 0;
31 padding: .375rem;30 padding: .375rem;
32 font-size: .75rem;31 font-size: .75rem;
33 border: 1px solid #ccc;32 border: 1px solid $boxBorder;
34 border-radius: 2px;33 border-radius: 2px;
35 }34 }
36}35}
assets/stylesheets/pages/_maxcdn.scss+3−3
@@ -19,7 +19,7 @@ · 18 unmodified lines
19 height: 2rem;19 height: 2rem;
20 padding: 0;20 padding: 0;
21 list-style: none;21 list-style: none;
22 border-bottom: 1px solid #ddd;22 border-bottom: 1px solid $boxBorder;
23 23
24 > li {24 > li {
25 float: left;25 float: left;
@@ -37,8 +37,8 @@ · 11 unmodified lines
37 &.active > a {37 &.active > a {
38 color: $textColor;38 color: $textColor;
39 text-decoration: none;39 text-decoration: none;
40 background: white;40 background: $contentBackground;
41 border-color: #ddd #ddd transparent;41 border-color: $boxBorder $boxBorder transparent;
42 cursor: default;42 cursor: default;
43 }43 }
44 }44 }
assets/stylesheets/pages/_mdn.scss+1−1
@@ -55,7 +55,7 @@ · 54 unmodified lines
55 }55 }
56 56
57 .deprecated, .obsolete { @extend %label-red; }57 .deprecated, .obsolete { @extend %label-red; }
58 .nonStandard, .projectSpecific, .experimental { @extend %label-yellow; }58 .nonStandard, .projectSpecific, .experimental { @extend %label-orange; }
59 59
60 .htmlelt,60 .htmlelt,
61 .cssprop {61 .cssprop {
assets/stylesheets/pages/_node.scss+1−1
@@ -1,6 +1,6 @@
1._node {1._node {
2 .api_stability_0, .api_stability_1 { @extend %note, %note-red; }2 .api_stability_0, .api_stability_1 { @extend %note, %note-red; }
3 .api_stability_2 { @extend %note, %note-gold; }3 .api_stability_2 { @extend %note; }
4 .api_stability_3, .api_stability_4 { @extend %note, %note-green; }4 .api_stability_3, .api_stability_4 { @extend %note, %note-green; }
5 .api_stability_5 { @extend %note, %note-blue; }5 .api_stability_5 { @extend %note, %note-blue; }
6 6
assets/stylesheets/pages/_rdoc.scss+2−2
@@ -38,8 +38,8 @@ · 37 unmodified lines
38 top: 0;38 top: 0;
39 left: -1em;39 left: -1em;
40 right: 0;40 right: 0;
41 background: rgba(white, .95);41 background: rgba($contentBackground, .95);
42 box-shadow: 0 1em 1em 1em white;42 box-shadow: 0 1em 1em 1em $contentBackground;
43 43
44 > pre { margin: 0; }44 > pre { margin: 0; }
45 }45 }
assets/stylesheets/pages/_yii.scss+1−1
@@ -17,7 +17,7 @@ · 16 unmodified lines
17 }17 }
18 18
19 .summaryTable td:first-child[rowspan] {19 .summaryTable td:first-child[rowspan] {
20 border-right: 1px solid #e5e5e5;20 border-right: 1px solid $boxBorderLight;
21 21
22 + td { border-left: 0; }22 + td { border-left: 0; }
23 }23 }
public/icons/ui/home/16.png+0−0

Binary file not shown.

public/icons/ui/home/16@2x.png+0−0

Binary file not shown.

public/icons/ui/menu/16.png+0−0

Binary file not shown.

public/icons/ui/menu/16@2x.png+0−0

Binary file not shown.