Merge pull request #90 from vektor-inc/develop

[ Change version ] 1.17.0

patterns-data/_scss/_vk-table.scss

@@ -1,21 +1,29 @@
 /**
  * Table class
- * @since 1.16.0 
+ * @since 1.17.0 
  */
+ :root {
+	--vk-color-th-bg-bright: #f5f5f5;
+ }
 .vk-table{
-	&--width{
-		&--th25 :where(tr > *:first-child){
+	&--th {
+		&--width25:where(tr > *:first-child){
 			width:25%;
 		}
-		&--th30 :where(tr > *:first-child){
+		&--width30:where(tr > *:first-child){
 			width:30%;
 		}
-		&--th35 :where(tr > *:first-child){
+		&--width35:where(tr > *:first-child){
 			width:35%;
 		}
-		&--th40 :where(tr > *:first-child){
+		&--width40:where(tr > *:first-child){
 			width:40%;
 		}
+		&--bg-bright {
+			:where( tr > *:first-child ) {
+				background-color: var(--vk-color-th-bg-bright);
+			}
+		}
 	}
 	&--mobile-block{
 		@media ( max-width:599px ){
@@ -26,4 +34,19 @@
 			}
 		}
 	}
+	// 1.16.0 以下古いクラス名につき使用不可
+	&--width{
+		&--th25 :where(tr > *:first-child){
+			width:25%;
+		}
+		&--th30 :where(tr > *:first-child){
+			width:30%;
+		}
+		&--th35 :where(tr > *:first-child){
+			width:35%;
+		}
+		&--th40 :where(tr > *:first-child){
+			width:40%;
+		}
+	}
 }