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/vendors/_perfect-scrollbar.scss | |
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/vendors/_perfect-scrollbar.scss')
-rwxr-xr-x | web/sass-files/sass/vendors/_perfect-scrollbar.scss | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/web/sass-files/sass/vendors/_perfect-scrollbar.scss b/web/sass-files/sass/vendors/_perfect-scrollbar.scss new file mode 100755 index 000000000..212a22687 --- /dev/null +++ b/web/sass-files/sass/vendors/_perfect-scrollbar.scss @@ -0,0 +1,141 @@ +@charset 'UTF-8'; + +.ps-container { + overflow: hidden !important; +} +.ps-container.ps-active-x > .ps-scrollbar-x-rail, +.ps-container.ps-active-y > .ps-scrollbar-y-rail { + display: block; +} + +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { + background-color: #999; +} +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: #999; +} +.ps-container > .ps-scrollbar-x-rail { + display: none; + position: absolute; + /* please don't change 'position' */ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + opacity: 0; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; + filter: alpha(opacity=0); + -webkit-transition: background-color .2s linear, opacity .2s linear; + -moz-transition: background-color .2s linear, opacity .2s linear; + -o-transition: background-color .2s linear, opacity .2s linear; + transition: background-color .2s linear, opacity .2s linear; + bottom: 3px; + /* there must be 'bottom' for ps-scrollbar-x-rail */ + height: 8px; +} +.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { + position: absolute; + /* please don't change 'position' */ + background-color: #aaa; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + -webkit-transition: background-color .2s linear; + -moz-transition: background-color .2s linear; + -o-transition: background-color .2s linear; + transition: background-color .2s linear; + bottom: 0; + /* there must be 'bottom' for ps-scrollbar-x */ + height: 8px; +} +.ps-container > .ps-scrollbar-y-rail { + display: none; + position: absolute; + /* please don't change 'position' */ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + opacity: 0; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; + filter: alpha(opacity=0); + -webkit-transition: background-color .2s linear, opacity .2s linear; + -moz-transition: background-color .2s linear, opacity .2s linear; + -o-transition: background-color .2s linear, opacity .2s linear; + transition: background-color .2s linear, opacity .2s linear; + right: 3px; + /* there must be 'right' for ps-scrollbar-y-rail */ + width: 8px; +} +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + position: absolute; + /* please don't change 'position' */ + background-color: #aaa; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + -webkit-transition: background-color .2s linear; + -moz-transition: background-color .2s linear; + -o-transition: background-color .2s linear; + transition: background-color .2s linear; + right: 0; + /* there must be 'right' for ps-scrollbar-y */ + width: 8px; +} + +.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { + background-color: #999; +} +.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: #999; +} +.ps-container:hover > .ps-scrollbar-x-rail, +.ps-container:hover > .ps-scrollbar-y-rail { + opacity: .6; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; + filter: alpha(opacity=60); +} +.ps-container:hover > .ps-scrollbar-x-rail:hover { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { + background-color: #999; +} +.ps-container:hover > .ps-scrollbar-y-rail:hover { + background-color: #eee; + opacity: .9; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; + filter: alpha(opacity=90); +} +.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { + background-color: #999; +} |