瀏覽代碼

Add transparent border-color so that text does not move in tab on selection, use lighter font-weight

sbkwgh 8 年之前
父節點
當前提交
3dd9cdec87
共有 1 個文件被更改,包括 5 次插入1 次删除
  1. 5 1
      src/components/TabView.vue

+ 5 - 1
src/components/TabView.vue

@@ -61,7 +61,7 @@
 			text-align: center;
 			position: relative;
 			cursor: pointer;
-			font-weight: 400;
+			font-weight: 300;
 			padding: 0.5rem 0;
 			background-color: $color__gray--primary;
 			transition: background-color 0.2s;
@@ -73,6 +73,10 @@
 				background-color: rgba(210, 210, 210, 1);
 			}
 
+			@at-root #{&}--small_tabs {
+				border: thin solid $color__gray--primary;
+			}
+
 			@at-root #{&}--selected {
 				background-color: #fff;