<commit_before>@import 'variables';
@import 'mq';
@import 'mixins';

// Tile lists
.tile-list {
    display: block;    
    li {
        display: inline-block;
        margin: (px2em(g()) / 2) (px2em(g())) (px2em(g()) / 2) 0;
        @include mq($until: sm) {
            font-size: px2rem(f(p));
        }
        @include mq(sm) {
            font-size: px2rem(f(h5));
        }
        @include mq(lg) {
            font-size: px2rem(f(h4));
        }

		i {
		    color: $white;		    
		    padding: px2em(g()) / 2; 
		}
		
		span {
		    position: relative;
		}

        i, span { 
            display: inline-block;
        }
    }    
    &.links-list li {
		a {
		    display: block;

		    i {
			    box-shadow: $small-base-shadow;
		        background-color: $secondary;
		        margin-right: px2em(g());
		    }
		    
		    span {
		        color: $dark-grey;                    
		        padding: (px2em(g()) / 2) 0; 
		        &:after {
		            background-color: $secondary;
		            bottom: 0;
		            content: "";
		            height: 2px;
		            left: 0;
		            max-width: 0%;
		            position: absolute;
		            transition: $fast-transition;
		            width: 100%;
		        }
		    }
		    i, span { 
		        transition: $fast-transition;
		    }

		    &:hover i {
		        box-shadow: $small-hover-shadow;
		    }

		    &:hover span {
		        &:after {
		            max-width: 100%;
		        }
		    }
		}
    }
    &:not(.links-list) li {
    	background-color: $primary;
    	box-shadow: $base-shadow;
    	@include mq(md) {
    	    font-size: px2rem(f(h3));
    	}
    	@include mq(lg) {
    	    font-size: px2rem(f(h2));
    	}

    	i {
    	}
    	
    	span {
    	    color: $white;                    
    	    padding: (px2em(g()) / 2) px2em(g()) (px2em(g()) / 2) 0; 
    	} 
    }        
}

// Buttons
button {
	&, &:hover, &:active, &:visited, &:focus {
		background-color: transparent;
		border: none;
		color: $dark-grey;
		cursor: pointer;
	}
}<commit_msg>Add hover shadow to skills tiles<commit_after>@import 'variables';
@import 'mq';
@import 'mixins';

// Tile lists
.tile-list {
    display: block;    
    li {
        display: inline-block;
        margin: (px2em(g()) / 2) (px2em(g())) (px2em(g()) / 2) 0;
        @include mq($until: sm) {
            font-size: px2rem(f(p));
        }
        @include mq(sm) {
            font-size: px2rem(f(h5));
        }
        @include mq(lg) {
            font-size: px2rem(f(h4));
        }

		i {
		    color: $white;		    
		    padding: px2em(g()) / 2; 
		}
		
		span {
		    position: relative;
		}

        i, span { 
            display: inline-block;
        }
    }    
    &.links-list li {
		a {
		    display: block;

		    i {
			    box-shadow: $small-base-shadow;
		        background-color: $secondary;
		        margin-right: px2em(g());
		    }
		    
		    span {
		        color: $dark-grey;                    
		        padding: (px2em(g()) / 2) 0; 
		        &:after {
		            background-color: $secondary;
		            bottom: 0;
		            content: "";
		            height: 2px;
		            left: 0;
		            max-width: 0%;
		            position: absolute;
		            transition: $fast-transition;
		            width: 100%;
		        }
		    }
		    i, span { 
		        transition: $fast-transition;
		    }

		    &:hover i {
		        box-shadow: $small-hover-shadow;
		    }

		    &:hover span {
		        &:after {
		            max-width: 100%;
		        }
		    }
		}
    }
    &:not(.links-list) li {
    	background-color: $primary;
    	box-shadow: $base-shadow;
    	cursor: default;
    	transition: $fast-transition;
    	@include mq(md) {
    	    font-size: px2rem(f(h3));
    	}
    	@include mq(lg) {
    	    font-size: px2rem(f(h2));
    	}

    	i {
    	}
    	
    	span {
    	    color: $white;                    
    	    padding: (px2em(g()) / 2) px2em(g()) (px2em(g()) / 2) 0; 
    	} 

    	&:hover {
    		box-shadow: $hover-shadow;
    	}
    }        
}

// Buttons
button {
	&, &:hover, &:active, &:visited, &:focus {
		background-color: transparent;
		border: none;
		color: $dark-grey;
		cursor: pointer;
	}
}
{'fraction_non_alphanumeric': 0.15016501650165018, 'fraction_numerical': 0.017444601603017446, 'mean_word_length': 1.2461619904711487, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5484896', 'n_tokens_mistral': 1712, 'n_tokens_neox': 1485, 'n_words': 284}