mirror of
https://github.com/arsenetar/pelican-red.git
synced 2026-01-23 23:21:38 +00:00
Consolidate scss output, clean up and restructure sass directory.
Changes output to only one stylesheet, removes uneeded files, renames and trims font files, creates utility script to convert from fontello css file to sass
This commit is contained in:
47
static/sass/voltaicideas/components/_scrollbar.scss
Normal file
47
static/sass/voltaicideas/components/_scrollbar.scss
Normal file
@@ -0,0 +1,47 @@
|
||||
//
|
||||
// RangerTBC Style Components
|
||||
//
|
||||
|
||||
// Scrollbar Component components/_scrollbar.scss
|
||||
// Version: 0.1
|
||||
// Created By: Andrew Senetar
|
||||
// Date: May, 22 2013
|
||||
// Used: Google+ Style as Starting Point
|
||||
|
||||
//// Variables
|
||||
|
||||
//// Mixins
|
||||
|
||||
// this was going to be more cool?
|
||||
@mixin scrollbar(){
|
||||
::-webkit-scrollbar{
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
::-webkit-scrollbar-button,{
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
::-webkit-scrollbar-track{
|
||||
border: solid transparent;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #f5f5f5;
|
||||
@include box-shadow(inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07));
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 30px;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
border: none;
|
||||
@include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07));
|
||||
&:hover{
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//// Style
|
||||
|
||||
//scrollbar styling
|
||||
@include scrollbar();
|
||||
Reference in New Issue
Block a user