aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/sass/layout/grid.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2017-12-20 15:14:05 +0000
committerSam Potts <sam@potts.es>2017-12-20 15:14:05 +0000
commit6864149989c6a5b1bb6e9199e1f8af062c64dcc4 (patch)
tree283649e596f5a81780fabe3603bb0be7d0d47485 /demo/src/sass/layout/grid.scss
parentaab53fa91fded2babdef8c3529a0ff1203f92f97 (diff)
downloadplyr-6864149989c6a5b1bb6e9199e1f8af062c64dcc4.tar.lz
plyr-6864149989c6a5b1bb6e9199e1f8af062c64dcc4.tar.xz
plyr-6864149989c6a5b1bb6e9199e1f8af062c64dcc4.zip
Converted to SASS/SCSS
Diffstat (limited to 'demo/src/sass/layout/grid.scss')
-rw-r--r--demo/src/sass/layout/grid.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/demo/src/sass/layout/grid.scss b/demo/src/sass/layout/grid.scss
new file mode 100644
index 00000000..40dd829e
--- /dev/null
+++ b/demo/src/sass/layout/grid.scss
@@ -0,0 +1,19 @@
+// ==========================================================================
+// Super basic grid
+// ==========================================================================
+
+.grid {
+ margin: 0 auto;
+ padding: $spacing-base;
+
+ @media only screen and (min-width: $screen-md) {
+ align-items: center;
+ display: flex;
+ max-width: $container-max-width;
+ width: 100%;
+
+ > * {
+ flex: 1;
+ }
+ }
+}