FreesideWeb/css/tailwind.scss

61 lines
1.1 KiB
SCSS
Raw Normal View History

2021-08-30 20:22:23 +01:00
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.btn-cta {
@apply inline-block pb-1 pt-2 pl-2 pr-2 mr-2 bg-primary hover:ring-white rounded ring-2 ring-black text-white;
}
.bg-project::before {
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
z-index: -1;
display: block;
2021-08-30 20:22:23 +01:00
background-image: url("/img/project-bg.png");
background-size:cover;
width: 100%;
height: 100%;
filter: blur(2px);
2021-08-30 20:22:23 +01:00
}
.bg-project {
/* this is needed or the background will be offset by a few pixels at the top */
overflow: auto;
position: relative;
}
.bg-alumni:before {
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
z-index: -1;
display: block;
2021-08-30 20:22:23 +01:00
background-image: url("/img/alumni-bg.jpg");
background-size:cover;
width: 100%;
height: 100%;
filter: blur(2px) brightness(40%);
2021-08-30 20:22:23 +01:00
}
.bg-alumni {
/* this is needed or the background will be offset by a few pixels at the top */
overflow: auto;
position: relative;
}
2021-08-30 20:22:23 +01:00
.social-icons .icon-link:hover {
color: #fe6431;
}
}