86 lines
1.8 KiB
SCSS
86 lines
1.8 KiB
SCSS
|
// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
|
||
|
|
|
||
|
|
// Reboot
|
||
|
|
//
|
||
|
|
// Normalization of HTML elements, manually forked from Normalize.css to remove
|
||
|
|
// styles targeting irrelevant browsers while applying new styles.
|
||
|
|
//
|
||
|
|
// Normalize is licensed MIT. https://github.com/necolas/normalize.css
|
||
|
|
|
||
|
|
// Document
|
||
|
|
//
|
||
|
|
html {
|
||
|
|
font-family: $VITE_FONT_FAMILY; // 2
|
||
|
|
line-height: 1.15; // 3
|
||
|
|
-webkit-text-size-adjust: 100%; // 4
|
||
|
|
-webkit-tap-highlight-color: rgba($black, 0); // 5
|
||
|
|
text-align: right;
|
||
|
|
direction: rtl;
|
||
|
|
|
||
|
|
&[dir="ltr"] {
|
||
|
|
text-align: left;
|
||
|
|
direction: ltr;
|
||
|
|
|
||
|
|
body {
|
||
|
|
text-align: left; // 3
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// Body
|
||
|
|
//
|
||
|
|
// 1. Remove the margin in all browsers.
|
||
|
|
// 2. As a best practice, apply a default `background-color`.
|
||
|
|
// 3. Set an explicit initial text-align value so that we can later use
|
||
|
|
// the `inherit` value on things like `<th>` elements.
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0; // 1
|
||
|
|
font-family: $font-family-base;
|
||
|
|
@include font-size($font-size-base);
|
||
|
|
font-weight: $font-weight-base;
|
||
|
|
line-height: $line-height-base;
|
||
|
|
color: $body-color;
|
||
|
|
text-align: right; // 3
|
||
|
|
background-color: $body-bg; // 2
|
||
|
|
}
|
||
|
|
ol,
|
||
|
|
ul,
|
||
|
|
dl {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
li {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//
|
||
|
|
// Tables
|
||
|
|
//
|
||
|
|
table {
|
||
|
|
border-collapse: collapse; // Prevent double borders
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
// Credit: https://github.com/suitcss/base/
|
||
|
|
button:focus {
|
||
|
|
outline: none;
|
||
|
|
outline: none;
|
||
|
|
//outline: 1px dotted;
|
||
|
|
//outline: 5px auto -webkit-focus-ring-color;
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
&.delete-btn {
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-check:checked + &,
|
||
|
|
:not(.btn-check) + &:active,
|
||
|
|
&:first-child:active,
|
||
|
|
&.active,
|
||
|
|
&.show {
|
||
|
|
border-color: transparent !important;
|
||
|
|
}
|
||
|
|
}
|