src/styles/_size.scss - master - task-tracker/TaskTracker.UI

src/styles/_size.scss
270 строк3 KB
Ametusik
#1: Архитектура проекта
28 апр 2025, 12:44
28 апр 2025, 12:44f47df22
$max-page-width: 1200px;

.w-100 {
  width: 100%;
}

.w-content {
  width: fit-content;
}

.w-auto {
  width: auto;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: .25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.m-3 {
  margin: .75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.p-0 {
  padding: 0!important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.pl-0 {
  padding-left: 0!important;
}

.pl-1 {
  padding-left: .25rem!important;
}
.pl-2 {
  padding-left: .5rem!important;
}
.pl-3 {
  padding-left: .75rem!important;
}
.pl-4 {
  padding-left: 1rem!important;
}
.pl-5 {
  padding-left: 1.25rem!important;
}
.pr-0 {
  padding-right: 0!important;
}
.pr-1 {
  padding-right: .25rem!important;
}
.pr-2 {
  padding-right: .5rem!important;
}
.pr-3 {
  padding-right: .75rem!important;
}
.pr-4 {
  padding-right: 1rem!important;
}
.pr-5 {
  padding-right: 1.25rem!important;
}
.pt-1 {
  padding-top: .25rem!important;
}
.pt-2 {
  padding-top: .5rem!important;
}
.pt-3 {
  padding-top: .75rem!important;
}
.pt-4 {
  padding-top: 1rem!important;
}
.pt-5 {
  padding-top: 1.25rem!important;
}
.pb-1 {
  padding-bottom: .25rem!important;
}
.pb-2 {
  padding-bottom: .5rem!important;
}
.pb-3 {
  padding-bottom: .75rem!important;
}
.pb-4 {
  padding-bottom: 1rem!important;
}
.pb-5 {
  padding-bottom: 1.25rem!important;
}

.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-75 {
  height: 75%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.layout-block {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 997px) {
  .layout-block {
    width: 100%;
    max-width: 996px;
  }
}

.overflow {
  &-hidden {
    overflow: hidden;
  }

  &-x-auto {
    overflow-x: auto;
  }

  &-y-auto {
    overflow-y: auto;
  }
}