「テンプレート:ボタン/styles.css」の版間の差分

2025年3月28日 (金) 18:12時点における版

.button-link a {
  display: inline-block;
  padding: 0.4em 1.2em;
  background-color: #3b82f6;
  color: #fff !important;
  border-radius: 0.5em;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.2s;
}
.button-link a:hover {
  background-color: #2563eb;
}

@@ 1行目: / 1行目: @@
 .button-link a {
    display: inline-block;
-   padding: 0.5em 1.2em;
+   padding: 0.4em 1.2em;
+  background-color: #3b82f6;
+  color: #fff !important;
    border-radius: 0.5em;
+  font-weight: bold;
    text-decoration: none;
-  font-weight: bold;
+   transition: background-color 0.2s;
-   transition: 0.2s;
 }
+.button-link a:hover {
-.button-link.blue a {
-  background-color: #3b82f6;
-  color: #fff !important;
-}
-.button-link.blue a:hover {
    background-color: #2563eb;
-}
-.button-link.red a {
-  background-color: #ef4444;
-  color: #fff !important;
-}
-.button-link.red a:hover {
-  background-color: #dc2626;
-}
-.button-link.round a {
-  border-radius: 9999px;
-}
-.button-link.large a {
-  font-size: 1.1em;
-  padding: 0.7em 1.5em;
-}
-.button-link.small a {
-  font-size: 0.85em;
-  padding: 0.3em 0.8em;
 }