Fix frame borders
							parent
							
								
									da340ddb79
								
							
						
					
					
						commit
						63b89ba1f0
					
				|  | @ -43,8 +43,8 @@ | |||
| 	outline-color: alpha($selected_bg_color, 0.5); | ||||
| 	outline-style: dashed; | ||||
| 	outline-width: 1px; | ||||
| 	outline-offset: -2px; | ||||
| 	outline-radius: 2px; | ||||
| 	outline-offset: -1px; | ||||
| 	outline-radius: $roundness; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
|  |  | |||
|  | @ -6,56 +6,59 @@ | |||
|  ! Buttons | ||||
| **********/ | ||||
| 
 | ||||
| %button { | ||||
| 	padding: ($spacing - 1px) ($spacing + 1px); | ||||
| 	border-width: 1px; | ||||
| 	border-style: solid; | ||||
| 	border-radius: $roundness; | ||||
| 	transition: 100ms ease; | ||||
| 
 | ||||
| 	-GtkWidget-focus-padding: 1; | ||||
| 	-GtkWidget-focus-line-width: 0; | ||||
| } | ||||
| 
 | ||||
| %linked_button { | ||||
| 	border-width: 1px; | ||||
| 	border-style: solid; | ||||
| 	border-radius: 0; | ||||
| 	border-right-style: none; | ||||
| 	border-left-style: none; | ||||
| 
 | ||||
| 	&:first-child { | ||||
| 		border-width: 1px; | ||||
| 		border-radius: $roundness; | ||||
| 		border-left-style: solid; | ||||
| 		border-right-style: none; | ||||
| 		border-top-right-radius: 0; | ||||
| 		border-bottom-right-radius: 0; | ||||
| 
 | ||||
| 		&:dir(rtl) { | ||||
| 			border-left-style: none; | ||||
| 			border-right-style: solid; | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 	&:last-child { | ||||
| 		border-width: 1px; | ||||
| 		border-radius: $roundness; | ||||
| 		border-left-style: none; | ||||
| 		border-right-style: solid; | ||||
| 		border-top-left-radius: 0; | ||||
| 		border-bottom-left-radius: 0; | ||||
| 
 | ||||
| 		&:dir(rtl) { | ||||
| 			border-left-style: solid; | ||||
| 			border-right-style: none; | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 	&:only-child, &:first-child:only-child { | ||||
| @include exports("button_extends") { | ||||
| 	%button { | ||||
| 		padding: ($spacing - 1px) ($spacing + 1px); | ||||
| 		border-width: 1px; | ||||
| 		border-style: solid; | ||||
| 		border-radius: $roundness; | ||||
| 		transition: 100ms ease; | ||||
| 		outline-color: transparent; | ||||
| 
 | ||||
| 		-GtkWidget-focus-padding: 1; | ||||
| 		-GtkWidget-focus-line-width: 0; | ||||
| 	} | ||||
| 
 | ||||
| 	%linked_button { | ||||
| 		border-width: 1px; | ||||
| 		border-style: solid; | ||||
| 		border-radius: 0; | ||||
| 		border-right-style: none; | ||||
| 		border-left-style: none; | ||||
| 
 | ||||
| 		&:first-child { | ||||
| 			border-width: 1px; | ||||
| 			border-radius: $roundness; | ||||
| 			border-left-style: solid; | ||||
| 			border-right-style: none; | ||||
| 			border-top-right-radius: 0; | ||||
| 			border-bottom-right-radius: 0; | ||||
| 
 | ||||
| 			&:dir(rtl) { | ||||
| 				border-left-style: none; | ||||
| 				border-right-style: solid; | ||||
| 			} | ||||
| 		} | ||||
| 
 | ||||
| 		&:last-child { | ||||
| 			border-width: 1px; | ||||
| 			border-radius: $roundness; | ||||
| 			border-left-style: none; | ||||
| 			border-right-style: solid; | ||||
| 			border-top-left-radius: 0; | ||||
| 			border-bottom-left-radius: 0; | ||||
| 
 | ||||
| 			&:dir(rtl) { | ||||
| 				border-left-style: solid; | ||||
| 				border-right-style: none; | ||||
| 			} | ||||
| 		} | ||||
| 
 | ||||
| 		&:only-child, &:first-child:only-child { | ||||
| 			border-width: 1px; | ||||
| 			border-style: solid; | ||||
| 			border-radius: $roundness; | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
|  | @ -184,7 +187,7 @@ | |||
| 
 | ||||
| 		&.default { @include button($selected_bg_color, $selected_fg_color); } | ||||
| 
 | ||||
| 		.linked & { @include linked_button($bg_color); } | ||||
| 		&.linked, .linked & { @include linked_button($bg_color); } | ||||
| 
 | ||||
| 		.spinbutton & { | ||||
| 			color: mix($text_color, $base_color, 0.4); | ||||
|  | @ -198,7 +201,7 @@ | |||
| 
 | ||||
| 			&:insensitive { | ||||
| 				color: mix($text_color, $base_color, 0.7); | ||||
| 				box-shadow: inset 1px 0 shade($base_color, 0.95); | ||||
| 				box-shadow: inset 1px 0 shade($base_color, 0.85); | ||||
| 			} | ||||
| 
 | ||||
| 			&:active, &:checked, &:hover { color: $text_color; } | ||||
|  | @ -214,12 +217,12 @@ | |||
| 		} | ||||
| 
 | ||||
| 		.spinbutton.vertical & { | ||||
| 				border: 1px solid shade($bg_color, 0.8); | ||||
| 				border-radius: $roundness; | ||||
| 				background-color: shade($bg_color, 1.08); | ||||
| 				background-image: none; | ||||
| 				color: $fg_color; | ||||
| 				box-shadow: none; | ||||
| 			border: 1px solid shade($bg_color, 0.8); | ||||
| 			border-radius: $roundness; | ||||
| 			background-color: shade($bg_color, 1.08); | ||||
| 			background-image: none; | ||||
| 			color: $fg_color; | ||||
| 			box-shadow: none; | ||||
| 
 | ||||
| 			&:hover { | ||||
| 				border-color: shade($bg_color, 0.7); | ||||
|  | @ -248,7 +251,6 @@ | |||
| 			&:first-child { | ||||
| 				border-width: 1px; | ||||
| 				border-bottom-width: 0; | ||||
| 				border-radius: $roundness; | ||||
| 				border-bottom-right-radius: 0; | ||||
| 				border-bottom-left-radius: 0; | ||||
| 			} | ||||
|  | @ -256,7 +258,6 @@ | |||
| 			&:last-child { | ||||
| 				border-width: 1px; | ||||
| 				border-top-width: 0; | ||||
| 				border-radius: $roundness; | ||||
| 				border-top-left-radius: 0; | ||||
| 				border-top-right-radius: 0; | ||||
| 			} | ||||
|  |  | |||
|  | @ -65,9 +65,11 @@ $modules: () !default; | |||
| 	&:focus, &:hover { border-color: border_focus($color); } | ||||
| 
 | ||||
| 	&:active, &:active:hover, | ||||
| 	&:active:focus, &:active:hover:focus { border-color: border_active($color); } | ||||
| 	&:active:focus, &:active:hover:focus, | ||||
| 	&:checked, &:checked:hover, | ||||
| 	&:checked:focus, &:checked:hover:focus { border-color: border_active($color); } | ||||
| 
 | ||||
| 	&:insensitive { border-color: border_insensitive($color); } | ||||
| 
 | ||||
| 	&:active *:insensitive { border-color: border_normal($color); } | ||||
| 	&:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } | ||||
| } | ||||
|  |  | |||
|  | @ -31,7 +31,7 @@ | |||
| 
 | ||||
|     .button { @include button($bg, $fg); } | ||||
| 
 | ||||
|     .linked .button { @include linked_button($bg); } | ||||
|     .button.linked, .linked .button { @include linked_button($bg); } | ||||
| 
 | ||||
|     GtkComboBox, .button { | ||||
|         padding: $spacing - 1px; | ||||
|  |  | |||
|  | @ -181,13 +181,13 @@ | |||
| ***********/ | ||||
| 
 | ||||
| @include exports("frame") { | ||||
|     .frame { border: none; } | ||||
|     .frame { | ||||
|         border: 1px solid border_normal($bg_color); | ||||
| 
 | ||||
|     GtkScrolledWindow { | ||||
|         &.frame { border: 1px solid border_normal($bg_color); } | ||||
| 
 | ||||
|         /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ | ||||
|         GtkViewport.frame { border: none; } | ||||
|         &.flat { border: none; } | ||||
|     } | ||||
| 
 | ||||
|     /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ | ||||
|     GtkScrolledWindow GtkViewport.frame { border: none; } | ||||
| } | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Satyajit Sahoo
						Satyajit Sahoo