Created
May 22, 2019 20:07
-
-
Save codigoconjuan/9ad7b55fb821df1dd32209cacc9c90a7 to your computer and use it in GitHub Desktop.
React Clima API
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
margin: 0; | |
padding: 0; | |
font-family: sans-serif; | |
} | |
nav .brand-logo { | |
display: block; | |
text-align: center; | |
position: relative; | |
} | |
.input-field label { | |
color: white; | |
} | |
.input-field input[type=text]:focus + label { | |
color: white; | |
} | |
.input-field input[type=text]:focus { | |
border-bottom: 1px solid white; | |
box-shadow: 0 1px 0 0 #000; | |
} | |
input[type=text]:not(.browser-default) { | |
border-bottom: 1px solid white; | |
color: white; | |
} | |
input[type=text]:not(.browser-default):focus:not([readonly]) { | |
border-bottom: 1px solid white; | |
-webkit-box-shadow: 0 1px 0 0 white; | |
box-shadow: 0 1px 0 0 white; | |
} | |
input[type=text]:not(.browser-default):focus:not([readonly]) + label { | |
color: white; | |
} | |
.contenedor-form { | |
padding: 3rem 0 1px 0; | |
background-color: #03a9f4; | |
} | |
.buscador i { | |
width: 100%; | |
} | |
.error { | |
padding: 1rem!important; | |
color:white; | |
margin-top: 3rem; | |
text-align: center; | |
} | |
.card-panel h2 { | |
font-size: 1.6rem; | |
text-align: center; | |
} | |
.card-panel p { | |
text-align: center; | |
font-size: 1.4rem; | |
} | |
.temperatura { | |
font-size: 4rem!important | |
} | |
.temperatura span { | |
font-size: 2rem!important; | |
vertical-align: super; | |
} | |
.btn-block { | |
display: block!important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script> | |
<script> | |
document.addEventListener('DOMContentLoaded', function() { | |
var elementos = document.querySelectorAll('select'); | |
M.FormSelect.init(elementos); | |
}); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment