Tryag File Manager

/home/yanggyein/yanggyein/yang_home/resources/sass/_custom-styles.scss

// Your custom styles
@media (min-width: 1920px) {
    .container {
      max-width: 1860px;
    }
}

@media (min-width: 1920px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
      max-width: 1860px;
    }
}

@media (min-width: 1920px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

.row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

.row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

.row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

.row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

.row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

.row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

.col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

.col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

.col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

.col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

.col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

.col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

.col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

.col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

.col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

.col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

.col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

.col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

.col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

.order-xl-first {
        order: -1;
    }

.order-xl-last {
        order: 13;
    }

.order-xl-0 {
        order: 0;
    }

.order-xl-1 {
        order: 1;
    }

.order-xl-2 {
        order: 2;
    }

.order-xl-3 {
        order: 3;
    }

.order-xl-4 {
        order: 4;
    }

.order-xl-5 {
        order: 5;
    }

.order-xl-6 {
        order: 6;
    }

.order-xl-7 {
        order: 7;
    }

.order-xl-8 {
        order: 8;
    }

.order-xl-9 {
        order: 9;
    }

.order-xl-10 {
        order: 10;
    }

.order-xl-11 {
        order: 11;
    }

.order-xl-12 {
        order: 12;
    }

.offset-xl-0 {
        margin-left: 0;
    }

.offset-xl-1 {
        margin-left: 8.3333333333%;
    }

.offset-xl-2 {
        margin-left: 16.6666666667%;
    }

.offset-xl-3 {
        margin-left: 25%;
    }

.offset-xl-4 {
        margin-left: 33.3333333333%;
    }

.offset-xl-5 {
        margin-left: 41.6666666667%;
    }

.offset-xl-6 {
        margin-left: 50%;
    }

.offset-xl-7 {
        margin-left: 58.3333333333%;
    }

.offset-xl-8 {
        margin-left: 66.6666666667%;
    }

.offset-xl-9 {
        margin-left: 75%;
    }

.offset-xl-10 {
        margin-left: 83.3333333333%;
    }

.offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1920px) {
    .dropdown-menu-xl-left {
      right: auto;
      left: 0;
    }

.dropdown-menu-xl-right {
      right: 0;
      left: auto;
    }
}

@media (min-width: 1920px) {
    .list-group-horizontal-xl {
      flex-direction: row;
    }

.list-group-horizontal-xl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }

.list-group-horizontal-xl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }

.list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0;
    }

.list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }

.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
}

/* 반짝이는 글씨 */
.blinking{
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* 스크롤 감추기 */
.invisible-scrollbar::-webkit-scrollbar {
    display: none;
 }