diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:35:57 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:39:44 +0500 |
commit | e214aae719c10953c4c3a7949c9bd02d6983b045 (patch) | |
tree | de67fab11c5866493374d602930b4b5fbc98d05a /web/sass-files/sass/utils | |
parent | bf7ae0711743926cfbb031675cc3320d7a942465 (diff) | |
download | chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.gz chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.bz2 chat-e214aae719c10953c4c3a7949c9bd02d6983b045.zip |
PLT-963 - Improving scss structure
Diffstat (limited to 'web/sass-files/sass/utils')
-rw-r--r-- | web/sass-files/sass/utils/_animations.scss | 19 | ||||
-rw-r--r-- | web/sass-files/sass/utils/_functions.scss | 9 | ||||
-rw-r--r-- | web/sass-files/sass/utils/_mixins.scss | 8 | ||||
-rw-r--r-- | web/sass-files/sass/utils/_module.scss | 5 | ||||
-rw-r--r-- | web/sass-files/sass/utils/_variables.scss | 13 |
5 files changed, 54 insertions, 0 deletions
diff --git a/web/sass-files/sass/utils/_animations.scss b/web/sass-files/sass/utils/_animations.scss new file mode 100644 index 000000000..767e30847 --- /dev/null +++ b/web/sass-files/sass/utils/_animations.scss @@ -0,0 +1,19 @@ +@charset 'UTF-8'; + +@-webkit-keyframes spin2 { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + } +} + +@keyframes spin { + from { + transform: scale(1) rotate(0deg); + } + to { + transform: scale(1) rotate(360deg); + } +} diff --git a/web/sass-files/sass/utils/_functions.scss b/web/sass-files/sass/utils/_functions.scss new file mode 100644 index 000000000..9013920fa --- /dev/null +++ b/web/sass-files/sass/utils/_functions.scss @@ -0,0 +1,9 @@ +@charset "UTF-8"; + +@function em($pixels, $context: 14px) { + @return #{$pixels/$context}em +} + +%popover-box-shadow { + @include box-shadow(rgba(black, .175) 1px -3px 12px); +}
\ No newline at end of file diff --git a/web/sass-files/sass/utils/_mixins.scss b/web/sass-files/sass/utils/_mixins.scss new file mode 100644 index 000000000..28723e1a5 --- /dev/null +++ b/web/sass-files/sass/utils/_mixins.scss @@ -0,0 +1,8 @@ +@charset 'UTF-8'; + +@mixin file-icon($path) { + background: #fff url($path); + background-position: center; + background-repeat: no-repeat; + @include background-size(60px auto); +} diff --git a/web/sass-files/sass/utils/_module.scss b/web/sass-files/sass/utils/_module.scss new file mode 100644 index 000000000..e7f0c0c46 --- /dev/null +++ b/web/sass-files/sass/utils/_module.scss @@ -0,0 +1,5 @@ +// Only for combining all the files in this folder +@import 'variables'; +@import 'animations'; +@import 'functions'; +@import 'mixins'; diff --git a/web/sass-files/sass/utils/_variables.scss b/web/sass-files/sass/utils/_variables.scss new file mode 100644 index 000000000..065c37a17 --- /dev/null +++ b/web/sass-files/sass/utils/_variables.scss @@ -0,0 +1,13 @@ +@charset 'UTF-8'; + +// Color Variables +$color--primary: rgb(35, 137, 215); +$color--primary--hover: darken($color--primary, 10%); +$bg--gray: rgb(245, 245, 245); +$bg--white: rgb(255, 255, 255); + +// Page Variables +$border-gray: 1px solid #ddd; + +// Random variables +$border-rad: 1px; |