diff options
Diffstat (limited to 'sass/parts')
| -rw-r--r-- | sass/parts/_article.scss | 75 | ||||
| -rw-r--r-- | sass/parts/_banner.scss | 6 | ||||
| -rw-r--r-- | sass/parts/_footer.scss | 6 | ||||
| -rw-r--r-- | sass/parts/_header.scss | 89 | ||||
| -rw-r--r-- | sass/parts/_index.scss | 2 |
5 files changed, 178 insertions, 0 deletions
diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss new file mode 100644 index 0000000..d4157fe --- /dev/null +++ b/sass/parts/_article.scss @@ -0,0 +1,75 @@ +article{ + border-bottom: 1px solid $border; + border-top: 1px solid $light-shadow; + padding: 30px 0; + position: relative; + h1.title, .entry{ + margin-left: 200px; + } + h1.title{ + font-size: 25px; + font-weight: 300; + line-height: 35px; + margin-bottom: 20px; + a{ + color: $font-main; + } + } + .entry{ + line-height: 2; + text-align: justify; + a{ + &:hover{ + text-decoration: underline; + } + } + .more-link{ + display: block; + margin-top: 20px; + } + ol, ul{ + margin-left: 20px; + } + p{ + margin-top: 10px; + } + h2{ + font-weight: 300; + margin-top: 10px; + border-bottom: 1px solid $border; + position: relative; + &:before{ + content: ""; + position: absolute; + bottom: -2px; + border-bottom: 1px solid $light-shadow; + width: 100%; + } + } + h3{ + margin-top: 10px; + } + code{ + font-family: $monospace; + } + pre{ + margin-top: 10px; + line-height: 1.5; + } + } + .meta{ + position: absolute; + top: 85px; + line-height: 2; + font-size: 13px; + color: $font-meta; + width: 170px; + a{ + color: $font-meta; + @include transition(0.3s); + &:hover{ + color: $font-main; + } + } + } +}
\ No newline at end of file diff --git a/sass/parts/_banner.scss b/sass/parts/_banner.scss new file mode 100644 index 0000000..23b3353 --- /dev/null +++ b/sass/parts/_banner.scss @@ -0,0 +1,6 @@ +#banner{ + border-top: 1px solid $light-shadow; + border-bottom: 1px solid $border; + color: $font-main; + padding: 30px 0; +}
\ No newline at end of file diff --git a/sass/parts/_footer.scss b/sass/parts/_footer.scss new file mode 100644 index 0000000..b713b8e --- /dev/null +++ b/sass/parts/_footer.scss @@ -0,0 +1,6 @@ +footer{ + padding: 30px 0; + border-top: 1px solid $light-shadow; + text-align: center; + font-size: 13px; +}
\ No newline at end of file diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss new file mode 100644 index 0000000..79553e3 --- /dev/null +++ b/sass/parts/_header.scss @@ -0,0 +1,89 @@ +header{ + height: 30px; + padding: 30px 0; + border-bottom: 1px solid $border; + line-height: 30px; + a{ + color: $font-main; + @include transition(0.3s); + &:hover{ + color: $main; + } + } + h1{ + font-weight: 300; + font-size: 30px; + } + nav{ + margin-left: 30px; + ul{ + list-style: none; + li{ + float: left; + margin-left: 50px; + } + ul{ + display: none; + } + } + } + .search{ + input[type="text"]{ + background: #f2f2f2; + color: #999; + border: 1px solid $border; + @include border-radius(15px); + font: 13px $default; + padding: 6px 15px; + @include transition(0.3s); + &:focus, &:active{ + background: #fff; + border-top: 1px solid #ccc; + color: $font-main; + } + } + } + .social{ + margin-right: 15px; + a{ + @include border-radius(50%); + display: inline-block; + text-indent: -9999px; + margin-right: 15px; + opacity: 0.5; + @include square(28px); + @include transition(0.3s); + &:hover{ + opacity: 1; + } + &:first-of-type{ + background: #3B5998; + border: 1px solid #3B5998; + &:hover{ + border: 1px solid darken(#3B5998, 10%); + } + } + &:nth-of-type(2){ + background: #C83D20; + border: 1px solid #C83D20; + &:hover{ + border: 1px solid darken(#C83D20, 10%); + } + } + &:nth-of-type(3){ + background: #55CFF8; + border: 1px solid #55CFF8; + &:hover{ + border: 1px solid darken(#55CFF8, 10%); + } + } + &:last-of-type{ + background: #EF7522; + border: 1px solid #EF7522; + &:hover{ + border: 1px solid darken(#EF7522, 10%); + } + } + } + } +}
\ No newline at end of file diff --git a/sass/parts/_index.scss b/sass/parts/_index.scss new file mode 100644 index 0000000..2d90e17 --- /dev/null +++ b/sass/parts/_index.scss @@ -0,0 +1,2 @@ +#content{ +}
\ No newline at end of file |