saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
Giuseppe Pignataro
2019-02-03 12:30:44 +01:00
parent 1b3dc687b8
commit a8a6c91421
95 changed files with 5246 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
assets/css/_common/_page/home.scss Normal file
View File

@@ -0,0 +1,54 @@
/** Home **/
.intro {
transform: translateY(25vh);
text-align: center;
.avatar {
padding: 10px;
img {
width: 128px;
height: auto;
display: inline-block;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
margin: 0 auto;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
cursor: pointer;
&:hover {
position: relative;
-webkit-transform: translateY(-0.75em);
-moz-transform: translateY(-0.75em);
-ms-transform: translateY(-0.75em);
-o-transform: translateY(-0.75em);
transform: translateY(-0.75em);
cursor: pointer;
}
}
}
}
h2.description {
font-size: 1em;
font-weight: normal;
padding: 5px;
}
.social-links {
a {
padding: 0 5px;
&:hover {
background-color: transparent;
}
}
.iconfont {
font-size: 2em;
}
}

60
assets/css/_common/_page/home_post.scss Normal file
View File

@@ -0,0 +1,60 @@
.post-warp {
.intro {
transform: translateY(0);
margin: 2em 0 5em 0;
.avatar {
img {
width: 96px;
}
}
}
.post {
margin-bottom: 4em;
border-bottom: 1px dashed #ddd;
.post-content {
padding-top: .5em;
}
.post-footer {
display: flex;
justify-content: space-between;
align-items: center;
.post-meta {
a {
color: rgba(85, 85, 85, 0.52941) !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
&:hover {
color: $light-font-secondary-color !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
}
}
}
.post-tags {
span {
a {
color: rgba(85, 85, 85, 0.52941) !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
&:hover {
color: $light-font-secondary-color !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
}
}
}
}
}
}
}

241
assets/css/_common/_page/post.scss Normal file
View File

@@ -0,0 +1,241 @@
/** Post **/
.post-warp {
position: relative;
width: 100%;
max-width: 780px;
margin: 0 auto;
padding-top: 2rem;
.post-header h1 {
margin: 0 !important;
}
.post-title {
font-size: 2em;
line-height: 1.5em;
}
.post-meta {
color: rgba(85, 85, 85, 0.52941) !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
a {
color: $light-post-link-color;
.dark-theme & {
color: $dark-post-link-color;
}
&:hover {
color: $light-post-link-hover-color;
.dark-theme & {
color: $dark-post-link-hover-color;
}
}
}
}
.post-content {
padding-top: 2rem;
h2,
h3,
h4,
h5,
h6 {
padding-top: .8em;
padding-bottom: .3em;
}
h2::before {
content: "#";
margin-right: 5px;
color: $light-post-link-color;
.dark-theme & {
color: $dark-post-link-color;
}
}
h3::before {
content: "|";
margin-right: 5px;
color: $light-post-link-color;
.dark-theme & {
color: $dark-post-link-color;
}
}
a {
color: $light-post-link-color;
.dark-theme & {
color: $dark-post-link-color;
}
}
a:hover {
color: $light-post-link-hover-color;
.dark-theme &:hover {
color: $dark-post-link-hover-color;
font-weight: bold;
text-decoration: underline;
}
}
code,
pre {
padding: 7px;
font-size: 13px;
font-family: Consolas, Monaco, Menlo, Consolas, monospace;
word-break: break-all;
word-wrap: break-word;
}
code:not([class]) {
padding: 5px 5px;
background: #fff;
border: 1px solid #ddd;
box-shadow: 1px 1px 0 #fff, 2px 2px 0 #ddd;
margin-left: 3px;
margin-right: 3px;
.dark-theme &:not([class]) {
background: transparent;
box-shadow: 1px 1px 0 $dark-font-secondary-color, 2px 2px 0 $dark-font-secondary-color;
}
}
ul {
padding-left: 2em;
}
table {
max-width: 100%;
margin: 10px 0;
border-spacing: 0;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.125);
th,
td {
padding: 5px 15px;
border: 1px double #ebe9f5;
}
}
figure {
text-align: center;
img:hover{
cursor: zoom-in;
}
}
.image-caption:not(:empty) {
min-width: 20%;
max-width: 80%;
display: inline-block;
padding: 10px;
margin: 0 auto;
border-bottom: 1px solid #d9d9d9;
font-size: 14px;
color: #969696;
line-height: 1.7;
}
img {
display: block;
max-width: 80%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
img[data-action="zoom"] {
cursor: zoom-in;
}
.featured_image {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
}
}
p {
font-size: 1em;
margin: .5em 0 .5em 0;
}
.post-copyright {
margin-top: 5rem;
border-top: 1px solid $light-border-color;
border-bottom: 1px solid $light-border-color;
.copyright-item {
margin: 5px 0;
}
.lincese {
font-weight: bold;
& a {}
}
.dark-theme & {
border-top: 1px solid $dark-border-color;
border-bottom: 1px solid $dark-border-color;
}
}
.post-tags {
padding: 1rem 0 1rem;
display: flex;
justify-content: space-between;
}
.post-nav {
&:before,
&:after {
content: " ";
display: table;
}
& a.prev,
& a.next {
font-weight: 600;
font-size: 16px;
transition-property: transform;
transition-timing-function: ease-out;
transition-duration: 0.3s;
}
& a.prev {
float: left;
}
& a.prev:hover {
transform: translateX(-4px);
}
& a.next {
float: right;
}
& a.next:hover {
transform: translateX(4px);
}
}
.tag:not(:last-child) a::after {
content: " / ";
}
.post-comment{
padding: 3em 0;
}
}

32
assets/css/_common/_page/tags.scss Normal file
View File

@@ -0,0 +1,32 @@
.tag-cloud-tags {
margin: 10px 0;
a {
display: inline-block;
position: relative;
margin: 5px 10px;
word-wrap: break-word;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
&:active,
&:focus,
&:hover {
color: $light-global-link-hover-color;
transform: scale(1.1);
.dark-theme &{
color: $dark-global-link-hover-color;
}
}
small {
color: $light-font-secondary-color;
.dark-theme &{
color: $dark-global-link-hover-color;
}
}
}
}

82
assets/css/_common/_page/terms.scss Normal file
View File

@@ -0,0 +1,82 @@
.post-warp {
.archive-item {
margin-left: 2rem;
}
.categories-card {
margin: 0 auto;
margin-top: 3em;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
padding: 0 2.5em;
line-height: 1.6em;
.card-item {
font-size: 14px;
text-align: left;
width: 45%;
display: flex;
align-items: flex-start;
margin-top:2em;
min-height: 16em;
padding: 0 2%;
position: relative;
.categories{
overflow: hidden;
}
}
}
.archive-item-link {
display: inline-block;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 95%;
&:hover {
color: $light-global-link-hover-color;
background-color: transparent;
}
.dark-theme & {
color: $dark-global-link-color;
text-decoration: none;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
&:hover {
color: $dark-global-link-hover-color;
text-decoration: none;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
}
}
.archive-item-date {
float: right;
text-align: right;
color: $light-font-secondary-color;
.dark-theme & {
color: $dark-font-secondary-color;
}
}
.more-post {
text-align: right;
}
}
.categories {
h3 {
display: inline-block;
}
span {
float: right;
padding-right: 1em;
}
}