adding fullCalendar sass file to scss/plugins
authorAnthony Talarico <talarico@gaslightmedia.com>
Tue, 13 Sep 2016 18:15:28 +0000 (14:15 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Tue, 13 Sep 2016 18:15:28 +0000 (14:15 -0400)
root/scss/_plugins.scss
root/scss/plugins/_fullCalendar.scss [new file with mode: 0644]

index 05709de..3f02228 100644 (file)
@@ -1,3 +1,4 @@
   @import "plugins/nextgen";
   @import "plugins/gravityForms";
-  @import "plugins/events";
\ No newline at end of file
+  @import "plugins/events";
+  @import "plugins/fullCalendar";
\ No newline at end of file
diff --git a/root/scss/plugins/_fullCalendar.scss b/root/scss/plugins/_fullCalendar.scss
new file mode 100644 (file)
index 0000000..24f8627
--- /dev/null
@@ -0,0 +1,74 @@
+#eventCalendar{
+    .fc-toolbar{
+        
+        /* apply button styles here to affect all of the buttons */
+        .fc-button{
+      
+        }
+        .fc-button.fc-state-active{
+//            background: red;
+        }
+        .fc-button.fc-state-hover{
+//            transition: all ease .6s;
+//            -webkit-transition: all ease .6s;
+//            -moz-transition: all ease .5s;
+//            background: blue;
+        }
+        
+        /* affect only today, prev and next buttons */
+        .fc-left{
+            .fc-button{
+                
+            }
+            .fc-today-button{
+                
+            }
+        }
+        
+        /* affect only month, week, day buttons */
+        .fc-right{
+            .fc-button-group{
+                .fc-button{
+//                    background: white;
+                }
+                .fc-button.fc-state-active{
+//                    background: green;
+                }
+                .fc-button.fc-state-hover{
+
+                }
+            }
+        }
+        
+        /* Calendar Title / Current Month or Date */
+        .fc-center{
+            h2{
+                
+            }
+        }
+    }
+    
+    /* Calendar container and agenda views */
+    .fc-view-container{
+        /* dates, days or months at the top of each column (sun, mon, tue, wed, thur, fri, sat) */
+        .fc-head{
+            .fc-widget-header{
+//                color: red;
+            }
+        }
+        .fc-agendaDay-view{
+            
+        }
+        .fc-month-view{
+            
+        }
+        .fc-agendaWeek-view{
+            
+        }
+        .fc-body{
+            .fc-widget-content{
+                
+            }
+        }
+    }
+}