Commit Graph

292 Commits

Author SHA1 Message Date
Martijn Cuppens
33b5fe0a1d Update jQuery to 3.4.1 (#398) 2019-10-29 18:25:36 +00:00
Adekunle Oduye
06c5a72833 [hotfix-387] Fix broken toggle (#389)
Closes #387
2019-10-18 06:37:23 +01:00
Adekunle Oduye
26a515c3a9 [docs] Sticky Navigation (#373)
* [docNav] Moved h3 title into nav wrapper

* [docNav] Init styles for doc navigation component

* [docNav] Import doc navigation component into sass.css.scss

* [docNav] Functional to make doc navigation sticky on scroll

* [docNav] Rename js class name and changed from single to double quotes

* [docNav] Change class name to sl-js-nav--is-sticky

* [docNav] renamed doc-navigation to navigation and removed nesting

* [docNav] renamed doc-navigation to navigation

* [docNav] Added carriage return after h3
2019-10-12 09:55:30 -07:00
Natalie Weizenbaum
a99bb65fd6 The keywords() function is actually in sass:meta, not sass:map 2019-09-10 16:31:02 -07:00
Natalie Weizenbaum
b1b07540f2 Module-ify built-in function documentation
Closes #363
2019-09-04 17:56:16 -07:00
Natalie Weizenbaum
029520349a Rename /documentation/functions to /documentation/modules
This hierarchy is now going to document built-in modules, which mostly
contain functions but can also contain mixins and may potentially
contain variables in the future.
2019-09-04 15:24:22 -07:00
Natalie Weizenbaum
7a2aa57b96
Make "/" and "s" focus the search bar (#347)
Closes #345
2019-05-30 04:30:10 -07:00
Natalie Weizenbaum
084e181580 Make all client-side redirect URLs absolute
These used to redirect from /documentation/, but we tweaked the way
URLs work and now they redirect from /documentation. Making them
absolute avoids even the potential for that breakage.
2019-05-08 13:19:25 -07:00
Natalie Weizenbaum
79097d0fe1 Bundle all JS into a single file
Because we weren't doing this yet, we weren't actually loading the
redirect.js JS code at all.

This also gets rid of some unused JS.
2019-05-08 13:01:20 -07:00
Natalie Weizenbaum
b75fca5a61 Make text in collapsible navs unselectable
This ensures that quickly opening and closing a nav doesn't
accidentally select its text.
2019-04-17 12:59:38 -07:00
Natalie Weizenbaum
b771e2297e Avoid an unstyled rendering moment with code examples
This renders the tabs and all the jQuery classes server-side, so that
the code examples are rendered correctly on the page's first load
rather than waiting for the JavaScript to activate. This also has a
side effect of making them look correct with JavaScript disabled.

This also adds a little additional styling in the noscript stylesheet
to make code examples look better on a narrow viewport with JavaScript
disabled.
2019-04-12 02:12:00 -07:00
Natalie Weizenbaum
e7ffef4fc9 Avoid an unstyled rendering moment with the tables of contents
Tables of contents are now statically rendered in their appropriately
open/closed states, rather than updated via JavaScript, so they render
correctly on the first page load. In order to make the "page sections"
table still usable without JS, this adds a stylesheet in a <noscript>
tag that forces the sections into an open state.
2019-04-12 00:09:10 -07:00
Natalie Weizenbaum
ce9244b504
Tweak typography to improve legibility (#318)
* Add more margin above headers to visually associate them with the
  prose below, rather than above.

* Reduce the margin around normal block elements to more clearly
  associate them with one another.

* Increase the size of prose and medium/large headers to make them
  easier to see.

* Reduce the font weight of intro paragraphs to make them more
  visually distinct from the rest of the documentation.

Based on @slimekat's suggestions.

Closes #313
2019-04-11 15:30:17 -07:00
Natalie Weizenbaum
de561b2370
Make the reference tables of contents collapsible (#320) 2019-04-11 15:30:10 -07:00
Natalie Weizenbaum
bf21b7f160
Merge pull request #317 from sass/adjacent-tabs
Render syntax examples using adjacent tabs if they're narrow enough

Closes #311
2019-04-04 23:56:06 -07:00
Natalie Weizenbaum
4b6b15b1ab
Add special styling for intro pages (#316)
This just bumps up the font size a bit, to help emphasize that these
pages are special and make them look less bare.

Closes #276
2019-04-04 23:55:07 -07:00
Natalie Weizenbaum
be95e0c7df Allow examples to split even if they can't split in the middle 2019-03-28 19:13:31 -07:00
Natalie Weizenbaum
f56c48cafc Render syntax examples using adjacent tabs if they're narrow enough
Closes #311
2019-03-28 19:13:22 -07:00
Natalie Weizenbaum
31ade4eebd Don't make syntax switcher arrows invisible in callouts (#312)
I'm not sure why this was done initially, but it seems wrong?
2019-03-20 03:47:13 +02:00
Natalie Weizenbaum
e22698388e
Merge branch 'wip.reference' into function-return 2019-03-19 13:40:00 -07:00
Natalie Weizenbaum
78429ae1b4
Add permalink icons to function API docs (#309)
Closes #308
2019-03-18 17:49:03 -07:00
Natalie Weizenbaum
4e6eb090a4
Merge pull request #306 from sass/impl-status
Tweak impl status styling
2019-03-18 17:48:47 -07:00
Natalie Weizenbaum
36a1610c62 Always select SCSS by default 2019-03-11 02:02:38 -07:00
Natalie Weizenbaum
1d718a3fb3
Merge branch 'wip.reference' into function-return 2019-03-10 23:23:00 -07:00
Natalie Weizenbaum
d0c1079b78
Merge branch 'wip.reference' into impl-status 2019-03-10 23:22:02 -07:00
Natalie Weizenbaum
3b1a93afe9 Add a light border to callouts (#300)
This helps them stand out a tiny bit more, especially in functions
where their backgrounds are very similar to the function background.
2019-03-10 09:11:48 -05:00
Natalie Weizenbaum
f24f5927cd Fix the whitespace above code examples once and for all (#304)
Closes #302
2019-03-10 09:10:50 -05:00
Natalie Weizenbaum
482542ac08 Add a header for impl status bars
This gives us a place to disambiguate between implementation statuses
that refer to the entire feature under discussion, and those that just
refer to sub-features.
2019-03-08 16:48:27 -08:00
Natalie Weizenbaum
7fd5bd1c7a Tweak impl status styling
* Make the font smaller to make them less prominent and help visually
  associate the callout with the list.
* Decrease the top margin to more clearly associate them with their
  preceding header.
* Lighten the callout background when in another callout to make it
  more visible.
* Animate the expand button.
2019-03-08 16:45:43 -08:00
Natalie Weizenbaum
681d63c698 Follow the style guide for implementation notes 2019-03-08 15:26:48 -08:00
Natalie Weizenbaum
93b739b04f Show SCSS syntax by default 2019-03-04 19:32:49 -08:00
Jina Anne
f6f238b3ea callout update 2019-03-04 19:11:26 -08:00
Jina Anne
e541d4a6ef impl 2019-03-04 18:36:34 -08:00
Jina Anne
ac992b3233 implementation 2019-03-04 18:29:20 -08:00
Natalie Weizenbaum
40e116a9ed Include return types in function signatures
Closes #298
2019-03-04 18:28:38 -08:00
Jina Anne
aa8ba21b75 fix code 2019-03-04 18:07:39 -08:00
Jina Anne
ff521bdbd0 fix code 2019-03-04 18:06:06 -08:00
Jina Anne
0408f08bd7 improve search box alignment 2019-03-04 18:03:07 -08:00
Jina Anne
24fd1d9dd3 type tweak 2019-03-04 17:51:45 -08:00
Jina Anne
1172c29570 impl-status styling 2019-03-04 17:27:20 -08:00
Jina Anne
03372dc401 style functions 2019-03-04 17:19:06 -08:00
Jina Anne
6a67728ab5 fix nav item spacing 2019-03-04 16:59:06 -08:00
Jina Anne
97042a5a28 make nav code not wrap 2019-03-04 16:55:24 -08:00
Jina Anne
096c6512f3 condense home 2019-03-04 16:50:23 -08:00
Jina Anne
94c9c002ec make call outs less… called out 2019-03-04 16:24:31 -08:00
Jina Anne
8aa45d75a3 make syntax switcher heading unique 2019-03-04 14:41:21 -08:00
Natalie Weizenbaum
7cc3b1b375 Automatically add nice header linking behavior (#280)
* Make link headers look and work more like GitHub's

* Automatically generate links for all headers

* Flash headers when they're selected

* update readme
2019-03-04 15:16:52 -06:00
Natalie Weizenbaum
77311c93f9 Disable word wrapping for p code (#281) 2019-03-04 15:07:29 -06:00
Jina Anne
7ee1b68df5 link header 2018-12-28 18:03:50 -08:00
Jina Anne
4785328dff hover link 2018-12-28 18:01:32 -08:00
Jina Anne
c21200ba14 header linking 2018-12-28 17:59:53 -08:00
Jina Anne
fb5eb4f52c Clean up style guide 2018-12-28 17:26:36 -08:00
Jina Anne
9a4d66643e add list documentation 2018-12-28 17:03:29 -08:00
Jina Anne
c0478b1f89 remove broken sticky plugin 2018-12-28 16:50:04 -08:00
Jina Anne
6db6cad349 nav progress 2018-12-28 16:42:05 -08:00
Jina Anne
698ff52e1d remove nav border 2018-12-28 16:32:00 -08:00
Jina Anne
1a9e640fb3 Merge branch 'wip.reference' of github.com:sass/sass-site into wip.reference 2018-12-28 16:29:26 -08:00
Jina Anne
39263a13e3 update layout 2018-12-28 16:29:22 -08:00
Natalie Weizenbaum
e993e6bf42 Merge branch 'wip.reference' of github.com:sass/sass-site into wip.reference 2018-12-28 16:28:01 -08:00
Natalie Weizenbaum
c5a569055e Disable directory_indexes
Instead of compiling everything to directories containing index files,
we now compile to plain HTML files and rely on Rack::TryStatic to load
them.
2018-12-28 16:26:21 -08:00
Jina Anne
c7f02d1a44 more visible links 2018-12-28 16:13:58 -08:00
Jina Anne
644337a512 fix reference layout 2018-12-28 15:22:59 -08:00
Jina Anne
6207f9e069 update normalize 2018-12-28 15:10:31 -08:00
Natalie Weizenbaum
25a40e45f9 Pad the syntax switcher with newlines rather than CSS padding (#266)
* Pad the syntax switcher with newlines rather than CSS padding

* Style nit
2018-12-28 14:57:14 -08:00
Jina Anne
936bc03a6c fix syntax errors 2018-12-28 14:55:48 -08:00
Jina Anne
8b2d48f774 merge in master 2018-12-27 19:47:31 -08:00
Jina Anne
3789242778 fix layout? 2018-12-27 19:07:00 -08:00
Jina Anne
69272daa3b
fix arrow icon with unicode character (#235)
* fix arrow icon with unicode character

* use bigger, bolder arrow
2018-12-27 17:33:42 -08:00
Jina Anne
4a5ee52092 fixes #262 2018-12-27 17:02:45 -08:00
Jina Anne
67020d2037 merge conflicts 2018-12-27 16:50:00 -08:00
Jina Anne
92d9baf850 fix nav 2018-12-27 16:43:43 -08:00
Jina Anne
66f3526bd5 major clean up 2018-12-27 16:31:28 -08:00
Natalie Weizenbaum
1de307796d Add redirects from old documentation locations to new ones 2018-12-03 16:41:00 -08:00
Natalie Weizenbaum
6a05e6af00 Remove an unused HTML page for the railroad diagram 2018-11-29 17:25:06 -08:00
Natalie Weizenbaum
378efd127c Embed the railroad diagram as an object
Including it inline caused some conflicts with the markdown parser.
2018-11-29 17:23:23 -08:00
Jina Anne
6620433c50 redo holy grail layout 2018-10-26 23:37:10 -07:00
Jina Anne
c81d53b5ec refactor breapoints 2018-10-26 23:06:47 -07:00
Jina Anne
7b26d6b684 clean up functions update intended code style in style guide 2018-10-26 21:35:30 -07:00
Jina Anne
3f1c2d338d lots of clean up 2018-10-23 15:06:39 -07:00
Jina Anne
f47e8bd912 fix layouts to be DRY 2018-10-22 14:13:05 -07:00
Natalie Weizenbaum
6030761158 Add a helper for writing inline multi-syntax examples (#226)
* Add a helper for writing inline multi-syntax examples

This will be useful for #205.

* Add the ability to add CSS output to the syntax switcher

* Automatically generate CSS for the syntax switcher by default

* Fix most lints

* Fix a specificity bug

* Show SCSS syntax by default

* Fix a couple more lints

* Make the example helper template-engine-agnostic

* Support a "syntax switcher" with a single syntax

This will make it possible to do nice-looking single-syntax code
examples in the reference.

* Remove trailing whitespace
2018-10-22 12:00:45 -07:00
Natalie Weizenbaum
efc113ec86 [WIP] Reference 2018-09-27 16:05:00 -07:00
Natalie Weizenbaum
56f97b7751 Merge branch 'example-helper' into wip.reference 2018-08-30 14:45:16 -07:00
Natalie Weizenbaum
f70512c286 Support a "syntax switcher" with a single syntax
This will make it possible to do nice-looking single-syntax code
examples in the reference.
2018-08-30 14:43:38 -07:00
Natalie Weizenbaum
8d518df3e3 Enable the syntax switcher outside of the tutorial 2018-08-30 14:36:30 -07:00
Natalie Weizenbaum
a833c56bf8 Show SCSS syntax by default 2018-08-29 17:59:51 -07:00
Natalie Weizenbaum
83945aa3c2 Fix a specificity bug 2018-08-29 17:54:04 -07:00
Natalie Weizenbaum
cc0f453e88 Fix most lints 2018-08-29 17:50:00 -07:00
Natalie Weizenbaum
221d4cc0ec Add the ability to add CSS output to the syntax switcher 2018-08-29 17:29:32 -07:00
Natalie Weizenbaum
3d0f5c6ffc Add a helper for writing inline multi-syntax examples
This will be useful for #205.
2018-08-29 17:29:31 -07:00
Natalie Weizenbaum
acf1b448a6 Add a page about Dart Sass 2018-03-17 12:43:04 -07:00
Leonard Lamprecht
281d5d5650 Double quotes and improved structure 2015-12-30 11:40:12 +01:00
Leonard Lamprecht
b43db50343 Remove trailing whitespace and add double quotes 2015-12-30 11:39:57 +01:00
Leonard Lamprecht
1c6149a235 Position background differently on big screens 2015-12-30 11:30:34 +01:00
jina
35bda8b564 put sassy stickers & colors back up 2015-10-13 17:13:58 -07:00
Thomas Tortorini
598150cca3 Adding and removing '.ui-state-hover' is apparently no longer needed 2015-08-14 08:53:24 +02:00
Thomas Tortorini
7fbdb0923f Improve selection for initializing the ui-tabs 2015-08-14 08:40:12 +02:00
Thomas Tortorini
2afc346f0f Switch all the Sass/SCSS tabs together 2015-08-14 08:20:00 +02:00
jina
881370f009 #lovewins 2015-06-26 08:57:24 -07:00
jina
c8ccc0720a SASS, not Sass. 2015-03-31 20:12:33 -07:00
garthdb
f2fca3bb34 resizing bg prism to get rid of weird gap on retina 2015-02-01 16:10:15 -08:00
₍˄ุ.͡˳̫.˄ุ₎
7661b613a8 Merge pull request #108 from sdegutis/patch-1
Speed up scrolling
2015-01-06 13:51:21 -08:00
garthdb
3c54f1b651 optimized existing svgs and replaced some pngs with svgs for size optimization 2015-01-06 14:00:38 -07:00
Steven Degutis
dfc061c580 Speed up scrolling
Please? Pretty please?
2014-12-11 10:01:39 -06:00
Chris Eppstein
472fad4545 Fix some display issues for the footer and headers for small phones. 2014-08-26 13:25:57 -07:00
Jina Bolton
7d9dd223ca Fix code + add minify html 2014-07-30 22:34:47 -07:00
Jina Bolton
201acddcd7 Fix errors causing build to fail. 2014-07-28 01:28:40 -07:00
Jina Bolton
7cfb4c5dab Update to newest stable Sass (Fixes #69), Susy (Fixes #68), Breakpoint, Compass and make appropriate CSS changes due to the changes. 2014-07-28 01:10:02 -07:00
Jina Bolton
4d140facf9 Add favicons and tiles 2014-07-27 17:53:42 -07:00
Jina Bolton
3ef8bfed8f Simplify apple touch icons 2014-07-27 17:21:08 -07:00
Jina Bolton
1a2bf6a2a0 update js 2014-07-27 15:44:34 -07:00
Jina Bolton
1314aad37c Separate out HTML5 Boilerplate styles and reformat CSS a little. 2014-07-27 14:44:36 -07:00
Jina Bolton
46b0bb2d6c Add normalize gem and remove related styles 2014-07-26 23:42:13 -07:00
Jina Bolton
63ca14c977 Closes #84 2014-07-22 15:27:15 -07:00
Jina Bolton
f99ee33e4f Related to #80 — @hcatlin please feel free to alter this page however. :) 2014-07-10 19:28:14 -07:00
₍˄ุ.͡˳̫.˄ุ₎
df16f5fe42 Add new shiny Source Serif Pro…
…to match the others in the type set. :)
2014-05-20 11:50:26 -07:00
Evan Dull
51307bc89a Fix wrapping of "COMMAND LINE" in chrome.
The text "COMMAND LINE" on the Install page is wrapping in chrome.
2014-05-09 16:30:10 -04:00
Jina Bolton
d0ceca20f1 Update team page and make minor Firefox-related CSS fixes 2014-04-24 01:57:39 -07:00
₍˄ุ.͡˳̫.˄ุ₎
785ba94477 Removing CampSass banner styles as well. 2014-04-19 14:56:51 -07:00
johncomposed
a13314a3fd Adding a little arrow to clarify what tab you're on.
Also added override for the a:focus blue hover since it:
a) Doesn't confine to the style guide
b) Makes the tab arrow look weird
2014-03-26 16:27:57 -04:00
Michael JL Catlin
8d6ad06656 Adding a 'Come to CampSass' alert on the homepage 2014-03-20 10:52:34 -07:00
Jina Bolton
206880a768 Fixes #39 — Adds SCSS/Sass syntax switcher to Guide. 2014-03-13 22:04:34 -07:00
Jina Bolton
867362ed5e Fixes #50 2014-03-13 17:51:23 -07:00
Jina Bolton
97b735fe83 Fixes #54 — Using a better monospace font stack and switching to a different color theme. 2014-03-13 17:46:22 -07:00
Jina Bolton
584ad93f67 Fixes the broken URL to the zip file. *head-desk* 2014-03-13 14:55:50 -07:00
Dustin Horton
0c17b3ab0c move padding from .navigation to .navigation ul 2013-11-29 02:08:58 -05:00
₍˄ุ.͡˳̫.˄ุ₎
9ab3111407 improve hero layout 2013-10-17 00:20:58 -07:00
₍˄ุ.͡˳̫.˄ุ₎
db7b76f6de fix weird footer issues 2013-10-17 00:08:47 -07:00
₍˄ุ.͡˳̫.˄ุ₎
d21bfb277e adjusting 404 layout 2013-10-16 23:49:48 -07:00
₍˄ุ.͡˳̫.˄ุ₎
8027b702c2 add some additional styling to the docs 2013-10-16 00:47:46 -07:00
₍˄ุ.͡˳̫.˄ุ₎
27380305f5 center headers 2013-10-16 00:14:29 -07:00
₍˄ุ.͡˳̫.˄ุ₎
9197485905 add install images 2013-10-16 00:11:01 -07:00
₍˄ุ.͡˳̫.˄ุ₎
b1ebbe2e2a Update _code.scss
Removing stuff that made code blocks fugly on mobile.
2013-10-15 18:23:34 -07:00
₍˄ุ.͡˳̫.˄ุ₎
02c039d913 Update _navigation.scss
Why did I put this here. Ugh.
2013-10-15 16:03:22 -07:00
Hampton Catlin
425dca5ae2 Need to be a lot more clear about free/paid applications! plus open source or not 2013-10-15 09:18:56 -04:00
₍˄ุ.͡˳̫.˄ุ₎
98a475bdb7 fixes #16 by removing the display: table on containers (I had forgotten to remove those when we switched layout systems). 2013-10-14 17:33:21 -04:00
₍˄ุ.͡˳̫.˄ุ₎
d682e1b573 I like working in patterns & proportions. .25 seemed nicer than .22. :) 2013-10-14 15:55:24 -04:00
₍˄ุ.͡˳̫.˄ุ₎
92f17202ec Lots of clean up. 2013-10-14 15:52:40 -04:00
Bermon Painter
8d2dc639f9 Fixes #19. Missing Sass logo download file. 2013-10-14 13:12:53 -04:00
Bermon Painter
e2f93c24c8 Merge branch 'master' of github.com:sass/sass.github.com 2013-10-14 13:09:23 -04:00
Bermon Painter
5be10da98a Fixes #17. Favicons
- Added the favicons in the source directory
- Disabled the automatic favicon creator. It's doesn't need to run on build each time.
- Fixed the name of the icons in the meta data
2013-10-14 13:07:38 -04:00
₍˄ุ.͡˳̫.˄ุ₎
e84778fbdd Merge pull request #12 from MarioRicalde/alert-release
"Pixel perfection for .realease notice element."

Works for me. Thanks!
2013-10-14 09:35:49 -07:00
Mario Ricalde
2216036427 Pixel perfection for .realease notice element.
On Production:
https://dl.dropboxusercontent.com/s/6mwsz12ln1h3zip/2013-10-13%20at%206.39%20PM.png

Fixed:
https://dl.dropboxusercontent.com/s/08w8bdj6rfwl4c2/2013-10-13%20at%206.36%20PM.png

Zoom:
https://dl.dropboxusercontent.com/s/bp0obk3mcw29rh4/2013-10-13%20at%206.37%20PM.png
2013-10-13 18:36:44 -05:00
Mario Ricalde
380e50044d Adds more contrast to the .icon-bar element
Using the border color (iron) on an already iron backgorund makes it pretty hard to see.
2013-10-13 17:35:03 -05:00
Mario Ricalde
37b7df3b0f The stripe has no inline shadow and it's smaller
The reasoning behind removing the inline shadow is that it's uneeded.
It's a distraction, and the overall theme wants to go the flat route.

The reasoning behind making the stripe smaller, is that when it's too
tall it's distracting, also 0.5 em seems to be a bit too much, especially
when compared against the logo thicker part ( 8px ). I've lowered it to half
of that 0.22em ~= 4px.
2013-10-13 17:22:22 -05:00
₍˄ุ.͡˳̫.˄ุ₎
e913e6176b glasses ftw 2013-10-13 14:31:48 -04:00
₍˄ุ.͡˳̫.˄ุ₎
f6883536bf forgot to change the domains in these, whoopsies. 2013-10-13 11:34:25 -04:00
₍˄ุ.͡˳̫.˄ุ₎
b05ec80eeb Update style guide 2013-10-12 19:26:11 -04:00
₍˄ุ.͡˳̫.˄ุ₎
519376731a layout fix 2013-10-12 17:54:15 -04:00
₍˄ุ.͡˳̫.˄ุ₎
e5472eda9d Merge branch 'master' of https://github.com/sass/sass.github.com 2013-10-12 17:39:58 -04:00