@capillarytech/creatives-library 0.1.32 → 1.0.0

package/styles/vendor/semantic/src/themes/basic/elements/icon.overrides

@@ -1,189 +0,0 @@
-/* basic.icons available */
-i.icon.circle.attention:before { content: '\2757'; } /* '❗' */
-i.icon.circle.help:before { content: '\e704'; } /* '' */
-i.icon.circle.info:before { content: '\e705'; } /* '' */
-i.icon.add:before { content: '\2795'; } /* '➕' */
-
-i.icon.chart:before { content: '📈'; } /* '\1f4c8' */
-i.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
-i.icon.chart.pie:before { content: '\e7a2'; } /* '' */
-
-i.icon.resize.full:before { content: '\e744'; } /* '' */
-i.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
-i.icon.resize.small:before { content: '\e746'; } /* '' */
-i.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
-
-i.icon.down:before { content: '\2193'; } /* '↓' */
-i.icon.down.triangle:before { content: '\25be'; } /* '▾' */
-i.icon.down.arrow:before { content: '\e75c'; } /* '' */
-
-i.icon.left:before { content: '\2190'; } /* '←' */
-i.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
-i.icon.left.arrow:before { content: '\e75d'; } /* '' */
-
-i.icon.right:before { content: '\2192'; } /* '→' */
-i.icon.right.triangle:before { content: '\25b8'; } /* '▸' */
-i.icon.right.arrow:before { content: '\e75e'; } /* '' */
-
-i.icon.up:before { content: '\2191'; } /* '↑' */
-i.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
-i.icon.up.arrow:before { content: '\e75f'; } /* '' */
-
-i.icon.folder:before { content: '\e810'; } /* '' */
-i.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
-
-i.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
-i.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
-
-i.icon.star:before { content: '\e801'; } /* '' */
-i.icon.star.empty:before { content: '\e800'; } /* '' */
-i.icon.star.half:before { content: '\e701'; } /* '' */
-
-i.icon.lock:before { content: '🔒'; } /* '\1f512' */
-i.icon.unlock:before { content: '🔓'; } /* '\1f513' */
-
-i.icon.layout.grid:before { content: '\e80c'; } /* '' */
-i.icon.layout.block:before { content: '\e708'; } /* '' */
-i.icon.layout.list:before { content: '\e80b'; } /* '' */
-
-i.icon.heart.empty:before { content: '\2661'; } /* '♡' */
-i.icon.heart:before { content: '\2665'; } /* '♥' */
-
-
-i.icon.asterisk:before { content: '\2731'; } /* '✱' */
-i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
-i.icon.attention:before { content: '\26a0'; } /* '⚠' */
-i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
-i.icon.barcode:before { content: '\e792'; } /* '' */
-i.icon.cart:before { content: '\e813'; } /* '' */
-i.icon.block:before { content: '🚫'; } /* '\1f6ab' */
-i.icon.book:before { content: '📖'; }
-i.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
-i.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
-i.icon.cancel:before { content: '\2716'; } /* '✖' */
-i.icon.close:before { content: '\e80d'; } /* '' */
-i.icon.color:before { content: '\e794'; } /* '' */
-i.icon.chat:before { content: '\e720'; } /* '' */
-i.icon.check:before { content: '\2611'; } /* '☑' */
-i.icon.time:before { content: '🕔'; } /* '\1f554' */
-i.icon.cloud:before { content: '\2601'; } /* '☁' */
-i.icon.code:before { content: '\e714'; } /* '' */
-i.icon.email:before { content: '\40'; } /* '@' */
-i.icon.settings:before { content: '\26ef'; } /* '⛯' */
-i.icon.setting:before { content: '\2699'; } /* '⚙' */
-i.icon.comment:before { content: '\e802'; } /* '' */
-i.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
-i.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
-i.icon.cube:before { content: '\e807'; } /* '' */
-i.icon.direction:before { content: '\27a2'; } /* '➢' */
-i.icon.doc:before { content: '📄'; } /* '\1f4c4' */
-i.icon.docs:before { content: '\e736'; } /* '' */
-i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
-i.icon.paint:before { content: '\e7b5'; } /* '' */
-i.icon.edit:before { content: '\270d'; } /* '✍' */
-i.icon.eject:before { content: '\2ecf'; } /* '⻏' */
-i.icon.export:before { content: '\e715'; } /* '' */
-i.icon.hide:before  { content: '\e70b'; } /* '' */
-i.icon.unhide:before { content: '\e80f'; } /* '' */
-i.icon.facebook:before { content: '\f301'; } /* '' */
-i.icon.fast-forward:before { content: '\e804'; } /* '' */
-i.icon.fire:before { content: '🔥'; } /* '\1f525' */
-i.icon.flag:before { content: '\2691'; } /* '⚑' */
-i.icon.lightning:before { content: '\26a1'; } /* '⚡' */
-i.icon.lab:before { content: '\68'; } /* 'h' */
-i.icon.flight:before { content: '\2708'; } /* '✈' */
-i.icon.forward:before { content: '\27a6'; } /* '➦' */
-i.icon.gift:before { content: '🎁'; } /* '\1f381' */
-i.icon.github:before { content: '\f308'; } /* '' */
-i.icon.globe:before { content: '\e817'; } /* '' */
-i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
-i.icon.question:before { content: '\2753'; } /* '❓' */
-i.icon.home:before { content: '\2302'; } /* '⌂' */
-i.icon.i:before { content: '\2139'; } /* 'ℹ' */
-i.icon.idea:before { content: '💡'; } /* '\1f4a1' */
-i.icon.open:before { content: '🔗'; } /* '\1f517' */
-i.icon.content:before { content: '\e782'; } /* '' */
-i.icon.location:before { content: '\e724'; } /* '' */
-i.icon.mail:before { content: '\2709'; } /* '✉' */
-i.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
-i.icon.minus:before { content: '\2d'; } /* '-' */
-i.icon.money:before { content: '💰'; } /* '\1f4b0' */
-i.icon.off:before { content: '\e78e'; } /* '' */
-i.icon.pause:before { content: '\e808'; } /* '' */
-i.icon.photos:before { content: '\e812'; } /* '' */
-i.icon.photo:before { content: '🌄'; } /* '\1f304' */
-i.icon.pin:before { content: '📌'; } /* '\1f4cc' */
-i.icon.play:before { content: '\e809'; } /* '' */
-i.icon.plus:before { content: '\2b'; } /* '+' */
-i.icon.print:before { content: '\e716'; } /* '' */
-i.icon.rss:before { content: '\e73a'; } /* '' */
-i.icon.search:before { content: '🔍'; } /* '\1f50d' */
-i.icon.shuffle:before { content: '\e803'; } /* '' */
-i.icon.tag:before { content: '\e80a'; } /* '' */
-i.icon.tags:before { content: '\e70d'; } /* '' */
-i.icon.terminal:before { content: '\e7ac'; } /* '' */
-i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
-i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
-i.icon.to-end:before { content: '\e806'; } /* '' */
-i.icon.to-start:before { content: '\e805'; } /* '' */
-i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
-i.icon.trash:before { content: '\e729'; } /* '' */
-i.icon.twitter:before { content: '\f303'; } /* '' */
-i.icon.upload:before { content: '\e711'; } /* '' */
-i.icon.user.add:before { content: '\e700'; } /* '' */
-i.icon.user:before { content: '👤'; } /* '\1f464' */
-i.icon.community:before { content: '\e814'; } /* '' */
-i.icon.users:before { content: '👥'; } /* '\1f465' */
-i.icon.id:before { content: '\e722'; } /* '' */
-i.icon.url:before { content: '🔗'; } /* '\1f517' */
-i.icon.zoom.in:before { content: '\e750'; } /* '' */
-i.icon.zoom.out:before { content: '\e751'; } /* '' */
-
-/*--------------
-   Spacing Fix
----------------*/
-
-/* dropdown arrows are to the right */
-i.dropdown.icon {
-  margin: 0em 0em 0em 0.5em;
-}
-
-/* stars are usually consecutive */
-i.icon.star {
-  width: auto;
-  margin: 0em;
-}
-
-/* left side basic.icons */
-i.icon.left {
-  width: auto;
-  margin: 0em 0.5em 0em 0em;
-}
-
-/* right side basic.icons */
-i.icon.search,
-i.icon.up,
-i.icon.down,
-i.icon.right {
-  width: auto;
-  margin: 0em 0em 0em 0.5em;
-}
-
-/*--------------
-     Aliases
----------------*/
-
-/* aliases for convenience */
-i.icon.delete:before { content: '\e80d'; } /* '' */
-i.icon.dropdown:before { content: '\25be'; } /* '▾' */
-
-i.icon.help:before { content: '\e704'; } /* '' */
-i.icon.info:before { content: '\e705'; } /* '' */
-i.icon.error:before { content: '\e80d'; } /* '' */
-
-i.icon.dislike:before { content: '\2661'; } /* '♡' */
-i.icon.like:before { content: '\2665'; } /* '♥' */
-
-i.icon.eye:before { content: '\e80f'; } /* '' */
-i.icon.eye.hidden:before { content: '\e70b'; } /* '' */
-i.icon.date:before { content: '📅'; } /* '\1f4c5' */

package/styles/vendor/semantic/src/themes/basic/elements/icon.variables

@@ -1,12 +0,0 @@
-/*-------------------
-   Icon Variables
---------------------*/
-
-@fontPath  : "../../themes/basic/assets/fonts";
-
-@src:
-  url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
-  url("@{fontPath}/@{fontName}.woff") format('woff'),
-  url("@{fontPath}/@{fontName}.ttf") format('truetype'),
-  url("@{fontPath}/@{fontName}.svg#icons") format('svg')
-;

package/styles/vendor/semantic/src/themes/basic/elements/step.overrides

@@ -1,10 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-.ui.steps .step:after {
-  display: none !important;
-}
-.ui.steps .step {
-  border-radius: 500px !important;
-}

package/styles/vendor/semantic/src/themes/basic/elements/step.variables

@@ -1,18 +0,0 @@
-/*-------------------
-   Step Variables
---------------------*/
-
-/* Stepss */
-@stepsBorder: none;
-@stepsBorderRadius: @circularRadius;
-
-/* Step */
-@border: none;
-@divider: none;
-@background: transparent;
-@borderRadius: @circularRadius;
-@iconDistance: 0.8em;
-@arrowDisplay: none;
-
-@activeBackground: @midWhite;
-@activeArrowDisplay: none;

package/styles/vendor/semantic/src/themes/basic/globals/reset.overrides

@@ -1,5 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-/* No Additional Resets */

package/styles/vendor/semantic/src/themes/basic/globals/reset.variables

@@ -1,3 +0,0 @@
-/*******************************
-             Reset
-*******************************/

package/styles/vendor/semantic/src/themes/basic/modules/progress.overrides

@@ -1,3 +0,0 @@
-/*******************************
-            Progress
-*******************************/

package/styles/vendor/semantic/src/themes/basic/modules/progress.variables

@@ -1,15 +0,0 @@
-/*******************************
-            Progress
-*******************************/
-
-@background: transparent;
-@border: none;
-@padding: 0em;
-
-@progressLeft: 0em;
-@progressWidth: 100%;
-@progressTextAlign: center;
-
-@labelFontWeight: normal;
-@labelTextAlign: left;
-@labelHeight: 1.5em;

package/styles/vendor/semantic/src/themes/basic/views/card.overrides

@@ -1,4 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-

package/styles/vendor/semantic/src/themes/basic/views/card.variables

@@ -1,35 +0,0 @@
-/*******************************
-             Card
-*******************************/
-
-/*-------------------
-         View
---------------------*/
-
-@width: 250px;
-@background: transparent;
-@border: none;
-@boxShadow: none;
-
-@contentPadding: 1em 0em;
-
-@rowSpacing: 1.5em;
-@groupCardMargin: 0em @horizontalSpacing @rowSpacing;
-
-@extraBackground: transparent;
-@extraDivider: none;
-@extraBoxShadow: none;
-@extraPadding: 0.5em 0em;
-
-@extraLinkColor: @textColor;
-@extraLinkHoverColor: @linkHoverColor;
-
-@headerFontSize: @relativeLarge;
-@headerLinkColor: @textColor;
-@headerLinkHoverColor: @linkHoverColor;
-
-@imageBorderRadius: @borderRadius;
-@imageBorder: 1px solid @borderColor;
-
-@linkHoverBackground: transparent;
-@linkHoverBoxShadow: none;

package/styles/vendor/semantic/src/themes/bookish/elements/header.overrides

@@ -1,15 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-@import url(http://fonts.googleapis.com/css?family=Karma);
-
-h1.ui.header,
-.ui.huge.header {
-  font-weight: bold;
-}
-
-h2.ui.header,
-.ui.large.header {
-  font-weight: bold;
-}

package/styles/vendor/semantic/src/themes/bookish/elements/header.variables

@@ -1,37 +0,0 @@
-/*-------------------
-       Header
---------------------*/
-
-@headerFont : 'Karma', 'Times New Roman', serif;
-@fontWeight: normal;
-
-@iconSize: 1.5em;
-@iconOffset: 0.2em;
-@iconAlignment: top;
-
-@subHeaderFontSize: 0.85rem;
-
-@dividedBorder: 1px dotted rgba(0, 0, 0, 0.2);
-
-/* Block Header */
-@blockVerticalPadding: 1.3em;
-@blockHorizontalPadding: 1em;
-
-/* Attached  */
-@attachedBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)) repeat scroll 0 0 #F8F8F8;
-@attachedVerticalPadding: 1.3;
-@attachedHorizontalPadding: 1em;
-
-/* HTML Headings */
-@h1: 1.75rem;
-@h2: 1.33rem;
-@h3: 1.33rem;
-@h4: 1rem;
-@h5: 0.9rem;
-
-/* Sizing */
-@hugeFontSize: 1.75em;
-@largeFontSize: 1.33em;
-@mediumFontSize: 1.33em;
-@smallFontSize: 1em;
-@tinyFontSize: 0.9em;

package/styles/vendor/semantic/src/themes/bootstrap3/elements/button.variables

@@ -1,63 +0,0 @@
-/*-------------------
-   Button Variables
---------------------*/
-
-/* Button Variables */
-@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
-@textTransform: none;
-@fontWeight: normal;
-@textColor: rgba(51, 51, 51, 1);
-
-@borderRadius: @4px;
-
-@lineHeight: 1.42857;
-@verticalPadding: 0.8571em;
-@horizontalPadding: 0.8571em;
-
-@backgroundColor: @white;
-@backgroundImage: none;
-
-
-@borderBoxShadowColor: rgba(0, 0, 0, 0.14);
-
-@green: #5CB85C;
-@red: #D9534F;
-@blue: #337AB7;
-@green: #60B044;
-@orange: #F0AD4E;
-
-@primaryColor: @blue;
-@secondaryColor: @green;
-
-@labeledIconBackgroundColor: transparent;
-
-@basicBorderSize: 0px;
-@basicColoredBorderSize: 0px;
-@invertedBorderSize: 0px;
-
-@basicActiveBackground: transparent;
-@basicHoverBackground: transparent;
-@basicDownBoxShadow:
-  0px 0px 0px 1px #ADADAD inset,
-  0 3px 5px rgba(0, 0, 0, 0.125) inset
-;
-
-@groupButtonOffset: 0px 0px 0px -1px;
-@verticalGroupOffset: 0px 0px -1px 0px;
-
-/* States */
-
-@hoverBackgroundColor: #E6E6E6;
-@hoverBoxShadow:
-  0px 0px 0px 1px #ADADAD inset
-;
-
-@downBackgroundColor: #E6E6E6;
-@downBoxShadow:
-  0px 0px 0px 1px #ADADAD inset,
-  0 3px 5px rgba(0, 0, 0, 0.125) inset
-;
-
-@activeBackgroundColor: #E6E6E6;
-
-@disabledOpacity: 0.65;

package/styles/vendor/semantic/src/themes/chubby/collections/form.overrides

@@ -1,16 +0,0 @@
-/*-------------------
-   Form Variables
---------------------*/
-
-.ui.form .selection.dropdown {
-  padding: 1.1em 1.2em;
-  border-width: 2px;
-}
-.ui.form .selection.dropdown .menu {
-  min-width: calc(100% + 4px);
-  margin: 0 -2px;
-  border-width: 2px;
-}
-.ui.form .selection.dropdown input {
-  padding: inherit;
-}

package/styles/vendor/semantic/src/themes/chubby/collections/form.variables

@@ -1,9 +0,0 @@
-/*-------------------
-   Form Variables
---------------------*/
-
-@labelTextTransform: uppercase;
-@labelFontSize: 0.8em;
-
-@inputPadding: 1em 1.2em;
-@inputBorder: 2px solid @borderColor;

package/styles/vendor/semantic/src/themes/chubby/collections/menu.variables

@@ -1,40 +0,0 @@
-/*******************************
-             Menu
-*******************************/
-
-@background: @darkWhite;
-@boxShadow: none;
-@dividerSize: 0px;
-
-@verticalBoxShadow: 0px 0px 0px 2px @borderColor inset;
-@verticalActiveBoxShadow: none;
-
-@itemVerticalPadding: 1.25em;
-@itemHorizontalPadding: 2em;
-@itemFontWeight: bold;
-
-@activeItemBackground: @primaryColor;
-@activeItemTextColor: @white;
-@activeHoverItemBackground: @primaryColorHover;
-@activeHoverItemColor: @white;
-
-@secondaryItemPadding: @relativeSmall @relativeMedium;
-
-@secondaryActiveItemBackground: @primaryColor;
-@secondaryActiveItemColor: @white;
-@secondaryActiveHoverItemBackground: @primaryColorHover;
-@secondaryActiveHoverItemColor: @white;
-
-@secondaryPointingBorderWidth: 4px;
-@secondaryPointingActiveBorderColor: @primaryColor;
-@secondaryPointingActiveTextColor: @primaryColor;
-
-@arrowSize: 1em;
-@arrowActiveColor: @primaryColor;
-@arrowActiveHoverColor: @primaryColorHover;
-@arrowBorder: transparent;
-
-@paginationActiveBackground: @lightGrey;
-
-@borderColor: @darkWhite;
-@tabularBorderWidth: 2px;

package/styles/vendor/semantic/src/themes/chubby/elements/button.overrides

@@ -1,21 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
-
-.ui.labeled.icon.buttons > .button > .icon,
-.ui.labeled.icon.button > .icon {
-  box-shadow:
-    -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
-}
-
-.ui.right.labeled.icon.buttons .button .icon,
-.ui.right.labeled.icon.button .icon {
-  box-shadow:
-    1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
-}

package/styles/vendor/semantic/src/themes/chubby/elements/button.variables

@@ -1,57 +0,0 @@
-/*-------------------
-   Button Variables
---------------------*/
-
-/* Button Variables */
-@pageFont: 'Source Sans Pro', Arial, sans-serif;
-
-@textTransform: none;
-@fontWeight: normal;
-@textColor: #333333;
-
-@verticalPadding: 1.1em;
-@horizontalPadding: 2.5em;
-@invertedBorderSize: 3px;
-
-@basicBorderRadius: 0.4em;
-@basicFontWeight: bold;
-@basicTextTransform: uppercase;
-
-@blue: #4A88CB;
-@primaryColor: @blue;
-
-@borderRadius: 0.25em;
-
-@backgroundColor: #E6EAED;
-@backgroundImage: none;
-@boxShadow: none;
-
-@hoverBackgroundColor: #DDDDDD;
-@hoverBackgroundImage: none;
-@hoverBoxShadow: none;
-
-@downBackgroundColor: #D0D0D0;
-@downBackgroundImage: none;
-@downBoxShadow: none;
-
-@activeBackgroundColor: #CCCCCC;
-@activeBackgroundImage: none;
-@activeBoxShadow: none;
-
-@verticalBoxShadow: none;
-
-@loadingBackgroundColor: #F0F0F0;
-
-@compactVerticalPadding: (@verticalPadding * 0.5);
-@compactHorizontalPadding: (@horizontalPadding * 0.5);
-
-@labeledIconBackgroundColor: transparent;
-
-@mini: 0.7rem;
-@tiny: 0.75rem;
-@small: 0.8rem;
-@medium: 0.92rem;
-@large: 1rem;
-@big: 1.125rem;
-@huge: 1.2rem;
-@massive: 1.3rem;

package/styles/vendor/semantic/src/themes/chubby/elements/header.overrides

@@ -1,5 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

package/styles/vendor/semantic/src/themes/chubby/elements/header.variables

@@ -1,21 +0,0 @@
-/*-------------------
-       Header
---------------------*/
-
-@headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
-@fontWeight: bold;
-@textTransform: none;
-
-/* HTML Headings */
-@h1: 1.33rem;
-@h2: 1.2rem;
-@h3: 1rem;
-@h4: 0.9rem;
-@h5: 0.8rem;
-
-/* Sizing */
-@hugeFontSize: 1.33em;
-@largeFontSize: 1.2em;
-@mediumFontSize: 1em;
-@smallFontSize: 0.9em;
-@tinyFontSize: 0.8em;

package/styles/vendor/semantic/src/themes/chubby/modules/accordion.overrides

@@ -1,7 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-.ui.styled.accordion .accordion .active.title {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}

package/styles/vendor/semantic/src/themes/chubby/modules/accordion.variables

@@ -1,15 +0,0 @@
-/*-------------------
-   Accordion Variables
---------------------*/
-
-@iconMargin: 0em 0.5em 0em 0em;
-
-@styledActiveTitleBackground: @subtleGradient;
-@styledActiveTitleColor: @primaryColor;
-
-@styledActiveChildTitleBackground: transparent;
-
-@styledTitlePadding: 1.25em;
-@styledTitleFontWeight: bold;
-@styledContentPadding: 1.5em 3.25em;
-@styledChildContentPadding: @styledContentPadding;

package/styles/vendor/semantic/src/themes/chubby/views/comment.overrides

@@ -1,12 +0,0 @@
-/*******************************
-           Overrides
-*******************************/
-
-.ui.comments .comment {
-  border-radius: 0.5em;
-  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-}
-.ui.comments .comment .comments .comment {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  box-shadow: none;
-}