İlk temizlik tamamlandı bir önceki projeden
This commit is contained in:
@@ -0,0 +1,92 @@
|
||||
//
|
||||
// Image (links and hover options)
|
||||
// --------------------------------------------------
|
||||
|
||||
// Avatar
|
||||
.img-avatar {
|
||||
display: inline-block !important;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
|
||||
&.img-avatar16 {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
&.img-avatar20 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
&.img-avatar32 {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
&.img-avatar48 {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
&.img-avatar96 {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
&.img-avatar128 {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
&-thumb {
|
||||
margin: 5px;
|
||||
box-shadow: 0 0 0 5px rgba(255,255,255,.4);
|
||||
}
|
||||
|
||||
&.img-avatar-rounded {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
&.img-avatar-square {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Image Thumb
|
||||
.img-thumb {
|
||||
padding: 6px;
|
||||
background-color: $white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
// Image Link
|
||||
.img-link {
|
||||
display: inline-block;
|
||||
transition: transform .25s ease-out, opacity .25s ease-out;
|
||||
|
||||
@include hover {
|
||||
transform: scale(1.04);
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.img-link-simple:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.img-link-zoom-in {
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
// Responsive
|
||||
.img-fluid.img-fluid-100,
|
||||
.img-fluid-100 .img-fluid {
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user