2024-10-10

web/bsadmin/assets/sass/widget-stat.scss

@@ -0,0 +1,199 @@
+@import "variable"; // variable
+/*
+
+Widget list
+-------------------------------------------------*/
+
+/*    Widget One
+---------------------------*/
+
+.stat-widget-one {
+    overflow:hidden;
+    .stat-icon {
+        vertical-align: top; 
+        float:left;
+        i {
+            font-size: 30px; 
+            border-width: 3px;
+            border-style: solid;
+            border-radius: 100px;
+            padding: 15px;
+            font-weight: 900;
+            display: inline-block;
+        }
+    }
+    .stat-content {
+        margin-left: 15px;
+        margin-top: 7px;
+        float:left;
+    }
+    .stat-text {
+        font-size: 14px;
+        color: $text-light;
+    }
+    .stat-digit {
+        font-size: 24px;
+        color: $text;
+    }
+}
+
+
+/*    Widget Two
+---------------------------*/
+
+.stat-widget-two {
+    text-align: left;
+    position: relative;
+    .stat-digit {
+        font-size: 16px;
+        font-weight: 600;
+        color: $text;
+        i {
+            margin-right: 2px;
+        }
+    }
+    .stat-text {
+        font-size: 14px;
+        margin-bottom: 5px;
+        color: $text-light;
+    }
+    .progress {
+        height: 5px;
+        margin-bottom: 0px;
+        margin-top: 10px;
+        box-shadow: none;
+    }
+    .progress-bar {
+        box-shadow: none;
+    }
+    .widget-icon {
+        position: absolute;
+        right: -5px;
+        top: -10px;
+        font-size: 20px;
+    }
+}
+
+
+
+
+
+/*    Widget Three
+---------------------------*/
+
+.stat-widget-three {
+    .stat-icon {
+        display: inline-block;
+        //        background: $primary;
+        padding: 33px;
+        position: absolute;
+        line-height: 21px;
+        i {
+            font-size: 30px;
+            color: $white;
+        }
+    }
+    .stat-content {
+        //        display: inline-block;
+        text-align: center;
+        padding: 15px;
+        margin-left: 90px;
+    }
+    .stat-digit {
+        font-size: 30px;
+    }
+    .stat-text {
+        padding-top: 7px;
+    }
+}
+
+//widget four close here
+.stat-widget-four {
+    position: relative;
+    .stat-icon {
+        display: inline-block;
+        position: absolute;
+        top: 5px;
+    }
+    i {
+        display: block;
+        font-size: 36px;
+    }
+    .stat-content {
+        margin-left: 40px;
+        text-align: center;
+    }
+    .stat-heading {
+        font-size: 20px;
+    }
+}
+
+//widget five start here
+.stat-widget-five {
+    .stat-icon {
+        border-radius: 100px;
+        display: inline-block;
+        position: absolute;
+    }
+    i {
+        border-radius: 100px; 
+        display: block;
+        font-size: 30px; 
+        padding:20px;
+    }
+    .stat-content {
+        margin-left: 84px;
+        padding: 15px 0;
+        position: relative;
+        text-align: right;
+        vertical-align: middle;
+    }
+    .stat-heading {
+        text-align: right; 
+        font-size: 17px; 
+        font-weight: 200;
+    }
+}
+
+//widget six cloe here
+.stat-widget-six {
+    position: relative;
+    .stat-icon {
+        display: inline-block;
+        position: absolute;
+        top: 5px;
+    }
+    i {
+        display: block;
+        font-size: 36px;
+    }
+    .stat-content {
+        margin-left: 40px;
+        text-align: center;
+    }
+    .stat-heading {
+        font-size: 20px;
+    }
+}
+//widget six start here
+
+//widget close here
+.stat-widget-seven {
+    position: relative;
+    .stat-icon {
+        display: inline-block;
+        position: absolute;
+        top: 5px;
+    }
+    i {
+        display: block;
+        font-size: 36px;
+    }
+    .stat-content {
+        margin-left: 40px;
+        text-align: center;
+    }
+    .stat-heading {
+        font-size: 20px;
+    }
+}