Commits

felipi  committed 4b77497

Added sass for coppla icons

  • Participants
  • Parent commits 2a02ba7

Comments (0)

Files changed (3)

File sass/_copplaicons.scss

+@font-face {
+    font-family: "CopplaIcon";
+    font-style: normal;
+    src: url(fonts/coppla/coppla-icon.ttf); /*if IE */
+    src: url("fonts/coppla/coppla-icon.eot");
+    src: url("fonts/coppla/coppla-icon.eot?#iefix") format("embedded-opentype"), url("fonts/coppla/coppla-icon.woff") format("woff"), url("fonts/coppla/coppla-icon.ttf") format("truetype"), url("fonts/coppla/coppla-icon.svg#glyphicons_halflingsregular") format("svg");
+}
+
+.copplaicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'CopplaIcon';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.copplaicon-twitter:before {
+  content: "B";
+}
+
+.copplaicon-facebook:before {
+  content: "A";
+}
+
+.copplaicon-search:before {
+  content: "t";
+}
+
+.copplaicon-youtube:before {
+  content: "C";
+}
+
+.copplaicon-more:before {
+  content: "D";
+}
+
+.copplaicon-back:before {
+  content: "E";
+}
+.copplaicon-forward:before {
+  content: "F";
+}
+.copplaicon-document-full:before {
+  content: "G";
+}
+.copplaicon-gallery:before {
+  content: "H";
+}
+.copplaicon-movie:before {
+  content: "I";
+}
+.copplaicon-attachment:before {
+  content: "J";
+}
+.copplaicon-exclude:before {
+  content: "K";
+}
+.copplaicon-print:before {
+  content: "L";
+}
+.copplaicon-document:before {
+  content: "M";
+}
+.copplaicon-edit:before {
+  content: "N";
+}
+.copplaicon-paste:before {
+  content: "O";
+}
+.copplaicon-folder:before {
+  content: "P";
+}
+.copplaicon-link:before {
+  content: "Q";
+}
+.copplaicon-pictures:before {
+  content: "R";
+}
+.copplaicon-home:before {
+  content: "a";
+}
+.copplaicon-box:before {
+  content: "b";
+}
+.copplaicon-calendar:before {
+  content: "c";
+}
+.copplaicon-portfolio:before {
+  content: "d";
+}
+.copplaicon-forum:before {
+  content: "e";
+}
+.copplaicon-tasks:before {
+  content: "f";
+}
+.copplaicon-activity:before {
+  content: "g";
+}
+.copplaicon-share:before {
+  content: "h";
+}
+.copplaicon-info:before {
+  content: "i";
+}
+.copplaicon-help:before {
+  content: "j";
+}
+.copplaicon-presentation:before {
+  content: "k";
+}
+.copplaicon-stack:before {
+  content: "l";
+}
+.copplaicon-mail:before {
+  content: "m";
+}
+.copplaicon-photo:before {
+  content: "n";
+}
+.copplaicon-add:before {
+  content: "o";
+}
+.copplaicon-people:before {
+  content: "p";
+}
+.copplaicon-lock:before {
+  content: "q";
+}
+.copplaicon-info-balloon:before {
+  content: "r";
+}
+.copplaicon-minus:before {
+  content: "s";
+}
+.copplaicon-send:before {
+  content: "u";
+}
+.copplaicon-shout:before {
+  content: "v";
+}
+.copplaicon-write:before {
+  content: "w";
+}
+.copplaicon-options:before {
+  content: "x";
+}
+.copplaicon-file:before {
+  content: "y";
+}
+.copplaicon-action:before {
+  content: "z";
+}

File sass/styles.scss

 @import "compass/css3/images";
 
 @import "base";
+@import "copplaicons";
 @import "bootstrap";
 
 @font-face {
     src: url("fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
 }
 
-@font-face {
-    font-family: "CopplaIcon";
-    font-style: normal;
-    src: url(fonts/coppla/coppla-icon.ttf); /*if IE */
-    src: url("fonts/coppla/coppla-icon.eot");
-    src: url("fonts/coppla/coppla-icon.eot?#iefix") format("embedded-opentype"), url("fonts/coppla/coppla-icon.woff") format("woff"), url("fonts/coppla/coppla-icon.ttf") format("truetype"), url("fonts/coppla/coppla-icon.svg#glyphicons_halflingsregular") format("svg");
-}
-
 .portal_top_area {
     .row.portal_top_bar {
         min-height: $portal-top-height;
     font-size: 0.7em;
     &, & > a {
         color: #666666;
+        text-decoration: none;
     }
     &.selected, &.selected a {
         background-color: #464647;

File stylesheets/styles.css

   border-left: 5px solid #000000;
 }
 
+@font-face {
+  font-family: "CopplaIcon";
+  font-style: normal;
+  src: url(fonts/coppla/coppla-icon.ttf);
+  /*if IE */
+  src: url("fonts/coppla/coppla-icon.eot");
+  src: url("fonts/coppla/coppla-icon.eot?#iefix") format("embedded-opentype"), url("fonts/coppla/coppla-icon.woff") format("woff"), url("fonts/coppla/coppla-icon.ttf") format("truetype"), url("fonts/coppla/coppla-icon.svg#glyphicons_halflingsregular") format("svg");
+}
+
+/* line 9, ../sass/_copplaicons.scss */
+.copplaicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'CopplaIcon';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* line 21, ../sass/_copplaicons.scss */
+.copplaicon-twitter:before {
+  content: "B";
+}
+
+/* line 25, ../sass/_copplaicons.scss */
+.copplaicon-facebook:before {
+  content: "A";
+}
+
+/* line 29, ../sass/_copplaicons.scss */
+.copplaicon-search:before {
+  content: "t";
+}
+
+/* line 33, ../sass/_copplaicons.scss */
+.copplaicon-youtube:before {
+  content: "C";
+}
+
+/* line 37, ../sass/_copplaicons.scss */
+.copplaicon-more:before {
+  content: "D";
+}
+
+/* line 41, ../sass/_copplaicons.scss */
+.copplaicon-back:before {
+  content: "E";
+}
+
+/* line 44, ../sass/_copplaicons.scss */
+.copplaicon-forward:before {
+  content: "F";
+}
+
+/* line 47, ../sass/_copplaicons.scss */
+.copplaicon-document-full:before {
+  content: "G";
+}
+
+/* line 50, ../sass/_copplaicons.scss */
+.copplaicon-gallery:before {
+  content: "H";
+}
+
+/* line 53, ../sass/_copplaicons.scss */
+.copplaicon-movie:before {
+  content: "I";
+}
+
+/* line 56, ../sass/_copplaicons.scss */
+.copplaicon-attachment:before {
+  content: "J";
+}
+
+/* line 59, ../sass/_copplaicons.scss */
+.copplaicon-exclude:before {
+  content: "K";
+}
+
+/* line 62, ../sass/_copplaicons.scss */
+.copplaicon-print:before {
+  content: "L";
+}
+
+/* line 65, ../sass/_copplaicons.scss */
+.copplaicon-document:before {
+  content: "M";
+}
+
+/* line 68, ../sass/_copplaicons.scss */
+.copplaicon-edit:before {
+  content: "N";
+}
+
+/* line 71, ../sass/_copplaicons.scss */
+.copplaicon-paste:before {
+  content: "O";
+}
+
+/* line 74, ../sass/_copplaicons.scss */
+.copplaicon-folder:before {
+  content: "P";
+}
+
+/* line 77, ../sass/_copplaicons.scss */
+.copplaicon-link:before {
+  content: "Q";
+}
+
+/* line 80, ../sass/_copplaicons.scss */
+.copplaicon-pictures:before {
+  content: "R";
+}
+
+/* line 83, ../sass/_copplaicons.scss */
+.copplaicon-home:before {
+  content: "a";
+}
+
+/* line 86, ../sass/_copplaicons.scss */
+.copplaicon-box:before {
+  content: "b";
+}
+
+/* line 89, ../sass/_copplaicons.scss */
+.copplaicon-calendar:before {
+  content: "c";
+}
+
+/* line 92, ../sass/_copplaicons.scss */
+.copplaicon-portfolio:before {
+  content: "d";
+}
+
+/* line 95, ../sass/_copplaicons.scss */
+.copplaicon-forum:before {
+  content: "e";
+}
+
+/* line 98, ../sass/_copplaicons.scss */
+.copplaicon-tasks:before {
+  content: "f";
+}
+
+/* line 101, ../sass/_copplaicons.scss */
+.copplaicon-activity:before {
+  content: "g";
+}
+
+/* line 104, ../sass/_copplaicons.scss */
+.copplaicon-share:before {
+  content: "h";
+}
+
+/* line 107, ../sass/_copplaicons.scss */
+.copplaicon-info:before {
+  content: "i";
+}
+
+/* line 110, ../sass/_copplaicons.scss */
+.copplaicon-help:before {
+  content: "j";
+}
+
+/* line 113, ../sass/_copplaicons.scss */
+.copplaicon-presentation:before {
+  content: "k";
+}
+
+/* line 116, ../sass/_copplaicons.scss */
+.copplaicon-stack:before {
+  content: "l";
+}
+
+/* line 119, ../sass/_copplaicons.scss */
+.copplaicon-mail:before {
+  content: "m";
+}
+
+/* line 122, ../sass/_copplaicons.scss */
+.copplaicon-photo:before {
+  content: "n";
+}
+
+/* line 125, ../sass/_copplaicons.scss */
+.copplaicon-add:before {
+  content: "o";
+}
+
+/* line 128, ../sass/_copplaicons.scss */
+.copplaicon-people:before {
+  content: "p";
+}
+
+/* line 131, ../sass/_copplaicons.scss */
+.copplaicon-lock:before {
+  content: "q";
+}
+
+/* line 134, ../sass/_copplaicons.scss */
+.copplaicon-info-balloon:before {
+  content: "r";
+}
+
+/* line 137, ../sass/_copplaicons.scss */
+.copplaicon-minus:before {
+  content: "s";
+}
+
+/* line 140, ../sass/_copplaicons.scss */
+.copplaicon-send:before {
+  content: "u";
+}
+
+/* line 143, ../sass/_copplaicons.scss */
+.copplaicon-shout:before {
+  content: "v";
+}
+
+/* line 146, ../sass/_copplaicons.scss */
+.copplaicon-write:before {
+  content: "w";
+}
+
+/* line 149, ../sass/_copplaicons.scss */
+.copplaicon-options:before {
+  content: "x";
+}
+
+/* line 152, ../sass/_copplaicons.scss */
+.copplaicon-file:before {
+  content: "y";
+}
+
+/* line 155, ../sass/_copplaicons.scss */
+.copplaicon-action:before {
+  content: "z";
+}
+
 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 /* line 9, ../../../../../../Library/Ruby/Gems/1.8/gems/bootstrap-sass-3.1.1.1/vendor/assets/stylesheets/bootstrap/_normalize.scss */
 html {
   src: url("fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
 }
 
-@font-face {
-  font-family: "CopplaIcon";
-  font-style: normal;
-  src: url(fonts/coppla/coppla-icon.ttf);
-  /*if IE */
-  src: url("fonts/coppla/coppla-icon.eot");
-  src: url("fonts/coppla/coppla-icon.eot?#iefix") format("embedded-opentype"), url("fonts/coppla/coppla-icon.woff") format("woff"), url("fonts/coppla/coppla-icon.ttf") format("truetype"), url("fonts/coppla/coppla-icon.svg#glyphicons_halflingsregular") format("svg");
-}
-
-/* line 24, ../sass/styles.scss */
+/* line 17, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar {
   min-height: 46px;
   background-color: white;
   top: -250px;
   transition-duration: 0.5s;
 }
-/* line 32, ../sass/styles.scss */
+/* line 25, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar.affix {
   width: 100%;
   top: 0;
   z-index: 150;
 }
-/* line 38, ../sass/styles.scss */
+/* line 31, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .coppla_top_menu {
   padding: 0 !important;
 }
-/* line 41, ../sass/styles.scss */
+/* line 34, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .coppla_menu_item {
   display: block;
   text-align: center;
   font-size: 11px;
   color: #666666;
 }
-/* line 48, ../sass/styles.scss */
+/* line 41, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .coppla_menu_item.selected {
   background-color: #464647;
   color: #FFF;
 }
-/* line 52, ../sass/styles.scss */
+/* line 45, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .coppla_menu_item .icon {
   display: block;
   padding-bottom: 6px;
 }
-/* line 58, ../sass/styles.scss */
+/* line 51, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .logo img {
   max-height: 46px;
 }
-/* line 62, ../sass/styles.scss */
+/* line 55, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar > div:not(.logo) {
   padding-top: 16px;
 }
-/* line 66, ../sass/styles.scss */
+/* line 59, ../sass/styles.scss */
 .portal_top_area .row.portal_top_bar .btn {
   border: none;
   padding: 4px 10px;
   margin-top: -4px;
 }
-/* line 74, ../sass/styles.scss */
+/* line 67, ../sass/styles.scss */
 .portal_top_area .row.portal_banner {
   min-height: 80px;
   background-color: #efecd7;
 }
-/* line 77, ../sass/styles.scss */
+/* line 70, ../sass/styles.scss */
 .portal_top_area .row.portal_banner .portal_logo img {
   padding: 8px 28px;
   height: 77px;
 }
-/* line 82, ../sass/styles.scss */
+/* line 75, ../sass/styles.scss */
 .portal_top_area .row.portal_banner .portal_slogan h4 {
   font-size: 16px;
   padding-top: 12px;
   font-weight: 300;
   letter-spacing: 1px;
 }
-/* line 89, ../sass/styles.scss */
+/* line 82, ../sass/styles.scss */
 .portal_top_area .row.portal_banner .portal_slogan h6 {
   color: #c54340;
   font-weight: 300;
 }
-/* line 95, ../sass/styles.scss */
+/* line 88, ../sass/styles.scss */
 .portal_top_area .row.portal_breadcrumbs {
   height: 35px;
 }
-/* line 99, ../sass/styles.scss */
+/* line 92, ../sass/styles.scss */
 .portal_top_area .breadcrumb {
   text-transform: lowercase;
   font-size: 15px;
   line-height: 35px;
   margin-bottom: 0;
 }
-/* line 104, ../sass/styles.scss */
+/* line 97, ../sass/styles.scss */
 .portal_top_area .breadcrumb a {
   color: #999999;
 }
 
-/* line 110, ../sass/styles.scss */
+/* line 103, ../sass/styles.scss */
 .coppla_container {
   background-color: #e3e3e3;
   -webkit-border-radius: 5px;
   margin: 0 28px;
 }
 
-/* line 117, ../sass/styles.scss */
+/* line 110, ../sass/styles.scss */
 .coppla_banner .logo .logo_container {
   width: 100px;
   height: 100px;
   overflow: hidden;
   margin: 12px;
 }
-/* line 125, ../sass/styles.scss */
+/* line 118, ../sass/styles.scss */
 .coppla_banner .description h1 {
   font-size: 28px;
   font-weight: 600;
   color: #444444;
   margin-top: 14px;
 }
-/* line 131, ../sass/styles.scss */
+/* line 124, ../sass/styles.scss */
 .coppla_banner .description p {
   font-weight: 300;
   font-size: 13px;
   line-height: 15px;
 }
 
-/* line 139, ../sass/styles.scss */
+/* line 132, ../sass/styles.scss */
 .coppla_banner_info {
   font-size: 12px;
   padding-bottom: 16px;
 }
-/* line 142, ../sass/styles.scss */
+/* line 135, ../sass/styles.scss */
 .coppla_banner_info .glyphicon {
   padding: 0 4px;
   font-size: 18px;
 }
 
-/* line 149, ../sass/styles.scss */
+/* line 142, ../sass/styles.scss */
 .coppla_columns .coppla_contents {
   padding: 15px 20px;
 }
-/* line 152, ../sass/styles.scss */
+/* line 145, ../sass/styles.scss */
 .coppla_columns .coppla_col {
   min-height: 100px;
   background-color: #FFF;
   border-radius: 8px;
   overflow: hidden;
 }
-/* line 158, ../sass/styles.scss */
+/* line 151, ../sass/styles.scss */
 .coppla_columns .coppla_col.coppla_menu_full {
   width: 100px;
   margin: 0 auto;
 }
-/* line 162, ../sass/styles.scss */
+/* line 155, ../sass/styles.scss */
 .coppla_columns .coppla_col .coppla_menu_item .icon {
   font-size: 4em;
 }
-/* line 165, ../sass/styles.scss */
+/* line 158, ../sass/styles.scss */
 .coppla_columns .coppla_col .coppla_communities_filter {
   float: right;
   margin-bottom: 15px;
 }
 
-/* line 172, ../sass/styles.scss */
+/* line 165, ../sass/styles.scss */
 .coppla_menu_item {
   display: block;
   text-align: center;
   padding: 10px 0;
   font-size: 0.7em;
 }
-/* line 179, ../sass/styles.scss */
+/* line 172, ../sass/styles.scss */
 .coppla_menu_item, .coppla_menu_item > a {
   color: #666666;
+  text-decoration: none;
 }
-/* line 182, ../sass/styles.scss */
+/* line 176, ../sass/styles.scss */
 .coppla_menu_item.selected, .coppla_menu_item.selected a {
   background-color: #464647;
   color: #FFF;
 }
-/* line 186, ../sass/styles.scss */
+/* line 180, ../sass/styles.scss */
 .coppla_menu_item .icon {
   display: block;
   font-size: 3.25em;
   padding-bottom: 6px;
 }
 
-/* line 193, ../sass/styles.scss */
+/* line 187, ../sass/styles.scss */
 .coppla_sharebox {
   clear: both;
   background-color: #F1F1F1;
   -o-border-radius: 4px;
   border-radius: 4px;
 }
-/* line 200, ../sass/styles.scss */
+/* line 194, ../sass/styles.scss */
 .coppla_sharebox textarea {
   border: none;
 }
-/* line 204, ../sass/styles.scss */
+/* line 198, ../sass/styles.scss */
 .coppla_sharebox button {
   margin-top: 8px;
   font-size: 0.75em;
   background-image: linear-gradient(#fcfcfc, #eeeeef);
 }
 
-/* line 214, ../sass/styles.scss */
+/* line 208, ../sass/styles.scss */
 .coppla_searchbox {
   margin: 18px 0;
   position: relative;
 }
-/* line 218, ../sass/styles.scss */
+/* line 212, ../sass/styles.scss */
 .coppla_searchbox input {
   padding-right: 24px;
 }
-/* line 222, ../sass/styles.scss */
+/* line 216, ../sass/styles.scss */
 .coppla_searchbox .icon {
   position: absolute;
   left: 100%;
   margin-top: -6px;
 }
 
-/* line 231, ../sass/styles.scss */
+/* line 225, ../sass/styles.scss */
 .coppla_timeline_item {
   background-color: #F1F1F1;
   padding: 14px 18px;
   border-radius: 4px;
   margin-bottom: 10px;
 }
-/* line 237, ../sass/styles.scss */
+/* line 231, ../sass/styles.scss */
 .coppla_timeline_item .coppla_item_info {
   margin: 14px 0;
 }
 @media screen and (min-width: 768px) {
-  /* line 237, ../sass/styles.scss */
+  /* line 231, ../sass/styles.scss */
   .coppla_timeline_item .coppla_item_info {
     margin: 14px auto 14px 48px;
   }
 }
-/* line 240, ../sass/styles.scss */
+/* line 234, ../sass/styles.scss */
 .coppla_timeline_item .coppla_item_info, .coppla_timeline_item .coppla_item_info > a {
   color: #3777F6;
   text-decoration: underline;
 }
-/* line 246, ../sass/styles.scss */
+/* line 240, ../sass/styles.scss */
 .coppla_timeline_item img.coppla_timeline_preview {
   max-width: 200px;
   margin: 14px 0;
 }
 @media screen and (min-width: 768px) {
-  /* line 246, ../sass/styles.scss */
+  /* line 240, ../sass/styles.scss */
   .coppla_timeline_item img.coppla_timeline_preview {
     margin: 14px auto 14px 48px;
   }
 }
-/* line 251, ../sass/styles.scss */
+/* line 245, ../sass/styles.scss */
 .coppla_timeline_item p {
   font-size: 0.8em;
   text-align: justify;
 }
 
-/* line 258, ../sass/styles.scss */
+/* line 252, ../sass/styles.scss */
 .coppla_button_group button {
   font-size: 0.8em;
   color: #747475;
 }
 
-/* line 264, ../sass/styles.scss */
+/* line 258, ../sass/styles.scss */
 .coppla_authorbox {
   position: relative;
 }
-/* line 266, ../sass/styles.scss */
+/* line 260, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_image {
   width: 30px;
   height: 30px;
   -o-border-radius: 2px;
   border-radius: 2px;
 }
-/* line 275, ../sass/styles.scss */
+/* line 269, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_info {
   display: inline-block;
   margin-left: 18px;
   vertical-align: top;
 }
-/* line 280, ../sass/styles.scss */
+/* line 274, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_info .sticky-right {
   position: absolute;
   top: -2px;
   right: 0px;
 }
-/* line 286, ../sass/styles.scss */
+/* line 280, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_info h5 {
   margin: 0;
   font-size: 0.85em;
   color: #0D448D;
 }
-/* line 292, ../sass/styles.scss */
+/* line 286, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_info > span {
   font-size: 0.7em;
   color: #898989;
 }
-/* line 297, ../sass/styles.scss */
+/* line 291, ../sass/styles.scss */
 .coppla_authorbox .coppla_author_info h5 a, .coppla_authorbox .coppla_author_info span a {
   color: inherit;
 }
 
-/* line 303, ../sass/styles.scss */
+/* line 297, ../sass/styles.scss */
 .coppla_timeline_comments {
   margin-bottom: 6px;
 }
-/* line 305, ../sass/styles.scss */
+/* line 299, ../sass/styles.scss */
 .coppla_timeline_comments .coppla_timeline_commentary {
   padding: 10px 15px;
 }
-/* line 308, ../sass/styles.scss */
+/* line 302, ../sass/styles.scss */
 .coppla_timeline_comments .coppla_comments_seall, .coppla_timeline_comments .coppla_comments_seall > a {
   text-align: center;
   font-size: 0.9em;
   color: #000;
   padding: 3px;
 }
-/* line 314, ../sass/styles.scss */
+/* line 308, ../sass/styles.scss */
 .coppla_timeline_comments .coppla_timeline_commentary, .coppla_timeline_comments .coppla_comments_seall {
   margin-bottom: 4px;
   background-color: #FFF;
   -o-border-radius: 4px;
   border-radius: 4px;
 }
-/* line 318, ../sass/styles.scss */
+/* line 312, ../sass/styles.scss */
 .coppla_timeline_comments .coppla_timeline_commentary .coppla_author_image, .coppla_timeline_comments .coppla_comments_seall .coppla_author_image {
   width: 34px;
   height: 34px;
 }
-/* line 322, ../sass/styles.scss */
+/* line 316, ../sass/styles.scss */
 .coppla_timeline_comments .coppla_timeline_commentary p, .coppla_timeline_comments .coppla_comments_seall p {
   margin-left: 56px;
   margin-top: -18px;