gamv/ds2-core
1
0
Fork 0
Code Issues 10 Releases 9 Activity

Completed descriptions for layout patterns

Browse Source
This commit is contained in:
A McIlwraith
2024-07-16 03:57:34 -04:00
parent 3c261881e9
commit 9cba20c39c
9 changed files with 54 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/patterns/core/breakpoints/index.html
View File

@@ -5,8 +5,12 @@
</head>
<body data-prismjs-copy-timeout="1500">
<h2>What is it</h2>
<p>Breakpoints enable responsive mobile design.</p>
<h2>When to use it</h2>
<p>Use breakpoints when designing for different screen sizes. </p>
<p>The breakpoints SCSS mixin included implements media queries to allow for the change of the layout and design based on pre-defined screen sizes. </p>
<h2>How to use it</h2>
<p>This pattern is only available for SCSS breakpoints. The mixin is avai</p>
<p>When using this, use the default break points as they are set to the same as the Bootstrap framework. The grid for the design system at large break point has been widened to accompdate 3 colour cards across. </p>
<div class="tab-group" id="breakpoints">
<pre class="language-css" data-tab="scss">//- DS2 core (c) 2024 Alexander McIlwraith