Server IP : 150.95.80.236 / Your IP : 18.221.18.145 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/sass/components/ |
Upload File : |
// // symbol // // Base .symbol { display: inline-block;; flex-shrink: 0; position: relative; @include border-radius($border-radius); // Label .symbol-label { display: flex; align-items: center; justify-content: center; font-weight: 500; color: $gray-800; background-color: $gray-100; background-repeat: no-repeat; background-position: center center; background-size: cover; @include border-radius($border-radius); } // Badge .symbol-badge { position: absolute; border: 2px solid $body-bg; border-radius: 100%; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%) !important; } // Image > img { width: 100%; flex-shrink: 0; display: inline-block; @include border-radius($border-radius); } // Square &.symbol-square { &, > img, .symbol-label { border-radius: 0 !important; } } // Circle &.symbol-circle { &, > img, .symbol-label { border-radius: 50%; } } // Sizes @include symbol-size(get($symbol-sizes, default)); @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); @each $name, $value in $symbol-sizes { @if ($name != 'default') { &.symbol#{$infix}-#{$name} { @include symbol-size($value); } } } } } } // Group .symbol-group { display: flex; flex-wrap: wrap; align-items: center; margin-left: 10px; .symbol { position: relative; z-index: 0; margin-left: -10px; border: 2px solid $body-bg; transition: all 0.3s ease; &:hover { transition: all 0.3s ease; z-index: 1; } } &.symbol-hover { .symbol { cursor: pointer; } } }