nitter/src/sass/index.scss

112 lines
1.6 KiB
SCSS

@import '_variables';
@import 'tweet/_base';
@import 'profile/_base';
@import 'general';
@import 'navbar';
@import 'inputs';
@import 'timeline';
@import 'search';
body {
background-color: $bg_color;
color: $fg_color;
font-family: $font_0, $font_1, $font_2, $font_3;
font-size: 14px;
line-height: 1.3;
margin: 0;
}
* {
outline: unset;
margin: 0;
text-decoration: none;
}
h1 {
display: inline;
}
h2, h3 {
font-weight: normal;
}
p {
margin: 14px 0;
}
a {
color: $accent;
&:hover {
text-decoration: underline;
}
}
fieldset {
border: 0;
padding: 0;
margin-top: -0.6em;
}
legend {
width: 100%;
padding: .6em 0 .3em 0;
border: 0;
font-size: 16px;
border-bottom: 1px solid $border_grey;
margin-bottom: 8px;
}
ul {
padding-left: 1.3em;
}
ul.about-list {
margin-bottom: 14px;
}
.container {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
padding-top: 50px;
margin: auto;
min-height: 100vh;
}
.icon-container {
display: inline;
}
.overlay-panel {
max-width: 600px;
width: 100%;
margin: 0 auto;
margin-top: 10px;
background-color: $bg_overlays;
padding: 10px 15px;
align-self: start;
}
.verified-icon {
color: $fg_color;
background-color: $verified_blue;
border-radius: 50%;
flex-shrink: 0;
margin: 2px 0 3px 3px;
padding-top: 2px;
height: 12px;
width: 14px;
font-size: 8px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
@media(max-width: 600px) {
.preferences-container {
max-width: 95vw;
}
}