diaspora/app/assets/stylesheets/base.scss
Steffen van Bergerem c7e3f2fc19 Adjust the SPV design
2016-02-23 09:20:54 +01:00

102 lines
1.5 KiB
SCSS

body {
margin-top: $navbar-height;
padding: none;
}
.container-fluid { max-width: $screen-lg-min; }
.page-streams,
.page-tags.action-show {
> .container-fluid { max-width: 100%; }
}
// These names are generated by a rails controller
// scss-lint:disable SelectorFormat
.page-contacts,
.page-conversations,
.page-notifications,
.page-people.action-show,
.page-people.action-contacts,
.page-photos,
.page-posts,
.page-profiles.action-edit,
.page-services.action-index,
.page-streams,
.page-user_applications,
.page-users.action-edit,
.page-users.action-privacy_settings {
background-color: $sidebars-background;
}
// scss-lint:enable SelectorFormat
// Overflow
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
code,
pre { word-wrap: break-word; }
.tag { word-break: break-all; }
.avatar {
border-radius: 4px;
&.micro {
height: 20px;
width: 20px;
}
&.small {
height: 35px;
width: 35px;
}
&.medium {
height: auto;
max-width: 75px;
width: auto;
}
}
.author-name {
color: inherit;
}
.back-to-top {
background-color: $border-dark-grey;
border-radius: 10px;
bottom: 20px;
color: $white;
display: block;
font-size: 2.9em;
line-height: 1.5;
opacity: 0;
padding: 0 12px;
position: fixed;
right: 54px;
z-index: 49;
&:hover,
&.visible:hover {
color: $white;
opacity: .85;
}
&.visible { opacity: .5; }
}
// general purpose classes
.small-horizontal-spacer {
min-height: 20px;
}
// badge color
.badge-important {
background-color: $red;
}