marrub
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

single-column glitch theme

staging
multiple creatures 2019-03-12 01:12:35 -05:00
parent cbbed1863a
commit 0554e7c3bd
4 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/flavours/glitch/styles/single-column.scss Normal file
View File

@ -0,0 +1,3 @@
@import 'variables';
@import 'index';
@import 'single-column/diff';

48
app/javascript/flavours/glitch/styles/single-column/diff.scss Normal file
View File

@ -0,0 +1,48 @@
// components.scss
/* One Column */
:root { // Overrides .wide stylings for mobile view
@media screen and (min-width: 631px) {
.columns-area {
width: 80%;
margin: -60px auto auto;
}
.tabs-bar {
display: flex;
width: calc(80% - 315px);
margin: 10px 0 0 calc(10% + 305px);
z-index: 1;
}
.tabs-bar > a:nth-child(5),
.drawer--header > a:nth-child(1),
.drawer--header > a:nth-child(2) {
display: none;
}
.tabs-bar > a {
text-align: left;
}
.tabs-bar > a > span {
display: inline;
}
.column {
display: none;
}
.column:last-child {
display: flex;
min-width: calc(100% - 300px);
margin-top: 58px;
}
.search__input,
.autosuggest-textarea__textarea {
font-size: 16px;
}
}
}

1
app/javascript/skins/glitch/single-column/common.scss Normal file
View File

@ -0,0 +1 @@
@import 'flavours/glitch/styles/single-column';

4
app/javascript/skins/glitch/single-column/names.yml Normal file
View File

@ -0,0 +1,4 @@
en:
skins:
glitch:
single-column: Single-column