2016-10-03 18:19:13 +00:00
|
|
|
//- ----------------------------------
|
|
|
|
//- 💫 COMPONENTS > MISC
|
|
|
|
//- ----------------------------------
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
.x-terminal
|
2016-10-03 18:19:13 +00:00
|
|
|
background: $color-subtle
|
|
|
|
color: $color-front
|
|
|
|
border-radius: 10px
|
2016-03-31 14:24:48 +00:00
|
|
|
width: 100%
|
|
|
|
|
2016-10-03 18:19:13 +00:00
|
|
|
.x-terminal__icons
|
2016-03-31 14:24:48 +00:00
|
|
|
position: absolute
|
2016-10-03 18:19:13 +00:00
|
|
|
padding: 10px
|
|
|
|
|
|
|
|
&:before,
|
|
|
|
&:after,
|
|
|
|
span
|
|
|
|
@include size(15px)
|
|
|
|
display: inline-block
|
|
|
|
float: left
|
|
|
|
border-radius: 50%
|
|
|
|
margin-right: 10px
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
&:before
|
2016-10-03 18:19:13 +00:00
|
|
|
content: ""
|
|
|
|
background: #e4514f
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
span
|
2016-10-03 18:19:13 +00:00
|
|
|
background: #3ec930
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
&:after
|
2016-10-03 18:19:13 +00:00
|
|
|
content: ""
|
|
|
|
background: #f4c025
|
|
|
|
|
|
|
|
.x-terminal__code
|
|
|
|
background: $color-front
|
|
|
|
color: $color-back
|
|
|
|
margin: 0
|
|
|
|
border: none
|
|
|
|
border-bottom-left-radius: 10px
|
|
|
|
border-bottom-right-radius: 10px
|
2016-03-31 14:24:48 +00:00
|
|
|
width: 100%
|
2016-10-03 18:19:13 +00:00
|
|
|
max-width: 100%
|
2016-03-31 14:24:48 +00:00
|
|
|
white-space: pre-wrap
|