royale-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Alex Harui <aha...@adobe.com.INVALID>
Subject Re: [DISCUSS] Explanation of the changes
Date Tue, 15 May 2018 15:11:35 GMT
Certain typenames match up against HTMLElement names and are thus valid Type selectors so are
not transformed into Class Selectors.

-Alex 

On 5/15/18, 2:09 AM, "Harbs" <harbs.lists@gmail.com> wrote:

    Interesting. It looks to me like a bug.
    
    The theme CSS compiles into this:
    Button {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #f8f8f8;
            margin: 0px;
            border-radius: 2px;
    }
    Button:hover {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #e8e8e8;
    }
    Button:active {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #d8d8d8;
    }
    
    Instead of this:
    
    .Button {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #f8f8f8;
            margin: 0px;
            border-radius: 2px;
    }
    .Button:hover {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #e8e8e8;
    }
    .Button:active {
            border: 1px solid #808080;
            padding: 4px;
            background-color: #d8d8d8;
    }
    
    Button is an element name (case insensitive) instead of a class name…
    
    Harbs
    
    > On May 15, 2018, at 11:52 AM, Harbs <harbs.lists@gmail.com> wrote:
    > 
    > I just tried an experiment of giving an MDL Button a classname of “Button” in
addition to all the MDL classes. Interestingly, the mdl class names overrode the Button one.
I’m really not sure why because the Button css should have been loaded later than MDL. I’d
appreciate your thoughts if you have any on that.
    
    

Mime
View raw message