Zach's git repos / prosongsa
Backend for songs.zachdecook.com
Diffstat (limited to 'index.less')
-rw-r--r--index.less131
1 files changed, 131 insertions, 0 deletions
diff --git a/index.less b/index.less
new file mode 100644
index 0000000..2ba475a
--- /dev/null
+++ b/index.less
@@ -0,0 +1,131 @@
+@Red-Apple: rgb(192,0,0);
+@Cherry: rgb(255,0,0);
+@Strawberry: rgb(247, 16, 44);
+@Grapefruit: rgb(231,91,40);//Going into retirement.
+@Orange: rgb(255,100,0);
+@Banana: rgb(150,150,0);//Going into retirement.
+@Mango: rgb(252, 179, 15);
+@Lemon: rgb(200,200,0);//This color is not accurately named.
+@Pear: rgb(208, 255, 20);//Too bright to see!
+@Green-Apple: rgb(100,192,0);//Going into retirement.
+@Lime: rgb(0,220,0);
+@Blue-Razzberry: rgb(0,150,200);
+@Blueberry: rgb(0,0,200);
+@Blackberry: rgb(50,0,100);//Going into retirement.
+@Grape: rgb(150,0,190);
+@Raspberry: rgb(231, 65, 124);
+
+@ColorC: @Red-Apple;
+@ColorDb: @Strawberry;
+@ColorD: @Orange;
+@ColorEb: @Mango;
+@ColorE: @Lemon;
+@ColorF: @Pear;
+@ColorGb: @Green-Apple;
+@ColorG: @Lime;
+@ColorAb: @Blue-Razzberry;
+@ColorA: @Blueberry;
+@ColorBb: @Grape;
+@ColorB: @Raspberry;
+pre {
+ font-weight: bold;
+ font-size: 1em;
+}
+.chordZ(@color: #BBB){
+ color: @color;
+ & when(hsvvalue(@color) > 95%) and (lightness(@color) > 51%){
+ text-shadow: 1px 1px 1px black;
+ }
+}
+.tabs, .chord0, .chordC{/*Red Apple*/
+ .chordZ(@ColorC);
+ font-weight: bold;
+}
+.chord1, .chord-11, .chordDb{
+ .chordZ(@ColorDb)
+}
+.chord2, .chord-10, .chordD{
+ .chordZ(@ColorD);
+}
+.chord3, .chord-9, .chordEb{
+ .chordZ(@ColorEb);
+}
+.chord4, .chord-8, .chordE{
+ .chordZ(@ColorE);
+}
+.chord5, .chord-7, .chordF{
+ .chordZ(@ColorF);
+}
+.chord6, .chord-6, .chordGb{/*Green Apple*/
+ .chordZ(@ColorGb);
+}
+.chord7, .chord-5, .chordG{/*Lime*/
+ .chordZ(@ColorG);
+}
+.chord8, .chord-4, .chordAb{/*Blue Razzberry*/
+ .chordZ(@ColorAb);
+}
+.chord9, .chord-3, .chordA{/*Blueberry*/
+ .chordZ(@ColorA);
+}
+.chord10, .chord-2, .chordBb{
+ .chordZ(@ColorBb);
+}
+.chord11, .chord-1, .chordB{
+ .chordZ(@ColorB);
+}
+
+.btn-Z(@color: #999){
+ margin-top: 1em;
+ color: white;
+ background-color: @color;
+ border-color: @color - #222;
+ & when(hsvvalue(@color) > 95%) and (lightness(@color) > 51%){
+ text-shadow: 1px 1px 1px black;
+ }
+ &:hover{
+ color: white;
+ background-color: @color - #111;
+ border-color: @color - #333;
+ }
+}
+.btn-Z{
+ .btn-Z;
+};
+
+.btn-C{
+ .btn-Z(@ColorC);
+}
+.btn-Db{
+ .btn-Z(@ColorDb);
+}
+.btn-D{
+ .btn-Z(@ColorD);
+}
+.btn-Eb{
+ .btn-Z(@ColorEb);
+}
+.btn-E{
+ .btn-Z(@ColorE);
+}
+.btn-F{
+ .btn-Z(@ColorF);
+}
+.btn-Gb{
+ .btn-Z(@ColorGb);
+}
+.btn-G{
+ .btn-Z(@ColorG);
+}
+.btn-Ab{
+ .btn-Z(@ColorAb);
+}
+.btn-A{
+ .btn-Z(@ColorA);
+}
+.btn-Bb{
+ .btn-Z(@ColorBb);
+}
+.btn-B{
+ .btn-Z(@ColorB);
+} \ No newline at end of file