socialnetworknews-web

commit 949fc39bb40626a625d1ca0e0c2d589c87245d3c
parent 7086133abb9b51df10f12c4ba85e63a4766452a2
Author: MTRNord <mtrnord1@gmail.com>
Date:   Thu, 22 Mar 2018 21:24:16 +0100

Move needed card css

Diffstat:
M
src/app/card/card.component.scss
 | 
67
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
M
src/app/papers-list/papers-list.component.scss
 | 
69
---------------------------------------------------------------------

2 files changed, 67 insertions(+), 69 deletions(-)
diff --git a/src/app/card/card.component.scss b/src/app/card/card.component.scss
@@ -0,0 +1,67 @@
+.grid > article {
+  border: 1px solid #ccc;
+  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
+  text-align: center;
+  position: relative;
+}
+.thumbnail {
+  max-width: 100%;
+  display: block;
+}
+
+.grid > article > div > not(.card-ribbon){
+  position: relative;
+  display: inline-block;
+/* if you need ie6/7 support */
+  *display: inline;
+  zoom: 1;
+}
+
+.text {
+  padding: 0 20px 0 20px;
+}
+
+/* Made by https://codepen.io/gschier/pen/HCoqh */
+
+.lightbox {
+  /** Default lightbox to hidden */
+  display: none;
+
+  /** Position and style */
+  position: fixed;
+  z-index: 999;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  top: 0;
+  left: 0;
+  background: rgba(0,0,0,0.8);
+}
+
+.lightbox > .img-wrapper {
+  width: 50%;
+  height: 50%;
+  overflow: auto;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.lightbox > .img-wrapper img {
+  /** Pad the lightbox image */
+  max-width: 90%;
+  max-height: 80%;
+  //margin-top: 2%;
+  position: relative;
+}
+
+.lightbox:target {
+  /** Remove default browser outline */
+  outline: none;
+
+  /** Unhide lightbox **/
+  display: block;
+}
diff --git a/src/app/papers-list/papers-list.component.scss b/src/app/papers-list/papers-list.component.scss
@@ -11,72 +11,3 @@
     grid-template-columns: repeat(4, 1fr);
   }
 }
-
-
-.grid > article {
-  border: 1px solid #ccc;
-  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
-  text-align: center;
-  position: relative;
-}
-.thumbnail {
-  max-width: 100%;
-  display: block;
-}
-
-.grid > article > div > not(.card-ribbon){
-  position: relative;
-  display: inline-block;
-/* if you need ie6/7 support */
-  *display: inline;
-  zoom: 1;
-}
-
-.text {
-  padding: 0 20px 0 20px;
-}
-
-/* Made by https://codepen.io/gschier/pen/HCoqh */
-
-.lightbox {
-  /** Default lightbox to hidden */
-  display: none;
-
-  /** Position and style */
-  position: fixed;
-  z-index: 999;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  top: 0;
-  left: 0;
-  background: rgba(0,0,0,0.8);
-}
-
-.lightbox > .img-wrapper {
-  width: 50%;
-  height: 50%;
-  overflow: auto;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.lightbox > .img-wrapper img {
-  /** Pad the lightbox image */
-  max-width: 90%;
-  max-height: 80%;
-  //margin-top: 2%;
-  position: relative;
-}
-
-.lightbox:target {
-  /** Remove default browser outline */
-  outline: none;
-
-  /** Unhide lightbox **/
-  display: block;
-}