aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/less/components/base.less
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2016-08-20 17:46:05 +1000
committerSam Potts <me@sampotts.me>2016-08-20 17:46:05 +1000
commitfc45ab48c932c6ecb810ed6456ff824ef43be73c (patch)
tree557e7520a47f00c89410f124d418722627e0e86e /demo/src/less/components/base.less
parent6425a33ccd015a4e21545669c0774e2f12d1c47f (diff)
parent58e9b02405ccd3c3502bbf221097aa0604796769 (diff)
downloadplyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.tar.lz
plyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.tar.xz
plyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.zip
Merge branch 'master' into develop
# Conflicts: # src/js/plyr.js
Diffstat (limited to 'demo/src/less/components/base.less')
-rw-r--r--demo/src/less/components/base.less47
1 files changed, 47 insertions, 0 deletions
diff --git a/demo/src/less/components/base.less b/demo/src/less/components/base.less
new file mode 100644
index 00000000..c584b57e
--- /dev/null
+++ b/demo/src/less/components/base.less
@@ -0,0 +1,47 @@
+// ==========================================================================
+// Base layout
+// ==========================================================================
+
+// BORDER-BOX ALL THE THINGS!
+// http://paulirish.com/2012/box-sizing-border-box-ftw/
+*, *::after, *::before {
+ box-sizing: border-box;
+}
+
+// Hidden
+[hidden] {
+ display: none;
+}
+
+// Base
+html {
+ height: 100%;
+ background: @body-background fixed;
+}
+body {
+ margin: 0;
+ padding: (@padding-base / 2);
+}
+
+// Header
+header {
+ padding: @padding-base;
+ margin-bottom: @padding-base;
+
+ p {
+ .font-size(18);
+ }
+ @media (min-width: @screen-sm) {
+ padding-top: (@padding-base * 3);
+ padding-bottom: (@padding-base * 3);
+ }
+}
+
+// Sections
+section {
+ padding-bottom: @padding-base;
+
+ @media (min-width: @screen-sm) {
+ padding-bottom: (@padding-base * 2);
+ }
+} \ No newline at end of file