зеркало из https://github.com/github/docs.git
123 строки
2.1 KiB
SCSS
123 строки
2.1 KiB
SCSS
.color-unset {
|
|
color: unset;
|
|
}
|
|
|
|
.line-break-anywhere {
|
|
line-break: anywhere;
|
|
}
|
|
|
|
.transition-200 {
|
|
transition: 200ms;
|
|
}
|
|
|
|
.rotate-180 {
|
|
transform: rotateX(180deg);
|
|
}
|
|
|
|
.outline-none {
|
|
outline: none;
|
|
}
|
|
|
|
/* Print utilities
|
|
------------------------------------------------------------------------------*/
|
|
@media print {
|
|
.no-print {
|
|
display: none;
|
|
}
|
|
|
|
.print-overflow-visible {
|
|
overflow: visible !important;
|
|
}
|
|
}
|
|
|
|
/* Opacity utilities
|
|
------------------------------------------------------------------------------*/
|
|
.opacity-0 {
|
|
opacity: 0;
|
|
}
|
|
.opacity-60 {
|
|
opacity: 0.6;
|
|
}
|
|
.opacity-70 {
|
|
opacity: 0.7;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* List utilities
|
|
------------------------------------------------------------------------------*/
|
|
.list-style-inside {
|
|
list-style: inside;
|
|
}
|
|
|
|
/* Hover utilities
|
|
------------------------------------------------------------------------------*/
|
|
.hover\:color-bg-accent:hover {
|
|
background: var(--color-accent-subtle);
|
|
}
|
|
|
|
/* Z-Index utilities
|
|
------------------------------------------------------------------------------*/
|
|
.-z-1 {
|
|
z-index: -1;
|
|
}
|
|
.z-1 {
|
|
z-index: 1;
|
|
}
|
|
.z-2 {
|
|
z-index: 2;
|
|
}
|
|
.z-3 {
|
|
z-index: 3;
|
|
}
|
|
|
|
/* Border colors
|
|
------------------------------------------------------------------------------*/
|
|
.color-border-transparent {
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
/* Background colors
|
|
------------------------------------------------------------------------------*/
|
|
.background-transparent {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Widths / Heights
|
|
------------------------------------------------------------------------------*/
|
|
.max-w-xs {
|
|
max-width: 20rem;
|
|
}
|
|
|
|
.min-h-screen {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.visually-hidden {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
}
|
|
|
|
/* Screen Reader Only
|
|
------------------------------------------------------------------------------*/
|
|
.sr-only {
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.keyboard-focus:hover,
|
|
.keyboard-focus:focus {
|
|
outline: 1px auto -webkit-focus-ring-color;
|
|
}
|