You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
1.4 KiB
Sass
87 lines
1.4 KiB
Sass
@mixin centerer
|
|
position: absolute
|
|
top: 50%
|
|
left: 50%
|
|
transform: translate(-50%, -50%)
|
|
|
|
.jumbotron
|
|
text-align: center
|
|
|
|
#UpperCarousel
|
|
width: 70%
|
|
margin: auto
|
|
|
|
#LowerCarousel
|
|
width: 70%
|
|
margin: auto
|
|
|
|
|
|
.carousel-cell
|
|
width: 66%
|
|
background: #ffffff
|
|
margin-right: 10px
|
|
height: 60px
|
|
line-height: 1.5
|
|
border-radius: 5px
|
|
|
|
.carousel-cell-content
|
|
color: #2E2E2E
|
|
@include centerer
|
|
|
|
// Grid Info
|
|
.grid-item
|
|
width: 30%
|
|
float: left
|
|
height: auto
|
|
background: #e6e5e4
|
|
border: 2px solid #b6b5b4
|
|
margin: 5px
|
|
text-align: center
|
|
border-radius: 5px
|
|
|
|
.grid
|
|
align-content: center
|
|
|
|
.student
|
|
border-width: 4px
|
|
background-color: #ef9a9a
|
|
border-radius: 5px
|
|
border-style: none
|
|
|
|
.developer
|
|
border-width: 4px
|
|
background-color: #81d4fa
|
|
border-radius: 5px
|
|
border-style: none
|
|
|
|
.person
|
|
border-width: 4px
|
|
background-color: #66bb6a
|
|
border-radius: 5px
|
|
border-style: none
|
|
|
|
.python
|
|
border-width: 4px
|
|
border-top-color: #FFD43B
|
|
border-bottom-color: #FFD43B
|
|
border-left-color: #306998
|
|
border-right-color: #306998
|
|
border-style: solid
|
|
|
|
.unity
|
|
border-width: 4px
|
|
border-top-color: #000000
|
|
border-bottom-color: #000000
|
|
border-left-color: #dddddd
|
|
border-right-color: #dddddd
|
|
border-style: solid
|
|
|
|
.friends
|
|
border-width: 4px
|
|
border-top-color: #33691e
|
|
border-bottom-color: #33691e
|
|
border-left-color: #283593
|
|
border-right-color: #283593
|
|
border-style: solid
|
|
|