Selaa lähdekoodia

CSS: refactor of a.btn (#5401)

maTh 2 vuotta sitten
vanhempi
commit
360400b723

+ 1 - 5
p/themes/Alternative-Dark/adark.css

@@ -203,7 +203,7 @@ form th {
 	font-size: 0.9rem;
 	border: 1px solid var(--border-color-middle);
 	border-radius: 3px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -211,10 +211,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-}
-
 .btn:hover {
 	background: var(--background-color-hover);
 	text-decoration: none;

+ 1 - 5
p/themes/Alternative-Dark/adark.rtl.css

@@ -203,7 +203,7 @@ form th {
 	font-size: 0.9rem;
 	border: 1px solid var(--border-color-middle);
 	border-radius: 3px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -211,10 +211,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-}
-
 .btn:hover {
 	background: var(--background-color-hover);
 	text-decoration: none;

+ 1 - 6
p/themes/Ansum/_forms.scss

@@ -12,7 +12,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -51,11 +51,6 @@
 	}
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 1 - 6
p/themes/Ansum/ansum.css

@@ -66,7 +66,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -95,11 +95,6 @@
 	text-decoration: none;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 1 - 6
p/themes/Ansum/ansum.rtl.css

@@ -66,7 +66,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -95,11 +95,6 @@
 	text-decoration: none;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 2 - 6
p/themes/BlueLagoon/BlueLagoon.css

@@ -164,7 +164,8 @@ button.as-link[disabled] {
 	font-size: 0.9rem;
 	border: solid 1px #ccc;
 	border-radius: 4px;
-	min-height: 37px;
+	min-height: 25px;
+	line-height: 25px;
 	min-width: 15px;
 	text-shadow: 0px -1px rgba(255,255,255,0.08);
 	vertical-align: middle;
@@ -172,11 +173,6 @@ button.as-link[disabled] {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-shadow: 0 0 2px #fff;
 	text-decoration: none;

+ 2 - 6
p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -164,7 +164,8 @@ button.as-link[disabled] {
 	font-size: 0.9rem;
 	border: solid 1px #ccc;
 	border-radius: 4px;
-	min-height: 37px;
+	min-height: 25px;
+	line-height: 25px;
 	min-width: 15px;
 	text-shadow: 0px -1px rgba(255,255,255,0.08);
 	vertical-align: middle;
@@ -172,11 +173,6 @@ button.as-link[disabled] {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-shadow: 0 0 2px #fff;
 	text-decoration: none;

+ 1 - 6
p/themes/Flat/flat.css

@@ -175,7 +175,7 @@ form th {
 	border-bottom: 3px solid #2980b9;
 	border-left-color: #2980b9;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -183,11 +183,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-decoration: none;
 }

+ 1 - 6
p/themes/Flat/flat.rtl.css

@@ -175,7 +175,7 @@ form th {
 	border-bottom: 3px solid #2980b9;
 	border-right-color: #2980b9;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -183,11 +183,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-decoration: none;
 }

+ 1 - 6
p/themes/Mapco/_forms.scss

@@ -12,7 +12,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -51,11 +51,6 @@
 	}
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 1 - 6
p/themes/Mapco/mapco.css

@@ -66,7 +66,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -95,11 +95,6 @@
 	text-decoration: none;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 1 - 6
p/themes/Mapco/mapco.rtl.css

@@ -66,7 +66,7 @@
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
-	min-height: 38px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 25px;
 	vertical-align: middle;
@@ -95,11 +95,6 @@
 	text-decoration: none;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 /*=== Forms */
 legend {
 	margin: 2rem 0 1rem 0;

+ 8 - 17
p/themes/Nord/nord.css

@@ -144,34 +144,25 @@ table td span {
 }
 
 /*=== Buttons */
-.btn,
-a.btn {
+.btn {
 	margin: .3rem .3rem;
+	padding: 5px 10px;
 	background: var(--accent-bg);
 	color: var(--accent);
+	font-size: 0.9rem;
 	border: none;
 	border-radius: 5px;
-
 	text-decoration: none;
 	transition: .4s;
-}
-
-a.btn.active {
-	background-color: var(--accent-bg);
-	border: 1px solid var(--border);
-}
-
-.btn {
-	padding: 5px 10px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
-	font-size: 0.9rem;
 	vertical-align: middle;
+	line-height: 25px;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
+.btn.active {
+	background-color: var(--accent-bg);
+	border: 1px solid var(--border);
 }
 
 .btn-important, #nav_menu_read_all .read_all, #actualize {

+ 8 - 17
p/themes/Nord/nord.rtl.css

@@ -144,34 +144,25 @@ table td span {
 }
 
 /*=== Buttons */
-.btn,
-a.btn {
+.btn {
 	margin: .3rem .3rem;
+	padding: 5px 10px;
 	background: var(--accent-bg);
 	color: var(--accent);
+	font-size: 0.9rem;
 	border: none;
 	border-radius: 5px;
-
 	text-decoration: none;
 	transition: .4s;
-}
-
-a.btn.active {
-	background-color: var(--accent-bg);
-	border: 1px solid var(--border);
-}
-
-.btn {
-	padding: 5px 10px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
-	font-size: 0.9rem;
 	vertical-align: middle;
+	line-height: 25px;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
+.btn.active {
+	background-color: var(--accent-bg);
+	border: 1px solid var(--border);
 }
 
 .btn-important, #nav_menu_read_all .read_all, #actualize {

+ 0 - 6
p/themes/Origine-compact/origine-compact.css

@@ -22,12 +22,6 @@
 .btn {
 	margin: 0;
 	padding: 5px 10px;
-	min-height: 32px;
-	line-height: 1.4;
-}
-
-a.btn,
-.stick .btn {
 	min-height: 20px;
 	line-height: 1.4;
 }

+ 0 - 6
p/themes/Origine-compact/origine-compact.rtl.css

@@ -22,12 +22,6 @@
 .btn {
 	margin: 0;
 	padding: 5px 10px;
-	min-height: 32px;
-	line-height: 1.4;
-}
-
-a.btn,
-.stick .btn {
 	min-height: 20px;
 	line-height: 1.4;
 }

+ 1 - 10
p/themes/Origine/origine.css

@@ -269,7 +269,7 @@ form th {
 	border-right: 1px solid var(--border-color-shadow-side);
 	border-bottom: 1px solid var(--border-color-shadow-side);
 	border-radius: 3px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -277,12 +277,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn,
-.stick .btn {
-	min-height: 25px;
-	line-height: 1.7;
-}
-
 .btn:hover {
 	background-image: none;
 	background-color: var(--background-color-hover);
@@ -353,9 +347,6 @@ a:hover .icon {
 
 .btn-attention:hover {
 	background-image: linear-gradient(to bottom, var(--attention-background-color-gradient1-hover), var(--attention-background-color-gradient2-hover));
-}
-
-a.btn-attention:hover {
 	color: var(--font-color-light);
 }
 

+ 1 - 10
p/themes/Origine/origine.rtl.css

@@ -269,7 +269,7 @@ form th {
 	border-left: 1px solid var(--border-color-shadow-side);
 	border-bottom: 1px solid var(--border-color-shadow-side);
 	border-radius: 3px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -277,12 +277,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn,
-.stick .btn {
-	min-height: 25px;
-	line-height: 1.7;
-}
-
 .btn:hover {
 	background-image: none;
 	background-color: var(--background-color-hover);
@@ -353,9 +347,6 @@ a:hover .icon {
 
 .btn-attention:hover {
 	background-image: linear-gradient(to bottom, var(--attention-background-color-gradient1-hover), var(--attention-background-color-gradient2-hover));
-}
-
-a.btn-attention:hover {
 	color: var(--font-color-light);
 }
 

+ 1 - 6
p/themes/Pafat/pafat.css

@@ -230,7 +230,7 @@ form th {
 	font-size: 0.9rem;
 	border: 1px solid var(--border-color-grey-dark);
 	border-radius: 3px;
-	min-height: 29px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -238,11 +238,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 1.7;
-}
-
 .read_all.btn {
 	height: 29px;
 }

+ 1 - 6
p/themes/Pafat/pafat.rtl.css

@@ -230,7 +230,7 @@ form th {
 	font-size: 0.9rem;
 	border: 1px solid var(--border-color-grey-dark);
 	border-radius: 3px;
-	min-height: 29px;
+	min-height: 25px;
 	min-width: 15px;
 	line-height: 1.7;
 	vertical-align: middle;
@@ -238,11 +238,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 1.7;
-}
-
 .read_all.btn {
 	height: 29px;
 }

+ 2 - 6
p/themes/Screwdriver/screwdriver.css

@@ -162,19 +162,15 @@ button.as-link[disabled] {
 	font-size: 0.9rem;
 	border: solid 1px #ccc;
 	border-radius: 4px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
+	line-height: 25px;
 	text-shadow: 0px -1px rgba(255,255,255,0.08);
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-shadow: 0 0 2px #fff;
 	text-decoration: none;

+ 2 - 6
p/themes/Screwdriver/screwdriver.rtl.css

@@ -162,19 +162,15 @@ button.as-link[disabled] {
 	font-size: 0.9rem;
 	border: solid 1px #ccc;
 	border-radius: 4px;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
+	line-height: 25px;
 	text-shadow: 0px -1px rgba(255,255,255,0.08);
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-	line-height: 25px;
-}
-
 .btn:hover {
 	text-shadow: 0 0 2px #fff;
 	text-decoration: none;

+ 3 - 9
p/themes/Swage/swage.css

@@ -88,14 +88,6 @@ a {
 	color: var(--color-text-nav);
 	outline: none;
 }
-a.btn {
-	min-height: 25px;
-	line-height: 1.5;
-	text-decoration: none;
-}
-a.btn .icon {
-	filter: brightness(3);
-}
 a#btn-subscription {
 	width: 76%;
 }
@@ -218,11 +210,13 @@ form th {
 	color: var(--color-text-light);
 	font-size: 0.9rem;
 	border: none;
-	min-height: 35px;
+	min-height: 25px;
 	min-width: 15px;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
+	line-height: 1.5;
+	text-decoration: none;
 }
 .btn.active, .btn:active, .btn:hover {
 	background-color: var(--color-background-nav-darker);

+ 3 - 9
p/themes/Swage/swage.rtl.css

@@ -88,14 +88,6 @@ a {
 	color: var(--color-text-nav);
 	outline: none;
 }
-a.btn {
-	min-height: 25px;
-	line-height: 1.5;
-	text-decoration: none;
-}
-a.btn .icon {
-	filter: brightness(3);
-}
 a#btn-subscription {
 	width: 76%;
 }
@@ -218,11 +210,13 @@ form th {
 	color: var(--color-text-light);
 	font-size: 0.9rem;
 	border: none;
-	min-height: 35px;
+	min-height: 25px;
 	min-width: 15px;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
+	line-height: 1.5;
+	text-decoration: none;
 }
 .btn.active, .btn:active, .btn:hover {
 	background-color: var(--color-background-nav-darker);

+ 3 - 11
p/themes/Swage/swage.scss

@@ -107,16 +107,6 @@ a {
 	color: var(--color-text-nav);
 	outline: none;
 
-	&.btn {
-		min-height: 25px;
-		line-height: 1.5;
-		text-decoration: none;
-
-		.icon {
-			filter: brightness(3);
-		}
-	}
-
 	&#btn-subscription {
 		width: 76%;
 	}
@@ -280,11 +270,13 @@ form {
 	color: var(--color-text-light);
 	font-size: 0.9rem;
 	border: none;
-	min-height: 35px;
+	min-height: 25px;
 	min-width: 15px;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
+	line-height: 1.5;
+	text-decoration: none;
 
 	&.active,
 	&:active,

+ 1 - 5
p/themes/base-theme/base.css

@@ -127,7 +127,7 @@ form th {
 	margin: 0;
 	padding: 5px 10px;
 	display: inline-block;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	font-size: 0.9rem;
 	line-height: 1.7;
@@ -136,10 +136,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-}
-
 .btn:hover {
 	text-decoration: none;
 }

+ 1 - 5
p/themes/base-theme/base.rtl.css

@@ -127,7 +127,7 @@ form th {
 	margin: 0;
 	padding: 5px 10px;
 	display: inline-block;
-	min-height: 37px;
+	min-height: 25px;
 	min-width: 15px;
 	font-size: 0.9rem;
 	line-height: 1.7;
@@ -136,10 +136,6 @@ form th {
 	overflow: hidden;
 }
 
-a.btn {
-	min-height: 25px;
-}
-
 .btn:hover {
 	text-decoration: none;
 }

+ 1 - 2
p/themes/base-theme/frss.css

@@ -465,8 +465,7 @@ td.numeric {
 	display: inline-flex;
 }
 
-.btn,
-a.btn {
+.btn {
 	display: inline-block;
 	cursor: pointer;
 	overflow: hidden;

+ 1 - 2
p/themes/base-theme/frss.rtl.css

@@ -465,8 +465,7 @@ td.numeric {
 	display: inline-flex;
 }
 
-.btn,
-a.btn {
+.btn {
 	display: inline-block;
 	cursor: pointer;
 	overflow: hidden;