From 9a4837f1630912906937e324ce7497414b5d4254 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Mon, 24 Jul 2017 11:43:51 +0200 Subject: Add navbar to projects page --- src/style-globals/mixins.sass | 21 +++++++++++++++++++++ src/style-globals/variables.sass | 25 +++++++++++++++++++++++++ 2 files changed, 46 insertions(+) create mode 100644 src/style-globals/mixins.sass create mode 100644 src/style-globals/variables.sass (limited to 'src/style-globals') diff --git a/src/style-globals/mixins.sass b/src/style-globals/mixins.sass new file mode 100644 index 00000000..40c07a6d --- /dev/null +++ b/src/style-globals/mixins.sass @@ -0,0 +1,21 @@ +=transition($property, $time) + -webkit-transition: $property $time + -moz-transition: $property $time + -o-transition: $property $time + transition: $property $time + +=user-select-def + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + +=border-radius-def($length) + -webkit-border-radius: $length + -moz-border-radius: $length + border-radius: $length + +/* General Button Abstractions */ +=clickable + cursor: pointer + +user-select-def diff --git a/src/style-globals/variables.sass b/src/style-globals/variables.sass new file mode 100644 index 00000000..4386059d --- /dev/null +++ b/src/style-globals/variables.sass @@ -0,0 +1,25 @@ +// Sizes and Margins +$document-padding: 20px +$inter-element-margin: 5px +$standard-border-radius: 5px +$side-menu-width: 350px +$color-indicator-width: 140px + +$global-padding: 30px +$side-bar-width: 250px +$navbar-height: 50px +$navbar-padding: 10px + +// Durations +$transition-length: 150ms + +// Colors +$gray-dark: #aaa +$gray-semi-dark: #bbb +$gray-semi-light: #ccc +$gray-light: #ddd +$gray-very-light: #eee +$blue: #00A6D6 +$blue-dark: #0087b5 +$blue-very-dark: #006182 +$blue-light: #deebf7 -- cgit v1.2.3