Title

gomu-gomu · Jan 12, 2024 · c5fbfee · c5fbfee
1 parent e40f242
commit c5fbfee
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 2 deletions.
diff --git a/src/styles/card.css b/src/styles/card.css
@@ -62,4 +62,28 @@
 
   opacity: 0.7;
   filter: brightness(0);
+}
+
+.card.card-cust .title {
+  color: #7c80b6;
+  font-weight: bold;
+
+  display: inline-block;
+  border-bottom: 5px solid #ced0ff;
+
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+}
+
+.card.card-cust.card-cust--title p {
+  color: #656894;
+}
+
+.card.card-cust.card-cust--title p span {
+  border-radius: 6px;
+  background-color: #dadbff;
+
+  padding: 2px 6px;
+
+  font-weight: bold;
 }
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -2,9 +2,38 @@ body {
   background-color: #f0f0ff;
 }
 
-/* .container {
+a {
   position: relative;
-} */
+  display: inline-block;
+
+  padding: 0 5px;
+
+  color: #656894;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+a::before {
+  content: '';
+  z-index: -1;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 0;
+  height: 100%;
+
+  border-radius: 6px;
+  background-color: #d3d6ff;
+
+  transition-duration: 0.2s;
+  transition-property: width;
+}
+
+a:hover::before {
+  width: 100%;
+}
 
 *::selection {
   background-color: #d3d6ff;