Initial dice roller

rmss/less/actor-sheet/actor-sheet-skillcat.less

@@ -12,7 +12,7 @@
     padding-bottom: 3px;
     display: flex;
     justify-content: flex-end;
-    flex-direction: column;
+    //flex-direction: column;
     justify-content: center;
 }
 
@@ -37,7 +37,7 @@
     padding-bottom: 3px;
     display: flex;
     justify-content: flex-end;
-    flex-direction: column;
+    //flex-direction: column;
     justify-content: center;
     background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
 }

rmss/less/actor-sheet/actor-sheet.less

@@ -4,6 +4,13 @@
     display: flex;
     }
 
+
+.rm-heading {
+    font-size: 1.0em;
+    font-family: PragRoman;
+    border-bottom: 0px;
+}
+
 // Header CSS
 
 .actor-icon {

rmss/less/rmss.less

@@ -16,5 +16,9 @@
 @import "./skillcat-sheet/skillcat-sheet.less";
 @import "./skillcat-sheet/applicable-stats-grid.less";
 
+//Apps
+
+@import "./tools/dice-roller.less";
+
 // Generics
 @import "./item-sheet.less";

rmss/less/skillcat-sheet/skillcat-sheet.less

@@ -1,3 +1,10 @@
+//.skillcat-icons {
+//    display: flex; 
+//    justify-content: space-around; 
+//    flex-direction: row; 
+//    align-items: center;
+//}
+
 .skillcat-name, .skill-name, .item-name, .spell-name, .equipable-name {
     font-family: Signika, sans-serif;
     font-size: 12px;

rmss/less/tools/dice-roller.less

@@ -0,0 +1,20 @@
+.dice-roller-options {
+    display: flex;
+    flex-direction: column;
+}
+
+.dice-roller-item {
+    display: flex;
+    align-items: center;
+    margin:5px;
+}
+
+.dice-roller-item div {
+    flex: 1;
+}
+
+.roll-button-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+}