Skip to content
Snippets Groups Projects
register-equipment.component.scss 2.6 KiB
Newer Older
/*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';

.register-equipment {
	width:100%;
	background-color: $bg-default;

	.home-cta {
		margin-bottom: $spacing-m;
	}

	@media screen and (max-width: $break-small) {
		padding: $spacing-m 0;
	}
}

.home-cta {
	color: $text-dark;
	font-family: $open;
	font-size: 20px;
	line-height: 1.1em;
}

.white-square{
	margin-right: 10px;

	background-color: $white;

	height: 350px;


}

.text-input {

    font-size: 150%;
    padding: 5px 10px 5px 10px;
//    margin-top:10%;
//    margin-right: 10px;

    border-radius: 4px;

}


.blank-square {

//    height: 110%;
//    width: 350px;
//    text-align: center;
    padding: 10px 0px 20px 30px;
    background-color: $white;
    margin-right:20px;
    border: 2px solid black;
    border-radius: 10px;

}

.submit-button {

    color: $text-light;
    background-color: $bg-secondary;
    text-align: center;
    font-size: 150%;
    padding: 5px 20px;

    margin-top:20px;
    margin-left:auto;
    margin-right: 50px;
    display:block;

    border-style: none;
    border-radius: 4px;
    cursor: pointer;

    &:hover {
        text-decoration: none;
        background:$dark-purple;
    }
	  @media only screen and (max-width: $break-small+80px) {
		  //background: solid red;
      width: 80%;
      //margin-top: 20px;
      margin-left: 5%;
      margin-right: 5%;
	  }

}
.options {

    color: $text-light;
    background-color: $bg-secondary;
    text-align: center;
    font-size: 150%;
    padding: 5px 20px;

    margin-top:20px;
    margin-left:10px;
    margin-right:20px;

    border-style: none;
    border-radius: 4px;
    cursor: pointer;

    &:hover {
        text-decoration: none;
        background:$dark-purple;
    }
	  @media only screen and (max-width: $break-small+80px) {
		  //background: solid red;
      width: 80%;
      //margin-top: 20px;
      margin-left: 5%;
      margin-right: 5%;
	  }