hubl/src/styles/index.scss

61 lines
1.2 KiB
SCSS
Raw Normal View History

@charset "UTF-8";
@import "@startinblox/hubl-styling-framework/dist/index.css";
2021-01-18 10:51:33 +00:00
solid-display>div {
display: contents !important;
}
@import 'header/_index';
@import 'left-nav/_index';
2021-01-10 16:53:56 +00:00
@import 'content/_index';
@import 'about/_index';
2021-01-18 10:51:33 +00:00
@import 'members/_index';
@import 'profile/_index';
@import 'job-offers/_index';
2021-01-12 17:10:31 +00:00
@import 'chat/_index';
nav#main__menu {
@media (min-width: 768.01px) {
width: 250px;
}
}
main#content {
@media (min-width: 768.01px) {
width: calc(100% - 250px);
}
2021-01-22 14:04:38 +00:00
}
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2021-01-26 14:29:57 +00:00
&.admin-name-ellipsis {
display: inline-block;
width: 75%;
}
}
/* Fix on Join button in admin (circles + projects) */
/* Styles on buttons and .children-link don't work because this input is inside too many elements. */
/* And no I can't add that stupid icon because it'a an input. */
.join-button {
input {
padding: 9px 20px;
border-radius: 16.5px;
height: 33px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
background-color: var(--color-secondary);
color: white;
border: 1px solid var(--color-secondary);
&:hover {
background: white;
color: var(--color-secondary);
}
}
}