Merge pull request #7 from vitathemes/development

Development

assets/css/style-rtl.css

@@ -1,3 +1,27 @@
+/*!
+Theme Name: Sheen
+Theme URI: https://vitathemes.com/theme/sheen/
+Author: VitaThemes
+Author URI: http://vitathemes.com
+Description: Sheen is a fast and minimal theme for portfolio web sites.
+Version: 1.0.2
+Tested up to: 5.9
+Requires PHP: 5.6
+License: GPL-3.0-or-later
+License URI: https://opensource.org/licenses/GPL-3.0
+Text Domain: sheen
+Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL 3.0 (GPL Version 3.0).
+Use it to make something cool, have fun, and share what you've learned.
+
+sheen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
+*/
+
 /* Normalize
 --------------------------------------------- */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -569,15 +593,18 @@ ul {
 \*------------------------------------*/
 a,
 .a {
-  color: var(--sheen_theme_secondary_text_color);
+  color: var(--sheen_theme_primary_color);
   transition: all 0.2s;
-  text-decoration: none;
+  -webkit-text-decoration-color: var(--sheen_theme_primary_accent_color);
+  /* safari still uses vendor prefix */
+  text-decoration-color: var(--sheen_theme_primary_accent_color);
 }
 a:hover, a:focus, a:active,
 .a:hover,
 .a:focus,
 .a:active {
   color: var(--sheen_theme_primary_text_color);
+  text-decoration: none;
 }
 a:focus,
 .a:focus {
@@ -893,6 +920,10 @@ select {
   }
 }
 
+.wp-block-latest-comments {
+  margin-right: auto !important;
+}
+
 table {
   margin-bottom: 16px;
   background-color: #f5f5f5;
@@ -1090,7 +1121,7 @@ h6 {
   #Header
 \*------------------------------------*/
 .c-header {
-  max-height: 3.75rem;
+  max-height: 6.25rem;
   padding: 0rem 1rem;
 }
 @media (min-width: 57.5em) {
@@ -1153,6 +1184,7 @@ h6 {
 .c-header__title__anchor {
   text-transform: uppercase;
   color: var(--sheen_theme_headings_color);
+  text-decoration: none;
 }
 .c-header__title__anchor:hover, .c-header__title__anchor:focus, .c-header__title__anchor:active {
   color: var(--sheen_theme_primary_accent_color);
@@ -1802,12 +1834,6 @@ h6 {
   }
 }
 
-@media (min-width: 57.5em) {
-  .c-main__content--big-space {
-    margin-top: 14.9375rem;
-  }
-}
-
 .c-main__header {
   width: 100%;
 }
@@ -1908,13 +1934,11 @@ h6 {
 \*------------------------------------*/
 .c-main__filter {
   width: 100%;
-  margin-top: 4rem;
-  margin-bottom: 0.875rem;
+  margin-bottom: 1.96875rem;
 }
-@media (min-width: 57.5em) {
-  .c-main__filter {
-    margin-top: 7.25rem;
-  }
+
+.c-main__filter--opened {
+  display: none;
 }
 
 .c-main__filter-wrapper {
@@ -1972,6 +1996,10 @@ h6 {
   }
 }
 
+.c-filter--opened {
+  display: block;
+}
+
 .c-filter__title {
   text-transform: uppercase;
   color: var(--sheen_theme_secondary_text_color);
@@ -2034,15 +2062,23 @@ h6 {
 }
 @media (max-width: 77.1775em) {
   .c-post {
-    width: 570px;
+    width: 35.625rem;
   }
 }
 @media (max-width: 57.49em) {
   .c-post {
     width: 100%;
   }
 }
+@media (min-width: 61.25em) and (max-width: 77.1775em) {
+  .c-post {
+    width: 28.75rem;
+  }
+}
 
+.c-post__thumbnail__link {
+  display: block;
+}
 .c-post__thumbnail__link:hover .c-post__thumbnail__image, .c-post__thumbnail__link:focus .c-post__thumbnail__image, .c-post__thumbnail__link:active .c-post__thumbnail__image {
   opacity: 0.5;
 }
@@ -2160,6 +2196,9 @@ input[type=submit]:focus {
 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active {
   color: var(--sheen_theme_primary_text_color);
 }
+.wp-block-button__link:visited {
+  color: var(--sheen_theme_primary_text_color);
+}
 
 .wp-block-file__button,
 .wp-block-search__button {
@@ -2217,6 +2256,7 @@ input[type=submit]:focus {
   display: flex;
   justify-content: center;
   align-items: center;
+  text-decoration: none;
 }
 .c-social-share__item:hover .c-social-share__icon, .c-social-share__item:focus .c-social-share__icon, .c-social-share__item:active .c-social-share__icon {
   color: var(--sheen_theme_primary_accent_color);
@@ -2313,7 +2353,7 @@ input[type=submit]:focus {
 .page-numbers {
   color: var(--sheen_theme_primary_text_color) !important;
   cursor: pointer;
-  margin: 2px;
+  margin: 0px 6px;
   width: 40px;
   height: 40px;
   display: flex;
@@ -2450,6 +2490,12 @@ input[type=submit]:focus {
 .c-single__content--centered .alignfull {
   max-width: 100%;
 }
+@media (max-width: 57.49em) {
+  .c-single__content--centered ul,
+.c-single__content--centered ol {
+    margin-right: 1rem;
+  }
+}
 
 .c-single__content--centered > * {
   max-width: 56.875rem;
@@ -2686,6 +2732,12 @@ input[type=submit]:focus {
 #cancel-comment-reply-link {
   margin-right: 8px;
   font-size: 14px;
+  color: var(--sheen_theme_secondary_text_color);
+  font-weight: 400;
+  text-decoration: none;
+}
+#cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active {
+  color: var(--sheen_theme_primary_text_color);
 }
 
 /*------------------------------------*\
@@ -2741,6 +2793,10 @@ input[type=submit]:focus {
 .comment-body {
   padding-bottom: 39px;
 }
+.comment-body * {
+  max-width: 100%;
+  overflow: auto;
+}
 
 .comment.depth-1 {
   border-bottom: 1px solid #e1e1e1;
@@ -2859,6 +2915,7 @@ input[type=submit]:focus {
 
 .logged-in-as a {
   color: var(--sheen_theme_secondary_text_color);
+  text-decoration: none;
 }
 .logged-in-as a:visited {
   text-decoration: none;
@@ -2929,6 +2986,10 @@ input[type=submit]:focus {
   padding-top: 4px;
   height: 0px !important;
 }
+.comment-edit-link {
+  margin-left: 0.5rem;
+}
+
 .c-profile {
   width: 100%;
   display: flex;
@@ -2940,6 +3001,14 @@ input[type=submit]:focus {
   animation-duration: 1s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
+  margin-top: 0.5rem;
+  margin-bottom: 5.1875rem;
+}
+@media (min-width: 57.5em) {
+  .c-profile {
+    margin-top: 6.9375rem;
+    margin-bottom: 10.375rem;
+  }
 }
 
 .c-profile__thumbnail {
@@ -3038,7 +3107,6 @@ input[type=submit]:focus {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  color: lightcoral;
   width: 100%;
   margin-top: auto;
   margin-bottom: 3.0625rem;
@@ -3189,6 +3257,14 @@ input[type=submit]:focus {
 /*------------------------------------*\
   #Links helpers
 \*------------------------------------*/
+.u-link--primary {
+  color: var(--sheen_theme_secondary_text_color);
+  text-decoration: none;
+}
+.u-link--primary:hover, .u-link--primary:focus, .u-link--primary:active {
+  color: var(--sheen_theme_primary_text_color);
+}
+
 .u-link--secondary {
   color: var(--sheen_theme_primary_text_color);
   text-decoration: none;

assets/css/style.css

@@ -1,3 +1,26 @@
+/*!
+Theme Name: Sheen
+Theme URI: https://vitathemes.com/theme/sheen/
+Author: VitaThemes
+Author URI: http://vitathemes.com
+Description: Sheen is a fast and minimal theme for portfolio web sites.
+Version: 1.0.2
+Tested up to: 5.9
+Requires PHP: 5.6
+License: GPL-3.0-or-later
+License URI: https://opensource.org/licenses/GPL-3.0
+Text Domain: sheen
+Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL 3.0 (GPL Version 3.0).
+Use it to make something cool, have fun, and share what you've learned.
+
+sheen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
+*/
 /* Normalize
 --------------------------------------------- */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -1097,7 +1120,7 @@ h6 {
   #Header
 \*------------------------------------*/
 .c-header {
-  max-height: 3.75rem;
+  max-height: 6.25rem;
   padding: 0rem 1rem;
 }
 @media (min-width: 57.5em) {
@@ -3083,7 +3106,6 @@ input[type=submit]:focus {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  color: lightcoral;
   width: 100%;
   margin-top: auto;
   margin-bottom: 3.0625rem;

assets/src/css/style.css

@@ -1,3 +1,26 @@
+/*!
+Theme Name: Sheen
+Theme URI: https://vitathemes.com/theme/sheen/
+Author: VitaThemes
+Author URI: http://vitathemes.com
+Description: Sheen is a fast and minimal theme for portfolio web sites.
+Version: 1.0.2
+Tested up to: 5.9
+Requires PHP: 5.6
+License: GPL-3.0-or-later
+License URI: https://opensource.org/licenses/GPL-3.0
+Text Domain: sheen
+Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL 3.0 (GPL Version 3.0).
+Use it to make something cool, have fun, and share what you've learned.
+
+sheen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
+*/
 /* Normalize
 --------------------------------------------- */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -1097,7 +1120,7 @@ h6 {
   #Header
 \*------------------------------------*/
 .c-header {
-  max-height: 3.75rem;
+  max-height: 6.25rem;
   padding: 0rem 1rem;
 }
 @media (min-width: 57.5em) {
@@ -3083,7 +3106,6 @@ input[type=submit]:focus {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  color: lightcoral;
   width: 100%;
   margin-top: auto;
   margin-bottom: 3.0625rem;

assets/src/scss/components/primary/_footer.scss

@@ -6,7 +6,6 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-    color: lightcoral;
     width: 100%;
     margin-top: auto;
     margin-bottom: rem(49px);

assets/src/scss/components/primary/_header.scss

@@ -2,7 +2,7 @@
   #Header
 \*------------------------------------*/
 .c-header {
-    max-height: rem(60px);
+    max-height: rem(100px);
     padding: rem(0px 16px);
 
     @include mq($from: tablet) {

assets/src/scss/style.scss

@@ -1,3 +1,27 @@
+/*!
+Theme Name: Sheen
+Theme URI: https://vitathemes.com/theme/sheen/
+Author: VitaThemes
+Author URI: http://vitathemes.com
+Description: Sheen is a fast and minimal theme for portfolio web sites.
+Version: 1.0.2
+Tested up to: 5.9
+Requires PHP: 5.6
+License: GPL-3.0-or-later
+License URI: https://opensource.org/licenses/GPL-3.0
+Text Domain: sheen
+Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL 3.0 (GPL Version 3.0).
+Use it to make something cool, have fun, and share what you've learned.
+
+sheen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
+*/
+
 /* Normalize
 --------------------------------------------- */
 @import "generic/normalize";