hospital-selector.component.scss

/*This file is part of the project Pinsis-Portal.
 Copyright (C),2018, by C3SL(Centro de Computação Científica e
 Software Live)

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/

@import '../../sass/styles';

.list-group {
    padding: 10px;

    height: 100%;
    background-color: $white;

    max-height: 555px;
    padding-bottom: 0px;

    h2 {
        font-size: 20px;
        color: $dark-purple;
    }

    ul {
    position: center;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    overflow-y: scroll;
    margin: 0;
    padding: 0;

    border: 2px solid #ccc;

    font-size: 16px;

  // Again, this is where the magic happens
  -webkit-overflow-scrolling: touch;
  }
}

.list-group-item {
	background: $bg-secondary;
	text-align: center;

	border-bottom: 3px solid $white;

	font-size: 14px;
	color: $text-light;
	font-weight: bolder;
	text-decoration: none;


	&:hover {
		cursor: pointer;
    background-color: $dark-purple;
	}

	&:first-of-type {
		border-radius: 5px 5px 0 0;
	}

	&:last-of-type {
		margin-bottom: 0;
		border-radius: 0 0 5px 5px;
	}

	@media screen and (min-width: $break-small + 1) and (max-width: $break-large) {
		padding: 10px 10px;
		a {
			font-size: 12px;
		}
	  }
}