mirror of
https://github.com/documize/community.git
synced 2025-08-05 05:25:27 +02:00
[WIP] theme selector
This commit is contained in:
parent
a7e52809dc
commit
11e164496b
74 changed files with 363 additions and 38 deletions
126
gui/app/styles/core/view/search.scss
Normal file
126
gui/app/styles/core/view/search.scss
Normal file
|
@ -0,0 +1,126 @@
|
|||
.view-search {
|
||||
margin-top: 30px;
|
||||
|
||||
> .heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
width: 300px;
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.search-box {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.search-box {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.search-box {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1800px) {
|
||||
.search-box {
|
||||
width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
> .documents {
|
||||
margin: 20px 0;
|
||||
padding: 0;
|
||||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
||||
> .title {
|
||||
color: $color-black;
|
||||
font-weight: bold;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 5px;
|
||||
|
||||
> .version {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .space {
|
||||
color: $color-off-black;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .title {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .syntax {
|
||||
margin: 20px 0;
|
||||
|
||||
> .example {
|
||||
margin-top: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .explain {
|
||||
margin: 10px 0 20px 0px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue