Skip to content

Add a responsive grid #131

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
scriptex merged 22 commits into from
Nov 17, 2020
Merged

Add a responsive grid #131

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
cbf42f2
Add a responsive grid
scriptex Nov 13, 2020
d4c9541
Use only one call to the mixin
scriptex Nov 13, 2020
a4313db
Update breakpoints map
scriptex Nov 13, 2020
f05ea0a
Update grid mixin
scriptex Nov 13, 2020
2cc08ce
Re-build
scriptex Nov 14, 2020
99e4314
Format
scriptex Nov 14, 2020
10a3086
Update README.md
scriptex Nov 14, 2020
6297cad
Add clear utility
scriptex Nov 17, 2020
06c83fc
Add demo
scriptex Nov 17, 2020
b79b8bf
Update default $breakpoints
scriptex Nov 17, 2020
cfd4e5f
Update README
scriptex Nov 17, 2020
10edc89
Update grid mixin
scriptex Nov 17, 2020
c0c3fcd
Update README
scriptex Nov 17, 2020
fde0c04
Update README
scriptex Nov 17, 2020
ba09675
Remove non-standard CSS rules
scriptex Nov 17, 2020
167c513
Add SVGs in links in transitions list
scriptex Nov 17, 2020
872fe69
Make utilities and mixins dynamic
scriptex Nov 17, 2020
cd2a5aa
Update build
scriptex Nov 17, 2020
12e58fa
Update README
scriptex Nov 17, 2020
b10716b
Update README
scriptex Nov 17, 2020
802cca3
Update README
scriptex Nov 17, 2020
0fbf8ba
Bump version
scriptex Nov 17, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update grid mixin
  • Loading branch information
@scriptex
scriptex committed Nov 17, 2020
commit 10edc89083331e63cc32414afa9a3a4e83aefc8c
2 changes: 1 addition & 1 deletion assets/objects/_grid.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,4 @@
}
}

@include grid();
@include grid;
38 changes: 38 additions & 0 deletions main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -793,6 +793,44 @@ a {
max-width: 100%;
flex: 0 0 100%; } }

@media (min-width: 1440px) {
.xl-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%; }
.xl-2 {
max-width: 16.66667%;
flex: 0 0 16.66667%; }
.xl-3 {
max-width: 25%;
flex: 0 0 25%; }
.xl-4 {
max-width: 33.33333%;
flex: 0 0 33.33333%; }
.xl-5 {
max-width: 41.66667%;
flex: 0 0 41.66667%; }
.xl-6 {
max-width: 50%;
flex: 0 0 50%; }
.xl-7 {
max-width: 58.33333%;
flex: 0 0 58.33333%; }
.xl-8 {
max-width: 66.66667%;
flex: 0 0 66.66667%; }
.xl-9 {
max-width: 75%;
flex: 0 0 75%; }
.xl-10 {
max-width: 83.33333%;
flex: 0 0 83.33333%; }
.xl-11 {
max-width: 91.66667%;
flex: 0 0 91.66667%; }
.xl-12 {
max-width: 100%;
flex: 0 0 100%; } }

.c-btn {
text-align: center;
text-decoration: none;
Expand Down