导入样式文件没有生效

admin.js
import React from 'react'
import {Row, Col} from 'antd'
import NavLeft from './components/NavLeft'
import Header from './components/Header'
import Footer from './components/Footer'
import './style/common.less'
export default class Admin extends React.Component{
  render(){
    return(
        <Row className="container">
          <Col span="3" className="nav-left">
            <NavLeft/>
          </Col>
          <Col span="21" className="main">
            <Header></Header>
            <Row className="content">
              content
              {/* {this.props.children} */}
            </Row>
            <Footer/>
          </Col>
        </Row>
    )
  }
}

common.less
.container{
  .nav-left{
    height: calc(100vh);
    background-color: 'red';
  }
  .main{
    height: calc(100vh);
  }
  .content{
    position: relative;
    padding: 20px;
  }
}