diff options
Diffstat (limited to 'webapp/sass/utils')
-rw-r--r-- | webapp/sass/utils/_animations.scss | 21 | ||||
-rw-r--r-- | webapp/sass/utils/_functions.scss | 33 | ||||
-rw-r--r-- | webapp/sass/utils/_mixins.scss | 38 | ||||
-rw-r--r-- | webapp/sass/utils/_modifiers.scss | 109 | ||||
-rw-r--r-- | webapp/sass/utils/_module.scss | 6 | ||||
-rw-r--r-- | webapp/sass/utils/_variables.scss | 29 |
6 files changed, 0 insertions, 236 deletions
diff --git a/webapp/sass/utils/_animations.scss b/webapp/sass/utils/_animations.scss deleted file mode 100644 index ffdbcb219..000000000 --- a/webapp/sass/utils/_animations.scss +++ /dev/null @@ -1,21 +0,0 @@ -@charset 'UTF-8'; - -@keyframes spin { - from { - transform: scale(1) rotate(0deg); - } - - to { - transform: scale(1) rotate(360deg); - } -} - -@keyframes highlight { - from { - @include alpha-property(background, $yellow, .5); - } - - to { - background: none; - } -} diff --git a/webapp/sass/utils/_functions.scss b/webapp/sass/utils/_functions.scss deleted file mode 100644 index 26e3c6147..000000000 --- a/webapp/sass/utils/_functions.scss +++ /dev/null @@ -1,33 +0,0 @@ -@charset "UTF-8"; - -@function em($pixels, $context: 14px) { - @return ($pixels / $context * 1em) -} - -@function alpha-color($color, $amount) { - @return rgba($color, $amount) -} - -%popover-box-shadow { - @include box-shadow(rgba(black, .175) 1px -3px 12px); -} - -%font-awesome { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); -} - -@mixin unselectable { - -webkit-user-select: none; /* Chrome/Safari */ - -moz-user-select: none; /* Firefox */ - -ms-user-select: none; /* IE10+ */ - - /* Rules below not implemented in browsers yet */ - -o-user-select: none; - user-select: none; -} diff --git a/webapp/sass/utils/_mixins.scss b/webapp/sass/utils/_mixins.scss deleted file mode 100644 index 4d2b031e4..000000000 --- a/webapp/sass/utils/_mixins.scss +++ /dev/null @@ -1,38 +0,0 @@ -@charset 'UTF-8'; - -@mixin file-icon($path) { - @include background-size(60px auto); - background-color: $white; - background-image: url($path); - background-position: center; - background-repeat: no-repeat; -} - -@mixin alpha-property($property, $color, $opacity) { - #{$property}: rgba($color, $opacity); -} - -@mixin font-smoothing($value: antialiased) { - @if $value == antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - @else { - -webkit-font-smoothing: subpixel-antialiased; - -moz-osx-font-smoothing: auto; - } -} - -@mixin cursor($value) { - cursor: -webkit-$value; - cursor: zoom-$value; -} - -// Webrtc button -@mixin webrtc-button { - .webrtc__button { - &.offline { - @include opacity(.5); - } - } -} diff --git a/webapp/sass/utils/_modifiers.scss b/webapp/sass/utils/_modifiers.scss deleted file mode 100644 index e388d0901..000000000 --- a/webapp/sass/utils/_modifiers.scss +++ /dev/null @@ -1,109 +0,0 @@ -@charset 'UTF-8'; - -.padding-top { - padding-top: 7px; - - &.x2 { - padding-top: 14px; - } - - &.x3 { - padding-top: 21px; - } -} - -.padding-bottom { - padding-bottom: 7px; - - &.x2 { - padding-bottom: 14px; - } - - &.x3 { - padding-bottom: 21px; - } - - .control-label { - font-weight: 600; - - &.text-left { - text-align: left; - } - } -} - -.padding-left { - padding-left: 7px; - - &.x2 { - padding-left: 14px; - } - - &.x3 { - padding-left: 21px; - } -} - -.padding-right { - padding-right: 7px; - - &.x2 { - padding-right: 14px; - } - - &.x3 { - padding-right: 21px; - } -} - -.margin-right { - margin-right: 7px; - - &.x2 { - margin-right: 14px; - } - - &.x3 { - margin-right: 21px; - } -} - -.margin-left { - margin-left: 7px; - - &.x2 { - margin-left: 14px; - } - - &.x3 { - margin-left: 21px; - } -} - -.margin-top { - margin-top: 7px; - - &.half { - margin-top: 4px; - } - - &.x2 { - margin-top: 14px; - } - - &.x3 { - margin-top: 21px; - } -} - -.margin-bottom { - margin-bottom: 7px; - - &.x2 { - margin-bottom: 14px; - } - - &.x3 { - margin-bottom: 21px; - } -} diff --git a/webapp/sass/utils/_module.scss b/webapp/sass/utils/_module.scss deleted file mode 100644 index 5cf2a85be..000000000 --- a/webapp/sass/utils/_module.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Only for combining all the files in this folder -@import 'variables'; -@import 'functions'; -@import 'mixins'; -@import 'animations'; -@import 'modifiers'; diff --git a/webapp/sass/utils/_variables.scss b/webapp/sass/utils/_variables.scss deleted file mode 100644 index 85bdd28a3..000000000 --- a/webapp/sass/utils/_variables.scss +++ /dev/null @@ -1,29 +0,0 @@ -@charset 'UTF-8'; - -// Color Variables -$primary-color: rgb(35, 137, 215); -$primary-color--hover: darken($primary-color, 10%); -$bg--gray: rgb(245, 245, 245); -$white: rgb(255, 255, 255); -$black: rgb(0, 0, 0); -$red: rgb(214, 73, 70); -$yellow: rgb(255, 255, 0); -$light-gray: rgba(0, 0, 0, .15); -$gray: rgba(0, 0, 0, .3); -$dark-gray: rgba(0, 0, 0, .5); - -// Page Variables -$border-gray: 1px solid #ddd; - -// Random variables -$border-rad: 1px; - -// Webrtc Variables -$button--ready: #00A6EE; -$video-circle-btn: #2f81b7; -$video-circle-hover: #56C303; -$video-circle-offline: #aaa; -$button--cancel: #E41020; -$button--pickup: #73B001; -$connecting: $white; -$webrtc-notification-bg: rgba(112, 128, 144, .8);
\ No newline at end of file |