kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Delete unused files
Alex Gleason
rodzic
2ebf735884
commit
11d3b2c10c
|
|
@ -1,8 +1,6 @@
|
|||
# Custom icons
|
||||
|
||||
- dashboard-filled.svg - Modified from Tabler icons, MIT
|
||||
- fediverse.svg - Modified from Wikipedia, CC0
|
||||
- home-squared.svg - Modified from Tabler icons, MIT
|
||||
- pen-plus.svg - Modified from Tabler icons, MIT
|
||||
- verified.svg - Created by Alex Gleason. CC0
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="24" height="24" stroke-width="2" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M11.969 3.955A9 9 0 0 0 6.4 20H17.6a9 9 0 0 0-5.631-16.045zM15.529 8.5a1 1 0 0 1 .678 1.707l-1.51 1.51c.189.391.303.823.303 1.283 0 1.645-1.355 3-3 3s-3-1.355-3-3 1.355-3 3-3c.46 0 .892.114 1.283.303l1.51-1.51a1 1 0 0 1 .736-.293zM12 12c-.564 0-1 .436-1 1s.436 1 1 1 1-.436 1-1-.436-1-1-1z"/>
|
||||
</svg>
|
||||
|
Przed Szerokość: | Wysokość: | Rozmiar: 506 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" width="24" height="24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="m 12,3 -9,7 v 11 c 1.9540513,0 3.8465823,0 6,0 v -6 c 0,-1.104569 0.8954305,-2 2,-2 h 2 c 1.104569,0 2,0.895431 2,2 v 6 c 2,0 4,0 6,0 V 10 Z" />
|
||||
</svg>
|
||||
|
Przed Szerokość: | Wysokość: | Rozmiar: 370 B |
|
|
@ -42,10 +42,6 @@
|
|||
@import 'components/account-header';
|
||||
@import 'components/user-panel';
|
||||
@import 'components/compose-form';
|
||||
// @import 'components/group-card';
|
||||
// @import 'components/group-detail';
|
||||
// @import 'components/group-form';
|
||||
// @import 'components/group-sidebar-panel';
|
||||
@import 'components/sidebar-menu';
|
||||
@import 'components/hotkeys-modal';
|
||||
@import 'components/emoji-reacts';
|
||||
|
|
|
|||
|
|
@ -1,73 +0,0 @@
|
|||
.group-column-header {
|
||||
@include standard-panel;
|
||||
overflow: hidden;
|
||||
|
||||
.group-column-header__title {
|
||||
padding: 15px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.group-column-header__cta {
|
||||
float: right;
|
||||
padding: 15px;
|
||||
font-size: 17px;
|
||||
a { color: #fff; }
|
||||
}
|
||||
}
|
||||
|
||||
.group-card-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.group-card {
|
||||
@include standard-panel;
|
||||
display: block;
|
||||
flex: 0 0 calc(50% - 20px / 2);
|
||||
margin-bottom: 20px;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
|
||||
.group-card__header {
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
background: var(--foreground-color);
|
||||
}
|
||||
}
|
||||
|
||||
.group-card__content {
|
||||
padding: 15px;
|
||||
|
||||
.group-card__title {
|
||||
color: var(--primary-text-color);
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.group-card__meta {
|
||||
color: var(--primary-text-color--faint);
|
||||
font-size: 14px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.group-card__description {
|
||||
color: var(--primary-text-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.group-card__title {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
.group {
|
||||
.group__header-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.group__header {
|
||||
width: 100%;
|
||||
max-width: 1150px;
|
||||
background: var(--foreground-color);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
margin: 20px 0;
|
||||
|
||||
.group__cover {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.group__tabs {
|
||||
.group__tabs__tab {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
padding: 16px 22px;
|
||||
text-align: center;
|
||||
color: var(--primary-text-color);
|
||||
|
||||
&:hover,
|
||||
&--active {
|
||||
border-bottom: 2px solid var(--primary-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
||||
button {
|
||||
float: right;
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
div {
|
||||
float: right;
|
||||
margin: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.group__panel {
|
||||
padding: 10px 10px 20px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.group__panel__description {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.group__panel__label {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 4px;
|
||||
background: var(--foreground-color);
|
||||
font-size: 13px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.group__feed {
|
||||
background: var(--foreground-color);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
.group-form {
|
||||
@include standard-panel;
|
||||
padding: 20px;
|
||||
|
||||
&,
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=text],
|
||||
textarea {
|
||||
&.standard {
|
||||
width: 100%;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
float: left;
|
||||
height: 88px;
|
||||
}
|
||||
|
||||
.group-form__file-label {
|
||||
@include font-size(12);
|
||||
@include font-weight(light);
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
height: 20px;
|
||||
padding: 3px 0 0 33px;
|
||||
color: var(--primary-text-color--faint);
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('../images/sprite-post-functions.png');
|
||||
background-size: 100px 1200px;
|
||||
|
||||
&:hover {
|
||||
color: var(--brand-color);
|
||||
background-position: 0 -100px;
|
||||
}
|
||||
|
||||
&.group-form__file-label--selected {
|
||||
background-position: 0 -100px;
|
||||
color: var(--brand-color);
|
||||
}
|
||||
}
|
||||
|
||||
.group-form__file {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
button { float: right; }
|
||||
}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
.group-sidebar-panel {
|
||||
&__items {
|
||||
padding: 0 15px 15px;
|
||||
|
||||
&__show-all {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
&__item {
|
||||
display: block;
|
||||
color: var(--primary-text-color);
|
||||
text-decoration: none;
|
||||
margin-bottom: 15px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&__meta {
|
||||
font-size: 0.8em;
|
||||
color: var(--primary-text-color--faint);
|
||||
|
||||
&__unread {
|
||||
color: var(--brand-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,151 +0,0 @@
|
|||
.introduction {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
|
||||
@media screen and (max-width: 920px) {
|
||||
background: var(--background-color);
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
&__pager {
|
||||
background: var(--background-color);
|
||||
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__pager,
|
||||
&__frame {
|
||||
border-radius: 10px;
|
||||
width: 50vw;
|
||||
min-width: 920px;
|
||||
|
||||
@media screen and (max-width: 920px) {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__frame-wrapper {
|
||||
opacity: 0;
|
||||
transition: opacity 500ms linear;
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
transition: opacity 50ms linear;
|
||||
}
|
||||
}
|
||||
|
||||
&__frame {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__illustration {
|
||||
height: 50vh;
|
||||
|
||||
@media screen and (max-width: 630px) {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__text {
|
||||
&--columnized {
|
||||
display: flex;
|
||||
|
||||
& > div {
|
||||
flex: 1 1 33.33%;
|
||||
text-align: center;
|
||||
padding: 25px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 630px) {
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
padding-bottom: 20px;
|
||||
|
||||
& > div {
|
||||
padding: 10px 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
line-height: 1.5;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 400;
|
||||
color: var(--primary-text-color--faint);
|
||||
|
||||
code {
|
||||
display: inline-block;
|
||||
background: var(--background-color);
|
||||
font-size: 15px;
|
||||
border: 1px solid var(--brand-color--med);
|
||||
border-radius: 2px;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&--centered {
|
||||
padding: 25px;
|
||||
padding-bottom: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&__dots {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 25px;
|
||||
|
||||
@media screen and (max-width: 630px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__dot {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 14px;
|
||||
border: 1px solid var(--brand-color);
|
||||
background: transparent;
|
||||
margin: 0 3px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: var(--brand-color--med);
|
||||
}
|
||||
|
||||
&.active {
|
||||
cursor: default;
|
||||
background: var(--brand-color);
|
||||
}
|
||||
}
|
||||
|
||||
&__action {
|
||||
padding: 25px;
|
||||
padding-top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
Ładowanie…
Reference in New Issue