mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2026-04-04 00:25:54 +00:00
149 lines
3.4 KiB
SCSS
149 lines
3.4 KiB
SCSS
// Fonts (previously loaded via styleguide system.css)
|
|
@font-face {
|
|
font-family: LatoWeb;
|
|
src: url('/fonts/Lato-Regular.1f440a46.woff2') format('woff2'),
|
|
url('/fonts/Lato-Regular.ffb25090.woff') format('woff');
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
@font-face {
|
|
font-family: LatoWeb;
|
|
src: url('/fonts/Lato-Italic.a6774e2c.woff2') format('woff2'),
|
|
url('/fonts/Lato-Italic.ff8877c4.woff') format('woff');
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
@font-face {
|
|
font-family: LatoWeb;
|
|
src: url('/fonts/Lato-Bold.1e239003.woff2') format('woff2'),
|
|
url('/fonts/Lato-Bold.35be9fc3.woff') format('woff');
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
@font-face {
|
|
font-family: LatoWeb;
|
|
src: url('/fonts/Lato-BoldItalic.4ef02877.woff2') format('woff2'),
|
|
url('/fonts/Lato-BoldItalic.5171ee7d.woff') format('woff');
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
@font-face {
|
|
font-family: 'Gentium Basic';
|
|
src: local('Gentium Basic'), local('GentiumBasic'),
|
|
url('/fonts/GentiumBasic.aa23a915.woff2') format('woff2'),
|
|
url('/fonts/GentiumBasic.7775b109.woff') format('woff');
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
|
|
}
|
|
@font-face {
|
|
font-family: 'Gentium Basic';
|
|
src: local('Gentium Basic Italic'), local('GentiumBasic-Italic'),
|
|
url('/fonts/GentiumBasic-Italic.84c97b07.woff2') format('woff2'),
|
|
url('/fonts/GentiumBasic-Italic.b5afcc4e.woff') format('woff');
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
|
|
}
|
|
|
|
// Global resets
|
|
*,
|
|
::after,
|
|
::before {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-family: sans-serif;
|
|
font-size: 15px;
|
|
line-height: 1.15;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
-ms-overflow-style: scrollbar;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-size: 15px;
|
|
line-height: 1.3;
|
|
font-family: $font-family-text;
|
|
font-variant-ligatures: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: $text-color-base;
|
|
background-color: $background-color-disabled;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none !important;
|
|
color: $color-primary;
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
resize: vertical;
|
|
}
|
|
|
|
img {
|
|
border-style: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
button, input, optgroup, select, textarea {
|
|
margin: 0;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
button, input {
|
|
overflow: visible;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
|
|
[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
button {
|
|
padding: 0;
|
|
background: transparent;
|
|
border: none;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
li {
|
|
margin: 0;
|
|
}
|
|
|
|
ol,
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|