Salastil/nitter
1
0
Fork 0
mirror of https://github.com/zedeus/nitter.git synced 2025-12-05 19:45:36 -05:00
Code Activity

Format css

Browse Source
This commit is contained in:
Zed
2025-11-29 03:36:21 +01:00
parent 31d210ca47
commit 7a08a9e132
14 changed files with 1041 additions and 1034 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/sass/general.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
.panel-container {
margin: auto;

49
src/sass/include/_variables.scss
View File

@@ -1,46 +1,43 @@
// colors
$bg_color: #0F0F0F;
$fg_color: #F8F8F2;
$fg_faded: #F8F8F2CF;
$fg_dark: #FF6C60;
$fg_nav: #FF6C60;
$bg_color: #0f0f0f;
$fg_color: #f8f8f2;
$fg_faded: #f8f8f2cf;
$fg_dark: #ff6c60;
$fg_nav: #ff6c60;
$bg_panel: #161616;
$bg_elements: #121212;
$bg_overlays: #1F1F1F;
$bg_hover: #1A1A1A;
$bg_overlays: #1f1f1f;
$bg_hover: #1a1a1a;
$grey: #888889;
$dark_grey: #404040;
$darker_grey: #282828;
$darkest_grey: #222222;
$border_grey: #3E3E35;
$border_grey: #3e3e35;
$accent: #FF6C60;
$accent_light: #FFACA0;
$accent_dark: #8A3731;
$accent_border: #FF6C6091;
$accent: #ff6c60;
$accent_light: #ffaca0;
$accent_dark: #8a3731;
$accent_border: #ff6c6091;
$play_button: #D8574D;
$play_button_hover: #FF6C60;
$play_button: #d8574d;
$play_button_hover: #ff6c60;
$more_replies_dots: #AD433B;
$error_red: #420A05;
$more_replies_dots: #ad433b;
$error_red: #420a05;
$verified_blue: #1DA1F2;
$verified_business: #FAC82B;
$verified_government: #C1B6A4;
$verified_blue: #1da1f2;
$verified_business: #fac82b;
$verified_government: #c1b6a4;
$icon_text: $fg_color;
$tab: $fg_color;
$tab_selected: $accent;
$shadow: rgba(0,0,0,.6);
$shadow_dark: rgba(0,0,0,.2);
$shadow: rgba(0, 0, 0, 0.6);
$shadow_dark: rgba(0, 0, 0, 0.2);
//fonts
$font_0: Helvetica Neue;
$font_1: Helvetica;
$font_2: Arial;
$font_3: sans-serif;
$font_4: fontello;
$font_0: sans-serif;
$font_1: fontello;

26
src/sass/index.scss
View File

@@ -1,12 +1,12 @@
@import '_variables';
@import "_variables";
@import 'tweet/_base';
@import 'profile/_base';
@import 'general';
@import 'navbar';
@import 'inputs';
@import 'timeline';
@import 'search';
@import "tweet/_base";
@import "profile/_base";
@import "general";
@import "navbar";
@import "inputs";
@import "timeline";
@import "search";
body {
// colors
@@ -66,7 +66,8 @@ h1 {
display: inline;
}
h2, h3 {
h2,
h3 {
font-weight: normal;
}
@@ -90,7 +91,7 @@ fieldset {
legend {
width: 100%;
padding: .6em 0 .3em 0;
padding: 0.6em 0 0.3em 0;
border: 0;
font-size: 16px;
font-weight: 600;
@@ -169,12 +170,13 @@ ul {
}
}
@media(max-width: 600px) {
@media (max-width: 600px) {
.preferences-container {
max-width: 95vw;
}
.nav-item, .nav-item .icon-container {
.nav-item,
.nav-item .icon-container {
font-size: 16px;
}
}

8
src/sass/inputs.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
button {
@include input-colors;
@@ -153,8 +153,8 @@ input::-webkit-datetime-edit-year-field:focus {
left: 2px;
bottom: 0;
font-size: 13px;
font-family: $font_4;
content: '\e803';
font-family: $font_1;
content: "\e811";
}
}

5
src/sass/navbar.scss
View File

@@ -1,4 +1,4 @@
@import '_variables';
@import "_variables";
nav {
display: flex;
@@ -12,7 +12,8 @@ nav {
z-index: 1000;
font-size: 16px;
a, .icon-button button {
a,
.icon-button button {
color: var(--fg_nav);
}
}

4
src/sass/search.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
.search-title {
font-weight: bold;

8
src/sass/timeline.scss
View File

@@ -1,4 +1,4 @@
@import '_variables';
@import "_variables";
.timeline-container {
@include panel(100%, 600px);
@@ -51,7 +51,7 @@
margin-top: 0;
a {
border-bottom: .1rem solid transparent;
border-bottom: 0.1rem solid transparent;
color: var(--tab);
display: block;
padding: 8px 0;
@@ -116,7 +116,7 @@
.show-more {
background-color: var(--bg_panel);
text-align: center;
padding: .75em 0;
padding: 0.75em 0;
display: block !important;
a {
@@ -156,7 +156,7 @@
overflow-wrap: break-word;
border-left-width: 0;
min-width: 0;
padding: .75em;
padding: 0.75em;
display: flex;
position: relative;
}

34
src/sass/tweet/_base.scss
View File

@@ -1,12 +1,12 @@
@import '_variables';
@import '_mixins';
@import 'thread';
@import 'media';
@import 'video';
@import 'embed';
@import 'card';
@import 'poll';
@import 'quote';
@import "_variables";
@import "_mixins";
@import "thread";
@import "media";
@import "video";
@import "embed";
@import "card";
@import "poll";
@import "quote";
.tweet-body {
flex: 1;
@@ -17,7 +17,6 @@
}
.tweet-content {
font-family: $font_3;
line-height: 1.3em;
pointer-events: all;
display: inline;
@@ -31,7 +30,7 @@
padding: 0;
vertical-align: bottom;
flex-basis: 100%;
margin-bottom: .2em;
margin-bottom: 0.2em;
a {
display: inline-block;
@@ -64,7 +63,7 @@
.username {
@include ellipsis;
min-width: 1.6em;
margin-left: .4em;
margin-left: 0.4em;
word-wrap: normal;
}
@@ -74,7 +73,9 @@
margin-left: 4px;
}
.tweet-date a, .username, .show-more a {
.tweet-date a,
.username,
.show-more a {
color: var(--fg_dark);
}
@@ -157,7 +158,8 @@
padding-right: 2px;
}
.media-tag, .icon-container {
.media-tag,
.icon-container {
color: var(--fg_faded);
}
}
@@ -179,7 +181,9 @@
}
}
.retweet-header, .pinned, .tweet-stats {
.retweet-header,
.pinned,
.tweet-stats {
align-content: center;
color: var(--grey);
display: flex;

4
src/sass/tweet/embed.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
.embed-video {
.gallery-video {

6
src/sass/tweet/media.scss
View File

@@ -1,4 +1,4 @@
@import '_variables';
@import "_variables";
.gallery-row {
display: flex;
@@ -18,7 +18,7 @@
}
.attachments {
margin-top: .35em;
margin-top: 0.35em;
display: flex;
flex-direction: row;
width: 100%;
@@ -39,7 +39,7 @@
position: relative;
line-height: 0;
overflow: hidden;
margin: 0 .25em 0 0;
margin: 0 0.25em 0 0;
flex-grow: 1;
box-sizing: border-box;
min-width: 2em;

2
src/sass/tweet/poll.scss
View File

@@ -1,4 +1,4 @@
@import '_variables';
@import "_variables";
.poll-meter {
overflow: hidden;

7
src/sass/tweet/quote.scss
View File

@@ -1,4 +1,4 @@
@import '_variables';
@import "_variables";
.quote {
margin-top: 10px;
@@ -84,11 +84,12 @@
}
}
.gallery-video, .gallery-gif {
.gallery-video,
.gallery-gif {
max-height: 300px;
}
.still-image img {
max-height: 250px
max-height: 250px;
}
}

15
src/sass/tweet/thread.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
.conversation {
@include panel(100%, 600px);
@@ -14,7 +14,8 @@
background-color: var(--bg_panel);
}
.main-tweet, .replies {
.main-tweet,
.replies {
padding-top: 50px;
margin-top: -50px;
}
@@ -23,7 +24,7 @@
font-size: 18px;
}
@media(max-width: 600px) {
@media (max-width: 600px) {
.main-tweet .tweet-content {
font-size: 16px;
}
@@ -38,7 +39,7 @@
.timeline-item::before,
&.timeline-item::before {
background: var(--accent_dark);
content: '';
content: "";
position: relative;
min-width: 3px;
width: 3px;
@@ -53,7 +54,7 @@
.with-header:not(:first-child)::after {
background: var(--accent_dark);
content: '';
content: "";
position: relative;
float: left;
min-width: 3px;
@@ -74,7 +75,7 @@
}
.more-replies::before {
content: '...';
content: "...";
background: unset;
color: var(--more_replies_dots);
font-weight: bold;

7
src/sass/tweet/video.scss
View File

@@ -1,5 +1,5 @@
@import '_variables';
@import '_mixins';
@import "_variables";
@import "_mixins";
video {
max-height: 100%;
@@ -44,7 +44,7 @@ video {
margin: 0 20px;
}
div {
.overlay-circle {
position: relative;
z-index: 0;
top: calc(50% - 20px);
@@ -53,6 +53,7 @@ video {
height: 40px;
}
form {
width: 100%;
height: 100%;