sifatbaho
This commit is contained in:
87
resources/scss/components/_widgets.scss
vendored
Executable file
87
resources/scss/components/_widgets.scss
vendored
Executable file
@@ -0,0 +1,87 @@
|
||||
//
|
||||
// Widgets.scss
|
||||
//
|
||||
|
||||
.main-chart {
|
||||
.chart-border-left {
|
||||
border-left: 1.4px solid $border-color;
|
||||
padding: 2px 20px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Activity */
|
||||
|
||||
.activity-feed {
|
||||
list-style: none;
|
||||
|
||||
.feed-item {
|
||||
position: relative;
|
||||
padding-bottom: 27px;
|
||||
padding-left: 16px;
|
||||
border-left: 2px solid $light;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: -6px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $primary;
|
||||
background-color: $card-bg;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// mini-stats-wid
|
||||
.mini-stats-wid {
|
||||
position: relative;
|
||||
|
||||
.mini-stat-icon {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 69px;
|
||||
background-color: rgba($success, .1);
|
||||
left: 3px;
|
||||
transform: rotate(32deg);
|
||||
top: -8px;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: 27px;
|
||||
width: 8px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.mini-stat-icon {
|
||||
&::after {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user