File tree Expand file tree Collapse file tree 7 files changed +13
-49
lines changed Expand file tree Collapse file tree 7 files changed +13
-49
lines changed Original file line number Diff line number Diff line change 66 url : http://lunelson.de/sass-maps-plus/
77 image : sass-maps-plus.png
88
9- - name : QMUI Web
9+ - name : QMUI Web
1010 url : http://qmuiteam.com/web/tools.html
1111 image : qmui.png
1212
5858 url : http://hiulit.github.io/Sassy-Gridlover/sassdoc/
5959 image : sassy-gridlover.png
6060
61- - name : SassyStrings
62- url : http://hugogiraudel.com/SassyStrings/
63- image : sassystrings.png
64-
65- - name : SassyCast
66- url : http://hugogiraudel.com/SassyCast/
67- image : sassycast.png
68-
69- - name : SassySort
70- url : http://hugogiraudel.com/SassySort/
71- image : sassysort.png
72-
73- - name : SassyIteratorsGenerators
74- url : http://hugogiraudel.com/SassyIteratorsGenerators/
75- image : sassyiteratorsgenerators.png
76-
77- - name : SassyJSON
78- url : http://hugogiraudel.com/SassyJSON/
79- image : sassyjson.png
80-
81- - name : SassyMatrix
82- url : http://hugogiraudel.com/SassyMatrix/
83- image : sassymatrix.png
84-
85- - name : SassyGradients
86- url : http://hugogiraudel.com/SassyGradients/
87- image : sassygradients.png
88-
89- - name : SassyLogger
90- url : http://hugogiraudel.com/SassyLogger/
91- image : sassylogger.png
92-
93- - name : SassyBitwise
94- url : http://hugogiraudel.com/SassyBitwise/
95- image : sassybitwise.png
96-
9761- name : vulcan-framework
9862 url : http://vulcan-framework.github.io/core/
9963 image : vulcan-framework.png
Original file line number Diff line number Diff line change @@ -21,7 +21,7 @@ SassDoc is built by [Pascal Duez](https://twitter.com/pascalduez), [Valerian Gal
2121 </li >
2222
2323 <li class =" author " >
24- <img src="https://pbs.twimg.com/profile_images/1366189325210300416/T6AvmRsk_400x400 .jpg" alt="Valérian Galliat" class="author__avatar">
24+ <img src="https://pbs.twimg.com/profile_images/1368544291677745153/Y9ato75j_400x400 .jpg" alt="Valérian Galliat" class="author__avatar">
2525 <a class="author__name" href="https://twitter.com/valeriangalliat">Valérian Galliat</a>
2626 <span class="author__role">Engine maker</span>
2727 </li >
Original file line number Diff line number Diff line change 163163 #{$context} & {
164164 @content;
165165 }
166- } " data-collapsed ="@mixin when-inside($context) { ... } "> < code > @mixin when-inside($context) { ... }</ code > </ pre > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Contexts</ p > </ div > < h3 class ="item__sub-heading "> Parameters</ h3 > < table class ="item__parameters "> < thead > < tr > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Name</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Description</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Type</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Default value</ th > </ tr > </ thead > < tbody > < tr class ="item__parameter "> < th scope ="row " data-label ="name "> < code > $context</ code > </ th > < td data-label ="desc "> —< span class ="visually-hidden "> none</ span > </ td > < td data-label ="type "> < code > String</ code > or < code > List</ code > </ td > < td data-label ="default "> —< span class ="visually-hidden "> none</ span > </ td > </ tr > </ tbody > </ table > < h3 class ="item__sub-heading "> Content</ h3 > < p > This mixin allows extra content to be passed (through the < code > @content</ code > directive).< h3 class ="item__sub-heading "> Author</ h3 > < ul class ="list-unstyled "> < li > < p > Hugo Giraudel</ p > </ li > </ ul > </ p > </ section > </ section > < section class ="main__sub-section " id ="undefined-variable "> < h2 class ="main__heading--secondary "> < div class ="container "> variables</ div > </ h2 > < section class ="main__item container item " id ="variable-pink "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-pink "> pink</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $pink: #dd5a6f;</ code > </ pre > < span class ="color-preview--block " style ="background: #dd5a6f "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Pink</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-purple "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-purple "> purple</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $purple: #5c4863;</ code > </ pre > < span class ="color-preview--block " style ="background: #5c4863 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Purple</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-yellow "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-yellow "> yellow</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $yellow: #ffc93c;</ code > </ pre > < span class ="color-preview--block " style ="background: #ffc93c "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Yellow</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-black "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-black "> black</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $black: #333;</ code > </ pre > < span class ="color-preview--block " style ="background: #333 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Black</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-primary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-primary-color "> primary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $primary-color: $pink;</ code > </ pre > < span class ="color-preview--block " style ="background: #dd5a6f "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-secondary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-secondary-color "> secondary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $secondary-color: $yellow;</ code > </ pre > < span class ="color-preview--block " style ="background: #ffc93c "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-tertiary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-tertiary-color "> tertiary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $tertiary-color: $purple;</ code > </ pre > < span class ="color-preview--block " style ="background: #5c4863 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-light-grey "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-light-grey "> light-grey</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $light-grey: #e0e0e0;</ code > </ pre > < span class ="color-preview--block " style ="background: #e0e0e0 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Light grey</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > < h3 class ="item__sub-heading "> Used by</ h3 > < ul class ="list-unstyled "> < li > < span class ="item__cross-type "> [mixin]</ span > < a href ="#mixin-card "> < code > card</ code > </ a > </ li > </ ul > </ section > < section class ="main__item container item " id ="variable-medium-grey "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-medium-grey "> medium-grey</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $medium-grey: #ddd;</ code > </ pre > < span class ="color-preview--block " style ="background: #ddd "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Medium</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-breakpoints "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-breakpoints "> breakpoints</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $breakpoints: (
166+ } " data-collapsed ="@mixin when-inside($context) { ... } "> < code > @mixin when-inside($context) { ... }</ code > </ pre > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Contexts</ p > </ div > < h3 class ="item__sub-heading "> Parameters</ h3 > < table class ="item__parameters "> < thead > < tr > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Name</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Description</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Type</ th > < th scope ="col "> < span class ="visually-hidden "> parameter</ span > Default value</ th > </ tr > </ thead > < tbody > < tr class ="item__parameter "> < th scope ="row " data-label ="name "> < code > $context</ code > </ th > < td data-label ="desc "> —< span class ="visually-hidden "> none</ span > </ td > < td data-label ="type "> < code > String</ code > or < code > List</ code > </ td > < td data-label ="default "> —< span class ="visually-hidden "> none</ span > </ td > </ tr > </ tbody > </ table > < h3 class ="item__sub-heading "> Content</ h3 > < p > This mixin allows extra content to be passed (through the < code > @content</ code > directive).< h3 class ="item__sub-heading "> Author</ h3 > < ul class ="list-unstyled "> < li > < p > Kitty Giraudel</ p > </ li > </ ul > </ p > </ section > </ section > < section class ="main__sub-section " id ="undefined-variable "> < h2 class ="main__heading--secondary "> < div class ="container "> variables</ div > </ h2 > < section class ="main__item container item " id ="variable-pink "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-pink "> pink</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $pink: #dd5a6f;</ code > </ pre > < span class ="color-preview--block " style ="background: #dd5a6f "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Pink</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-purple "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-purple "> purple</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $purple: #5c4863;</ code > </ pre > < span class ="color-preview--block " style ="background: #5c4863 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Purple</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-yellow "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-yellow "> yellow</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $yellow: #ffc93c;</ code > </ pre > < span class ="color-preview--block " style ="background: #ffc93c "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Yellow</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-black "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-black "> black</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $black: #333;</ code > </ pre > < span class ="color-preview--block " style ="background: #333 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Black</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-primary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-primary-color "> primary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $primary-color: $pink;</ code > </ pre > < span class ="color-preview--block " style ="background: #dd5a6f "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-secondary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-secondary-color "> secondary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $secondary-color: $yellow;</ code > </ pre > < span class ="color-preview--block " style ="background: #ffc93c "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-tertiary-color "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-tertiary-color "> tertiary-color</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $tertiary-color: $purple;</ code > </ pre > < span class ="color-preview--block " style ="background: #5c4863 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Primary color</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-light-grey "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-light-grey "> light-grey</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $light-grey: #e0e0e0;</ code > </ pre > < span class ="color-preview--block " style ="background: #e0e0e0 "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Light grey</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > < h3 class ="item__sub-heading "> Used by</ h3 > < ul class ="list-unstyled "> < li > < span class ="item__cross-type "> [mixin]</ span > < a href ="#mixin-card "> < code > card</ code > </ a > </ li > </ ul > </ section > < section class ="main__item container item " id ="variable-medium-grey "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-medium-grey "> medium-grey</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $medium-grey: #ddd;</ code > </ pre > < span class ="color-preview--block " style ="background: #ddd "> </ span > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Medium</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Color</ code > </ p > </ section > < section class ="main__item container item " id ="variable-breakpoints "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-breakpoints "> breakpoints</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $breakpoints: (
167167 'small': (max-width: 800px),
168168 'medium': (min-width: 801px)
169169) !global;</ code > </ pre > </ div > < h3 class ="item__sub-heading "> Description</ h3 > < div class ="item__description "> < p > Map of breakpoints for responsive design.</ p > </ div > < h3 class ="item__sub-heading "> Type</ h3 > < p > < code > Map</ code > </ p > < h3 class ="item__sub-heading "> Map structure</ h3 > < table class ="item__parameters "> < thead > < tr > < th scope ="col "> < span class ="visually-hidden "> Map key</ span > Name</ th > < th scope ="col "> < span class ="visually-hidden "> Map key</ span > Description</ th > < th scope ="col "> < span class ="visually-hidden "> Map key</ span > Type</ th > < th scope ="col "> < span class ="visually-hidden "> Map key</ span > Value</ th > </ tr > </ thead > < tbody > < tr class ="item__parameter "> < th scope ="row " data-label ="name "> < code > small</ code > </ th > < td data-label ="desc "> < p > small screens</ p > </ td > < td data-label ="type "> < code > Map</ code > </ td > < td data-label ="default "> < code > (max-width: 800px)</ code > </ td > </ tr > < tr class ="item__parameter "> < th scope ="row " data-label ="name "> < code > medium</ code > </ th > < td data-label ="desc "> < p > regular screens</ p > </ td > < td data-label ="type "> < code > Map</ code > </ td > < td data-label ="default "> < code > (min-width: 801px)</ code > </ td > </ tr > </ tbody > </ table > < h3 class ="item__sub-heading "> Used by</ h3 > < ul class ="list-unstyled "> < li > < span class ="item__cross-type "> [mixin]</ span > < a href ="#mixin-respond-to "> < code > respond-to</ code > </ a > </ li > </ ul > < h3 class ="item__sub-heading "> See</ h3 > < ul class ="list-unstyled "> < li > < span class ="item__cross-type "> [mixin]</ span > < a href ="#mixin-respond-to "> < code > respond-to</ code > </ a > </ li > </ ul > </ section > < section class ="main__item container item " id ="variable-z-indexes "> < h3 class ="item__heading "> < a class ="item__name " href ="#variable-z-indexes "> z-indexes</ a > </ h3 > < div class ="item__code-wrapper "> < pre class ="item__code language-scss "> < code > $z-indexes: (
Original file line number Diff line number Diff line change @@ -735,7 +735,7 @@ This mixin allows extra content to be passed (through the ``@content`` directive
735735Author
736736~~~~~~
737737
738- * Hugo Giraudel
738+ * Kitty Giraudel
739739
740740pink
741741----
Original file line number Diff line number Diff line change @@ -2725,7 +2725,7 @@ <h3 class="item__sub-heading">Links</h3>
27252725 < ul class ="list-unstyled ">
27262726
27272727 < li >
2728- < a href ="http ://hugogiraudel .com/2013/08/05/offsets-sass-mixin/ ">
2728+ < a href ="https ://kittygiraudel .com/2013/08/05/offsets-sass-mixin/ ">
27292729
27302730 Documentation
27312731
@@ -2962,7 +2962,7 @@ <h3 class="item__sub-heading">Links</h3>
29622962 < ul class ="list-unstyled ">
29632963
29642964 < li >
2965- < a href ="http ://hugogiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
2965+ < a href ="https ://kittygiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
29662966
29672967 Documentation
29682968
@@ -3163,7 +3163,7 @@ <h3 class="item__sub-heading">Links</h3>
31633163 < ul class ="list-unstyled ">
31643164
31653165 < li >
3166- < a href ="http ://hugogiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
3166+ < a href ="https ://kittygiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
31673167
31683168 Documentation
31693169
@@ -3364,7 +3364,7 @@ <h3 class="item__sub-heading">Links</h3>
33643364 < ul class ="list-unstyled ">
33653365
33663366 < li >
3367- < a href ="http ://hugogiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
3367+ < a href ="https ://kittygiraudel .com/2014/05/19/new-offsets-sass-mixin/ ">
33683368
33693369 Documentation
33703370
Original file line number Diff line number Diff line change 158158}
159159
160160/// Contexts
161- /// @author Hugo Giraudel
161+ /// @author Kitty Giraudel
162162/// @param {String | List} $context
163163@mixin when-inside ($context ) {
164164 #{$context } & {
You can’t perform that action at this time.
0 commit comments